/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@font-face {
  font-family: "beguer-regular";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/beguer_regular/BeguerTexto.eot#iefix') format("embedded-opentype"), url('../../fonts/beguer_regular/BeguerTexto.woff2') format("woff2"), url('../fonts/beguer_regular/BeguerTexto.woff') format("woff"), url('../../fonts/beguer_regular/BeguerTexto.ttf') format("truetype"), url('../fonts/beguer_regular/BeguerTexto.svg#beguer-regular') format("svg");
}
@font-face {
  font-family: "beguer-negrita";
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/beguer_negrita/BeguerTextoNegrita.eot#iefix') format("embedded-opentype"), url('../../fonts/beguer_negrita/BeguerTextoNegrita.woff2') format("woff2"), url('../fonts/beguer_negrita/BeguerTextoNegrita.woff') format("woff"), url('../../fonts/beguer_negrita/BeguerTextoNegrita.ttf') format("truetype"), url('../fonts/beguer_negrita/BeguerTextoNegrita.svg#beguer-negrita') format("svg");
}
.jl-wrapper .jl-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.jl-slideshow .el-content-wrapper {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-slideshow .el-vertical-align {
  margin: 1.9749rem;
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.el-horiz-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
p, ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #ffffff;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: white;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #ffffff !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #ffffff;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-tab > .jl-active > a {
  border-color: #ffffff;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #ffffff;
}
.jl-light .jl-label {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-light > :not([class*="jl-card-media"]) .jl-card-title {
  color: rgba(255, 255, 255, 0.7);
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #f2f2f2;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #ffffff;
}
.jl-text-background {
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #ffffff 0, white 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #ffffff;
}
.jl-radio:checked:focus {
  background-color: #ffffff;
}
.jl-overlay-primary {
  background: rgba(255, 255, 255, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
  border-color: #ffffff;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: white;
}
body {
  font: 400 18px/1.4 "Source Sans Pro", Helvetica, Arial, sans-serif;
}
h2 {
  font-family: "beguer-negrita", sans-serif;
}
h1 {
  font-family: "beguer-negrita", sans-serif;
}
h1, h2 {
  color: #3a5383;
}
/* Estilo principal del botón */
.btn-azul {
  /* Color y fondo */
  background-color: #2095C6;
  /* Este es un azul muy similar al de tu imagen */
  color: #FFFFFF;
  /* Color del texto (blanco) */
  /* Espaciado interno (relleno) */
  padding: 12px 24px;
  /* Estilo del texto */
  text-decoration: none;
  /* Quita el subrayado del enlace */
  font-family: Arial, sans-serif;
  /* Una fuente limpia */
  font-weight: bold;
  /* Texto en negrita */
  font-size: 16px;
  /* Forma */
  border-radius: 6px;
  /* Esquinas redondeadas */
  /* Pequeña transición para el efecto hover */
  transition: background-color 0.3s ease;
}
/* Efecto al pasar el ratón (hover) */
.btn-azul:hover {
  background-color: #1a7aa3;
  /* Un azul un poco más oscuro */
  cursor: pointer;
  /* Muestra la mano al pasar por encima */
}
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
}
/* Basic table styling */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: sans-serif;
}
/* Remove all borders from table, th, td */
table, th, td {
  border: none;
}
/* Add padding and bottom border to cells for row separation */
th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
/* Header styling */
thead tr {
  background-color: #000408 !important;
  /* Blue background */
  color: #ffffff;
  /* White text */
}
/* Match header bottom border with its background */
thead th {
  border-bottom: 1px solid #357ABD;
}
/* Optional: Zebra-striping for better readability */
tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}
/* Optional: Hover effect on rows */
tbody tr:hover {
  background-color: #f1f1f1;
}
/* Estilos para el contenedor principal de la franja */
.contact-bar-container {
  background-color: #3a5383;
  /* Color azul de fondo de la franja */
  color: #ffffff;
  /* Color del texto principal */
  font-family: beguer-negrita, sans-serif;
  /* Tipo de letra limpio */
  font-size: 1.5em;
  padding: 12px 20px;
  /* Relleno vertical y horizontal */
  /* Usamos Flexbox para alinear todo en una fila */
  display: flex;
  align-items: center;
  /* Centra verticalmente los elementos */
  justify-content: center;
  /* Centra horizontalmente el contenido */
  flex-wrap: wrap;
  /* Permite que los elementos pasen abajo en pantallas pequeñas */
  gap: 15px;
  /* Espacio entre cada grupo de elementos */
}
/* Estilo para el texto "Contacte con nosotros:" */
.contact-text {
  font-weight: bold;
  margin-right: 5px;
}
/* Estilo para los enlaces de teléfono y email */
.contact-item {
  color: #ffffff;
  text-decoration: none;
  display: inline-flex;
  /* Para alinear icono y texto */
  align-items: center;
}
/* Estilo para los iconos de teléfono y email (los pone en gris) */
.contact-item i {
  color: #c0c0c0;
  margin-right: 8px;
  /* Espacio entre el icono y el texto */
}
/* Efecto al pasar el ratón por los enlaces de contacto */
.contact-item:hover {
  text-decoration: underline;
}
/* Contenedor para los iconos de redes sociales */
.social-media-links {
  display: flex;
  align-items: center;
  gap: 6px;
  /* Espacio entre los iconos sociales */
}
/* Estilo para cada icono de red social */
.social-icon {
  color: #ffffff;
  text-decoration: none;
  width: 22px;
  /* Ancho del cuadrado */
  height: 22px;
  /* Alto del cuadrado */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  /* Bordes ligeramente redondeados */
  font-size: 14px;
  /* Tamaño del icono interior */
}
/* Colores de fondo específicos para cada red social */
#social-fb {
  background-color: #3b5998;
}
#social-yt {
  background-color: #c4302b;
}
#social-in {
  background-color: #0077b5;
}
/* Efecto al pasar el ratón por los iconos sociales */
.social-icon:hover {
  opacity: 0.85;
}
/*# sourceMappingURL=custom_15.css.map */