*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
:root {
  --white: #ffffff;
  --black: #121212;
  --gray: #404040;
  --gray-100: #ababab;
  --gray-200: #f5f5f5;
  --gray-300: #e7e7e7;
  --gray-400: #737373;
  --blue: #082841;
  --red: #ff0f00;
  --azul-claro: #0078ae;
}
body {
  /*  font-family: "InterCustom"; */
  font-family: "Merriweather";
  font-size: 1.125rem;
  letter-spacing: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1.56;
  margin: 0;
  color: var(--black);
  text-rendering: optimizeSpeed;
}
li::marker {
  content: none;
}
.container-home {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1736px;
}
.container,
.messages__wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  /*  max-width: 1536px; */
  max-width: 1000px;
}
.comment__inner {
  width: 600px;
  display: block;
  margin: 0 auto;
  margin-bottom: 3rem;
}
@media (min-width: 375px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 1920px) {
  .container {
    /* max-width: 1536px; */
    max-width: 1000px;
    padding-left: 0;
    padding-right: 0;
  }
  h1 {
    font-size: 3.75rem;
    line-height: 100%;
    margin-bottom: 30px;
  }
}
h1 {
  font-size: 3.75rem;
  line-height: 100%;
  margin-bottom: 30px;
}
h2 {
  font-size: 2rem;
  line-height: 100%;
}
h3 {
  font-size: 1.721rem;
  line-height: 100%;
}
h4 {
  font-size: 1.29rem;
}
h1,
h2,
h3,
h4 {
  margin-top: 0;
  font-weight: 500;
  color: var(--black);
  font-family: "Playfair", serif;
}
a {
  text-decoration: none;
  color: #009bff;
}
header {
  position: fixed;
  background-color: var(--blue);
  width: 100%;
  top: 0;
  z-index: 1;
  padding-left: 2rem;
  padding-right: 2rem;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.region-header {
  display: grid;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  grid-template-columns: 2fr 7.5fr 0.5fr 0.5fr 0.5fr 2fr;
}
#block-caribe-menudecuentadeusuario {
  display: flex;
  justify-content: end;
}
.site-logo {
  font-size: 0;
  display: block;
  border: none;
  padding: 10px 0;
}
.site-logo img {
  width: 250px;
}

.logo-footer {
  width: 70px;
}
.mi-svg path {
  fill: var(--gray-100);
  stroke: transparent;
}

.region-content img {
  width: 100%;
  object-fit: cover;
  height: auto;
  aspect-ratio: 16 / 9;
}
a.button {
  line-height: calc(3rem + 5px);
  white-space: nowrap;
  color: #fff;

  background-color: var(--black);
  background-image: linear-gradient(180deg, var(--black), var(--black));
  border: none;
  border-radius: 100px;
  padding: 0 3rem;
  min-width: 211px;
  outline: none;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
}
#block-caribe-main-menu ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 3rem;
}
#block-caribe-main-menu ul li a {
  color: var(--white);
}
footer {
  background-color: var(--white);
  padding: 2rem 0;
  font-size: 18px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top: solid 1px #cdcdcd;
}
footer a {
  text-decoration: none;
  color: var(--black);
}
footer a:hover {
  text-decoration: none;
  color: #009bff;
}
footer p {
  margin: 0;
}
.footer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 4rem 0;
  gap: 40px;
  font-size: 15px;
}
.footer__top ul.menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.footer__top svg {
  fill: #fff;
  height: 30px;
  width: 30px;
}
.social-network {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin-top: 30px;
}
.footer__botton {
  display: flex;
  align-items: center;
  justify-content: space-between;

  font-size: 0.8rem;
  padding: 2rem 0 calc(1rem + 6px);
  border-top: solid 1px #cdcdcd;
}

header ul.social-network li {
  height: 20px !important;
}
header ul.social-network li a {
  font-size: 0;
  display: flex;
  align-items: center;

  margin-left: 30px;
}
ul.social-network {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 16px 0;
  padding: 0;
  gap: 2rem;
}
ul.social-network li a {
  font-size: 0;
}
ul.social-network li .icon-twitter::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/x_twitter.svg");
  background-repeat: no-repeat;
  display: block;
}
ul.social-network li .icon-twitter-white::after {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/x_twitter-white.svg");
  background-repeat: no-repeat;
  display: block;
}
ul.social-network li .icon-instagram::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/instagram.svg");
  background-repeat: no-repeat;
  display: block;
}
ul.social-network li .icon-youtube::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/youtube.svg");
  background-repeat: no-repeat;
  display: block;
}
ul.social-network li .icon-tiktok::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/tiktok.svg");
  background-repeat: no-repeat;
  display: block;
}
ul.social-network li .icon-facebook::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/facebook.svg");
  background-repeat: no-repeat;
  display: block;
}
/*Formulario*/

input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
  font-size: 1rem;
  line-height: calc(1rem + 5px);
  background-color: #ffffff;
  padding: 1rem 1rem calc(1rem - 3px);
  border: solid 1px var(--blue);

  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  font-family: inherit;
  border-radius: 40px;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  border-color: solid 1px var(--gray);
}
input[type="submit"] {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  background-color: #082841;
  color: #fff;
  font-family: "InterCustom";
  font-size: 1.125rem;
  line-height: calc(3rem + 5px);
  white-space: nowrap;
  cursor: pointer;
  border: none;
  padding: 0 2rem;
  min-width: 111px;
  text-align: center;
  outline: none;
  background-image: radial-gradient(
    circle at left center,
    rgba(226, 13, 13, 1) 0%,
    transparent 100%
  );
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: left center;
  transition: background-size 0.5s ease-in-out;
}

input[type="submit"]:hover {
  background-size: 200% 200%;
}
input::placeholder,
textarea::placeholder {
  color: var(--gray-100);
  font-family: "InterCustom";
  font-size: 16px;
}
label {
  font-size: 16px;
  line-height: calc(1rem + 5px);
}
div.contacto {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
  width: 600px;
  margin: 0 auto;
}
.servicios__form form {
  max-width: 100%;
  width: 100%;
}
.contacto_row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
}

/**/
/* Contenedor de la tabla para scroll en móviles */
.table-container {
  overflow-x: auto;
  margin: 20px 0;
}

/* Estilo general de la tabla */
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin: 20px 0px;
  position: relative;
  z-index: 0;
}

/* Encabezado */
table thead tr {
  background-color: #d4dde1;
}

table thead th {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: #111;
}

/* Filas */
table tbody tr {
  transition: background 0.2s ease;
  background-color: #fafafa;
}

table tbody tr:hover {
  background-color: #e7e7e7;
}

/* Celdas */
table tbody td {
  padding: 12px 16px;
  vertical-align: top;
}

/* Links dentro de la tabla */
table tbody a {
  color: #1a73e8;
  text-decoration: none;
}

table tbody a:hover {
  text-decoration: underline;
}

/* Responsive: hace scroll horizontal en pantallas pequeñas */
@media (max-width: 768px) {
  table {
    font-size: 14px;
  }
}

.servicios__intro {
  display: flex;
  flex-direction: row;

  padding: 6rem 0px;
}
.servicios__text {
  width: 100%;
}
.servicios__form {
  max-width: 42rem;
}

.servicios__title {
  position: relative;
  padding: 15rem 0px;
  text-align: center;
  color: var(--white);
}

.imagen__bg img,
.imagen__bg video {
  display: block;
  width: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}
.paragraph-id--92 {
  padding-top: 0px !important;
}
ul.lista {
  list-style-type: none;
}
.container__text {
  max-width: 970px;
  margin: 0 auto;
  padding-top: 0px;
}
.container__text h1 {
  margin-top: 6rem;
}
.servicio__inner {
  display: block;
}
/* .servicio__inner > * {
  flex: 1 1 calc(50% - 15px);
} */
/* .lista__servicios > div:nth-child(2n + 1) .servicio__inner {
  display: flex;
  flex-direction: row-reverse;
} */
.lista__servicios {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
}

.lista__servicios > div {
  flex: 1 1 calc(20% - 15px);
}
.lista__servicios > div img {
  object-fit: cover;
  overflow: hidden;
  height: 250px;
  max-width: 100%;
}
.lista__servicios > div a,
.lista__articulos > div a,
.destacados > div a,
.destacado__semana > div a,
.lista__videos .slick-slide,
.lista__videos .videos__,
.nuevo-formato a {
  color: var(--gray);
  display: inline-block;
  transition: 0.5s;
  text-decoration: none;
}
.info-portada {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.info-portada h1 {
  font-size: 1rem;
  margin: 0;
  font-family: "InterCustom";
}
.fecha-actual {
  display: block;
  font-size: 0.8rem;
  font-family: "InterCustom";
}
.servicio__imagen {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
  line-height: 0;
}
.lista__servicios a:hover,
.lista__articulos a:hover,
.destacados a:hover,
.destacado__semana a:hover,
.lista__videos .slick-slide:hover,
.lista__videos .videos__:hover,
.nuevo-formato a:hover {
  transform: translateY(-10px);
}
.lista__servicios h3 {
  font-size: 26px;
  margin-top: 30px;
  margin-bottom: 0;
}
.lista__articulos h3 {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 0;
}

.servicio__contenido p {
  font-size: 1rem;
}
.servicio__contenido span {
  font-size: 0.8rem;
  display: inline-block;
}
.servicio__contenido .categorias span::after {
  content: none;
}
.servicio__contenido span::after {
  content: " →";
  transition: transform 0.3s ease;
  display: inline-block;
  margin-left: 4px;
}
.path-frontpage .container__text h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 0;
}
.paragraph-id--26 {
  padding-top: 0px !important;
}

.global__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  /* grid-template-columns: minmax(300px, 1fr) minmax(680px, auto) minmax(
      150px,
      1fr
    ); */
  grid-auto-columns: 1fr;
  display: grid;
  padding: 0rem 0;
}

.content__guias {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(260px, 1fr) minmax(680px, auto) minmax(
      150px,
      1fr
    );
  grid-auto-columns: 1fr;
  display: grid;
}
.sidebar {
  min-width: 270px;
}
.content__body {
  width: 100%;
  max-width: 680px;
  margin: 0 auto 3rem auto;
}
.content__body h2 {
  margin-top: 2.3rem;
  margin-bottom: 0;
  line-height: 40px;
}
.body-menu {
  width: 100%;
  max-width: 350px;
  max-height: 70vh;
}
.body-menu ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
  font-size: 1rem;
}
.body-menu ul li a {
  color: #009bff;
}
.heading {
  font-size: 1.3rem;
  color: var(--black);
  margin-bottom: 2rem;
}
.sticky-top {
  position: sticky;
  top: 85px;

  padding-bottom: 20px;
}
.block-views-blockservicios-block-2 {
  padding-bottom: 6rem;
}
.page__title {
  text-align: center;
  max-width: 64rem;
  width: 100%;
  flex-flow: column;
  display: flex;
}
.page__title h1 {
  margin-bottom: 20px;
}
p.meta span {
  padding: 0 20px 0 0;
  font-size: 0.9rem;
}
.lista__articulos {
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  height: auto;
  column-gap: 20px; /* separación entre columnas */
  row-gap: 60px;
  display: grid;
}
.lista__articulos .noticia__contenido,
.destacados .noticia__contenido {
  padding: 10px 0px;
}
#view-nuestras_ideas-page_1,
#view-servicios-page_1,
#view-proyectos-page_1 {
  padding: 0rem 0 0rem 0;
}
.body-menu a.active {
  color: var(--red);
}
#block-caribe-alternadordeidioma ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#block-caribe-alternadordeidiomaa ul li a.is-active {
  filter: grayscale(0);
}
#block-caribe-alternadordeidioma ul li a {
  font-size: 0 !important;
  padding: 6px;
  display: block;
}
#block-caribe-alternadordeidioma ul li.es a::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  position: relative;
  background-image: url("../images/es.png");
  background-repeat: no-repeat;
  display: block;
}

#block-caribe-alternadordeidioma ul li.en a::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  position: relative;
  background-image: url("../images/en.png");
  background-repeat: no-repeat;
  display: block;
}
#block-caribe-alternadordeidioma ul li.ca a::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  position: relative;
  background-image: url("../images/an.png");
  background-repeat: no-repeat;
  display: block;
}
#block-caribe-alternadordeidioma ul li a.is-active {
  filter: grayscale(0);
}
#block-caribe-alternadordeidioma ul li a {
  filter: grayscale(1);
}
.comentarios {
  display: block;
  margin: 40px 0px;
}
/*Hamburguer*/

.hamburger-menu {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 15px;
  position: relative;
}

.hamburger-menu span {
  background: var(--white);
  display: block;
  height: 3px;
  width: 25px;
  margin: 4px 0;
  transition: all 0.3s ease;
}

.hamburger-menu.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.hamburger-menu span {
  transition: all 0.4s ease;
}

.hamburger-menu.active span:nth-child(1) {
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

.hamburger-menu.active span:nth-child(2) {
  transition: opacity 0.4s ease;
}

.hamburger-menu.active span:nth-child(3) {
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

.hamburger-menu.active + #block-caribe-main-menu ul {
  display: block;
}

/**/
.content__projects {
  flex-direction: column;
  flex: 1;
  align-self: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
  margin: 6rem auto;
}
.content__projects h2,
.content__projects p {
  width: 666px;
  min-width: 666px;
  max-width: 666px;
}
.content__projects p {
  margin: 14px auto;
}
.content__projects img {
  margin: 30px auto;
}
ul.lista {
  padding: 0;
  margin: 0 0 0 20px;
  display: flex;
  flex-direction: column;
}
ul.lista li {
  list-style: none;
  padding-left: 2rem;
  position: relative;
  font-size: 1rem;
}
ul.lista li::before {
  background-image: url(../images/check_red.svg);
  content: "";
  display: block;
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5rem;
}
.portada__noticias {
  display: grid;
  grid-template-columns: 30fr 40fr 30fr;
  gap: 20px;
}
ul.lista-de-noticias {
  margin: 0;
  padding: 0;
  background-color: var(--white);
  list-style-type: none !important;
}
.noticia__contenido {
  padding: 10px 20px;
}
.destacado__semana .noticia__contenido {
  padding: 10px 0px;
}
.destacado__semana .noticia__contenido h3 {
  color: var(--white);
}
footer .menu.menu--main.nav > li:not(:has(a)) {
  display: none;
}
.categorias {
  font-size: 0.8rem;

  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  color: var(--black);
}
.categorias-parroquias {
  font-size: 0.8rem;

  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  color: var(--black);
}
.categorias-parroquias span {
  padding: 0px;
  margin-right: 12px;
  border-bottom: dotted 1px var(--gray);
}
.categorias-parroquias span::after {
  content: none;
}
.noticia__contenido h3 {
  margin: 12px 0px;
}
.destacado__semana .categorias span {
  padding: 2px 10px 0 10px;
  margin-right: 4px;
  background: #d4dde1;
  font-family: "InterCustom";
  color: var(--black);
}
.categorias span {
  padding: 2px 10px 0 10px;
  margin-right: 4px;
  background: #d4dde1;
  font-family: "InterCustom";
  color: var(--black);
}
#view-nuestras_ideas-attachment_2 .categorias {
  display: none;
}

.noticia__contenido h2 {
  margin: 8px 0 8px 0;
  font-size: 2.3rem;
}
.destacados-right .noticia__contenido .h3 {
  font-size: 1.3rem;
  height: 100%;
}
.destacados__izquierdo div:nth-of-type(1) a .h3 {
  font-size: 2rem;
}
.destacados_derecho .h3 {
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1;
}
.destacados__izquierdo > div:nth-child(2) .h3 {
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1;
}
.destacados__izquierdo .h3 {
  margin-top: 10px;
}
.destacados__izquierdo > div:first-child {
  padding: 20px;
  border: solid 1px var(--gray-300);
  margin-bottom: 20px;
  background-color: var(--white);
}
.destacados__izquierdo > div:first-child .noticias-lateral {
  display: block;
  gap: 14px;
}
.destacados_derecho > div {
  padding: 12px 0px;
}
.destacados_derecho > div:first-child {
  padding: 0px 0px;
}
.destacados_derecho > div:last-child {
  border-bottom: none;
}
.js-comment {
  background-color: var(--gray-200);
  border: solid 1px var(--gray-300);
  padding: 20px;
  border-radius: 6px;
  margin: 10px 0px;
}
.js-comment p:first-of-type span {
  font-weight: 700;
  font-size: 1rem;
}
.js-comment p.c-inicio {
  border-bottom: solid 1px var(--gray-300);
  padding-bottom: 14px;
}
.js-comment .field--name-comment-body {
  font-size: 0.8rem;
}
.indented {
  margin-left: 40px;
}
.js-comment h3 {
  margin: 14px 0px;
  font-size: 1.5rem;
}
.js-comment h3 a {
  color: var(--black);
}
.js-comment .links {
  margin-bottom: 0;
}
.js-comment .links a {
  font-size: 0.9rem;
  color: var(--azul-claro);
}
.js-comment footer {
  background-color: transparent;
  font-size: 0.8rem;
  padding: 0;
}
#view-nuestras_ideas-block_2 .noticia__contenido h2,
#view-nuestras_ideas-page_1 .noticia__contenido h2,
#view-taxonomy_term-page_1 .noticia__contenido h2 {
  font-size: 1.5rem;
}
.js-filter-guidelines {
  font-size: 0.8rem;
}
#view-nuestras_ideas-block_3 .noticia__contenido h2 {
  font-size: 1.5rem;
  line-height: 100%;
}
#view-nuestras_ideas-block_3 h2,
#view-nuestras_ideas-block_4 h2,
#view-nuestras_ideas-block_5 h2,
#view-nuestras_ideas-block_6 h2,
#view-nuestras_ideas-block_7 h2,
#view-nuestras_ideas-block_8 h2,
#view-mas_populares-block_1 h2,
h2.block-title,
#view-nuestras_ideas-block_11 h2,
#block-views-block-nuestras-ideas-block-12 h2,
#block-views-block-nuestras-ideas-block-10 h2 {
  font-family: "Playfair", serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 3.5rem;
  color: #000;
  letter-spacing: -0.02em;
}
#view-nuestras_ideas-block_6 h2,
#view-nuestras_ideas-block_7 h2 {
  border-top: solid 2px #e7e7e7;
  padding-top: 3rem;
}
.block-views-blockcategorias-block-1 h2 {
  display: none;
}
#view-categorias-block_1 ul {
  margin: 5.2rem 0px 20px 0px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  list-style-type: none;
}
#view-categorias-block_1 ul li a {
  font-size: 1rem;
}
.path-user #view-categorias-block_1 {
  display: none;
}
.path-user .main-container,
.path-comment .main-container {
  padding-top: 7rem;
}
.path-user .main-container h1,
.path-comment .main-container h1 {
  text-align: center;
}

.noticias-lateral h3 {
  font-size: 1.3rem;

  margin: 12px 0px;
}
.noticias-lateral {
  display: flex;
  gap: 14px;
}

.noticias-lateral > div:first-child {
  flex: 0 0 40%; /* columna izquierda */
}

.noticias-lateral > div:last-child {
  flex: 0 0 60%; /* columna derecha */
}
.menu--main .dropdown {
  position: relative; /* el padre sirve de referencia */
}

.menu--main .dropdown-menu {
  position: absolute; /* se superpone */
  top: 100%; /* justo debajo del <span> */
  left: 0;
  width: 200px; /* ajusta al tamaño que quieras */
  background: #fff; /* fondo blanco */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 6px;

  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.4s ease,
    opacity 0.3s ease;
  z-index: 1000; /* por encima de otros elementos */
}

.menu--main .dropdown-menu.open {
  max-height: 500px; /* suficientemente grande para cubrir contenido */
  opacity: 1;
}
.main-container {
  margin-top: 3.8rem;
}

.region-titulo-pagina {
  margin-top: 6rem;
}
.menu--account {
  list-style-type: none !important;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.menu--account li:first-child a {
  font-size: 0 !important;

  display: block;
}
/* Icono de persona (login) */
.menu--account li a[href*="user/login"]::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url("../images/persona.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 6px; /* separa el icono del texto */
  vertical-align: middle;
}

/* Icono de cerrar (logout) */
.menu--account li a[href*="user/logout"]::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url("../images/close.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
#edit-comment-body-0-format {
  display: none;
}

.informacion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: solid 1px #dcdcdc;
  padding: 10px 0;
}
.informacion img {
  aspect-ratio: inherit;
  width: 45px;
}
/*destacados categorias*/
.lateral_contenido p,
.destacado-columna p {
  color: var(--gray);
  font-size: 0.8rem !important;
  margin: 0 !important;
  font-family: "InterCustom";
}
.destacado-lista {
  display: flex;
  list-style: none;
  flex-direction: column;
}
.destacado-lista li {
  border-bottom: solid 1px var(--gray-300);
  padding: 14px 0px;
}
.destacado-lista li:first-child {
  padding-top: 0px;
}
.destacado-lista li:last-child {
  border-bottom: none;
}
.destacado-columna .noticia__contenido h3,
.destacado-lista h3 {
  font-size: 1.3rem;
  height: 100%;
}
.first-row {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.solo-una-noticia .servicio__inner {
  display: grid !important;
  grid-template-columns: 4fr 8fr;
  gap: 20px 10px;
  align-items: center;
}
.solo-una-noticia .noticia__contenido {
  padding: 0px !important;
}
.destacado-columna {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.destacado-columna .noticia__contenido {
  padding: 10px 0px !important;
}
.nuevo-formato {
  display: grid;
  grid-template-columns: 9fr 3fr;
  gap: 20px;
}
.nuevo-formato ul.lista-de-noticias {
  background-color: transparent !important;
  list-style-type: none !important;
}
.destacados {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.destacados .destacados-left {
  flex: 0 0 50%;
}
#block-views-block-nuestras-ideas-block-5 .destacados .destacados-left {
  border-right: solid 1px #e7e7e7;
  padding-right: 20px;
}
#block-views-block-nuestras-ideas-block-5
  .destacados
  .destacados-right
  > div:first-child {
  border-right: solid 1px #e7e7e7;
  padding-right: 20px;
}

.destacados .destacados-right {
  display: grid;
  flex-direction: column;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.destacados .destacados-right h3 {
  font-size: 1.3rem;
  height: 100%;
}
/*fin destacados categorias*/
.footer__bottom_two {
  text-align: center;
}
.footer__bottom_two p {
  font-size: 0.8rem;
}
.copyright a {
  color: #009bff;
}

.noticia__contenido p {
  font-size: 1rem;
  font-family: "InterCustom";
}
.lateral_contenido h3 {
  margin: 6px 0px !important;
}

.texto-alternativo-imagen {
  font-size: 0.8rem;

  display: block;
  position: absolute;
  bottom: 6px;
  right: 6px;
  background-color: var(--blue);
  color: var(--white);
  padding: 3px 6px;
}
.social-sharing-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
.article__image {
  position: relative;
}
ol.noticias-populares a {
  color: var(--black);
  font-family: "Playfair", serif;
  font-size: 1.3rem;
  line-height: 1;
  display: block;
  font-weight: 700;
}
ol.noticias-populares {
  counter-reset: my-counter;
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-position: inside;
  column-gap: 2rem;
  margin: 0;
  padding: 0;
  row-gap: 1rem;
}
ol.noticias-populares li {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0 0 0 50px;
  position: relative;
}
ol.noticias-populares li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--blue);
  font-size: 4em;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  text-align: center;
  padding-top: -1px;
}
ol.noticias-populares .views-field-title {
  margin-left: 24px;
}
.region-footer {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/* .footer__top > div:first-child {
  flex: 0 0 25%; 
}

.footer__top > div:last-child {
  flex: 0 0 75%; 
} */
.info-article {
  display: flex;
  align-items: center;
  gap: 10px;
}
.info-general {
  display: flex;
  align-items: center;
  row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  font-family: "InterCustom";
  font-size: 0.9rem;
  text-align: right;
}
.social-sharing-buttons .share-x {
  width: 24px;
  border: solid 1px #cdcdcd;
  height: 24px;
  border-radius: 50%;
  padding: 2px;
}
.social-sharing-buttons .share-facebook {
  width: 26px;
  border: solid 1px #cdcdcd;
  height: 26px;
  border-radius: 50%;
}
.social-sharing-buttons .share-whatsapp {
  width: 26px;
  border: solid 1px #cdcdcd;
  height: 26px;
  border-radius: 50%;
}
.social-sharing-buttons .share-linkedin {
  width: 26px;
  border: solid 1px #cdcdcd;
  height: 26px;
  border-radius: 50%;
}
.social-sharing-buttons .share-email {
  width: 26px;
  border: solid 1px #cdcdcd;
  height: 26px;
  border-radius: 50%;
}
hr {
  border: solid 1px #dcdcdc;
  border-bottom: 0;
}
#views-exposed-form-buscar-page-1 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  grid-gap: 20px;
  margin: 0 0 40px;
}
.article__teaser {
  display: grid;
  grid-template-columns: 9fr 1fr 2fr;
  column-gap: 60px;
  row-gap: 30px;
  align-items: center;
  justify-content: space-between;
  font-family: "InterCustom";
}
.article__teaser h3 {
  margin: 0;
  font-size: 1rem;
  font-family: "InterCustom";
}
.article__teaser span {
  font-size: 0.8rem;
  color: #383838;
}
.listado__busqueda {
  padding: 3rem 0px;
  background-color: #f5f5f5;
}
.lista__buscar_andorra {
  display: flex;
  flex-direction: column;
}
.lista__buscar_andorra .item__lista {
  border-bottom: solid 1px #dcdcdc;
}
.lista__buscar_andorra .item__lista:last-child {
  border-bottom: none;
}
.lista__buscar_andorra .item__lista a {
  padding: 20px 20px;
  transition: 0.2s;
  display: block;
}
.lista__buscar_andorra .item__lista a:hover {
  color: #009bff !important;
  background-color: #fff;
}

.page-buscar .views-element-container h1 {
  margin-top: 30px !important;
  display: inline-block;
  text-align: center;
  font-size: 2rem;
  width: 100%;
}
.article__autor {
  display: grid;
  grid-template-columns: 3fr 9fr;
  gap: 0px;
  align-items: center;
  font-size: 0.8rem;
  color: #383838;
}
.article__autor img {
  object-fit: contain;
  display: block;
}
.view-empty {
  text-align: center;
}
#block-caribe-buscar {
  display: flex;
  align-items: center;
  justify-content: end;
}
.menu--buscar {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu--buscar li:first-child a {
  font-size: 0 !important;
  display: block;
}
.menu--buscar li a::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

article.perfil {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 0px;
}
article.perfil img {
  object-fit: contain;
}
.perfil-de-usuario {
  display: grid;
  grid-template-columns: 4fr 8fr;
  column-gap: 30px;
  font-family: "InterCustom";
  margin: 1rem 0px 3rem 0;
}
.perfil-de-usuario .perfil__left img {
  object-fit: contain;
}
.block-views-blockbuscar-block-1 {
  padding: 3rem 0px;
  background-color: #f5f5f5;
}
.block-views-blockbuscar-block-1 h2.block-title {
  display: none;
}
.block-views-blockbuscar-block-1 h2 {
  text-align: center;
}
.path-user .region-content {
  margin-top: 0;
}
footer table {
  background-color: transparent !important;
}
.paragraph-id--44 {
  padding-bottom: 4rem !important;
}
.paragraph-id--44 h2 {
  color: var(--white);
  font-family: "InterCustom";
}

.modal-hidden {
  display: none;
}

#videoModal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
  background-color: black;
  margin: 10% auto;
  padding: 20px;
  width: 90%;
  max-width: 800px;
  position: relative;
}

.video-poster {
  position: relative;
  width: 100%;

  height: 330px;
}
.video-poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  font-size: 4rem;
  line-height: 4rem;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: var(--white);
  color: var(--blue);
  justify-content: center;
  border-radius: 50%;
}

.close-button {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 18px;
}
.lista__videos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 3rem;
}
.page-videos {
  background-color: var(--blue);
}
.page-videos h1 {
  color: var(--white);
}
.paragraph-id--46 {
  background-color: var(--blue);
}
#block-views-block-videos-block-1 h2 {
  color: var(--white);
  font-family: "InterCustom";
}

.lista__videos h3 {
  color: var(--white);
  margin: 20px 0px 0px 0px;
  padding: 0;
  height: 100%;
  font-size: 1.3rem;
}
#only-movil {
  display: none;
}
.tbm-main {
  max-width: none !important;
}
.tbm.tbm--mobile .tbm-nav {
  flex-direction: column;
}
.tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
  padding: 0;
}
.tbm-main .tbm-submenu {
  width: 100vw !important;
  left: 0 !important;
  top: 61px;
  position: absolute;
  background-color: var(--gray-100);
  border: none;
  box-shadow: none;
}
.tbm-nav,
[dir="ltr"] .tbm-nav {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0px;
}
.tbm-item.level-1 {
  border-right: none;
}
.tbm-nav,
[dir="ltr"] .tbm-nav {
  list-style: none;
}
.tbm-link.level-1 {
  padding: 1.1rem 1.25rem;
}
.tbm {
  background-color: transparent;
  position: inherit !important;
}
.tbm-main {
  max-width: none !important;
}
.tbm-main .open {
  background-color: #000;
}
.tbm-main {
  max-width: none !important;
}
.tbm-link.level-1 {
  padding: 1.1rem 1.25rem;
}
.tbm-main .tbm-submenu {
  width: 100vw !important;
  left: 0 !important;
  top: 61px;
  position: absolute;
  background-color: #133857;
  border: none;
  box-shadow: none;
}
.tbm-nav,
[dir="ltr"] .tbm-nav {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0px;
}
.tbm-item.level-1 {
  border-right: none;
}
.tbm {
  background-color: transparent;
  position: inherit !important;
}
.tbm-link.level-1:hover,
.tbm-link.level-1:focus {
  background-color: #133857;
}

ul.tbm-nav .active-trail {
  background-color: #133857;
  color: #009bff !important;
}
ul.tbm-subnav .active-trail {
  background-color: transparent;
  color: #009bff;
}
.tbm-column ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.tbm-column ul span.no-link {
  font-weight: 700;
  color: var(--verde);
}
.tbm-row {
  gap: 60px;
}
.tbm-submenu-toggle {
  height: auto;
  line-height: auto;
}

.tbm-item--has-dropdown [aria-expanded="true"]::after {
  font-family: "simple-line-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e607";
  margin-left: 6px;
  font-size: 10px;
}

.tbm-item--has-dropdown [aria-expanded="false"]::after {
  font-family: "simple-line-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e604";
  margin-left: 6px;
  font-size: 10px;
}
.tbm-item--has-dropdown .level-2 [aria-expanded="false"]::after {
  font-family: none !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: none;
  margin-left: 6px;
  font-size: 10px;
}
.level-2 .tbm-group-title {
  font-weight: normal;
  text-transform: capitalize;
}
.tbm-group-container {
  border-top: none;
}
.tbm-main .open {
  background-color: #133857;
}
.tbm-link.level-1 {
  color: var(--white);
}
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
  color: var(--white);
}
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link.no-link {
  color: #fff !important;
  cursor: default;
  display: none;
}
.tbm-button-container span {
  display: block;
  position: absolute;
  height: 0.375rem;
  width: 100%;
  background: var(--white);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.menu-top-header {
  display: none;
}
@media screen and (max-width: 768px) {
  .entrevistas .categorias {
    position: relative !important;
    top: 0rem;
    left: 0rem !important;
  }
  .info-noticia-laveu {
    display: block !important;
    position: relative !important;
    top: 20px;
    left: 0px !important;
    z-index: 100;
    width: 100% !important;
    background-color: var(--white);
    padding: 0rem !important;
    text-align: right !important;
  }
  .ltn-1 {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    aspect-ratio: auto !important;
    text-align: center;
  }
  .paragraph-id--75 a {
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
  #view-nuestras_ideas-block_3 h2,
  #view-nuestras_ideas-block_4 h2,
  #view-nuestras_ideas-block_5 h2,
  #view-nuestras_ideas-block_6 h2,
  #view-nuestras_ideas-block_7 h2,
  #view-nuestras_ideas-block_8 h2,
  #view-mas_populares-block_1 h2,
  h2.block-title,
  #view-nuestras_ideas-block_11 h2,
  #block-views-block-nuestras-ideas-block-12 h2,
  #block-views-block-nuestras-ideas-block-10 h2 {
    font-family: "Playfair", serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.1rem;
    color: #000;
    letter-spacing: -0.02em;
  }
  .solo-una-noticia .servicio__inner {
    display: flex !important;
    grid-template-columns: 1fr;
    gap: 20px 10px;
    align-items: center;
    flex-direction: column-reverse;
  }
  .nuevo-formato {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .destacado-columna {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    list-style-type: none !important;
  }
  .region-titulo-pagina {
    margin-top: 2rem;
  }

  .webform-likert-table-wrapper td .form-type-radio {
    text-align: center;
    justify-content: left !important;
    margin-top: 14px;
  }
  div.contacto {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 1rem;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  .main-container {
    margin-top: 0px;
  }

  .tbm.tbm--mobile .tbm-submenu .tbm-link {
    padding: 5px 1.25rem;
  }
  #only-movil {
    display: none;
  }
  .lista__videos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 3rem;
  }
  .region-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 2fr 7.5fr 0.5fr 0.5fr 0.5fr 2fr;
  }
  .article__teaser {
    display: block;
  }
  .article__autor {
    display: none;
  }
  #views-exposed-form-buscar-page-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    margin: 0 0 40px;
    flex-direction: column;
  }
  .hamburger-menu {
    display: block;
  }
  #block-caribe-main-menu {
    max-height: 0;
    opacity: 0;
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1001;
    box-shadow: 0 10px 10px -5px #0003;
  }

  .hamburger-menu {
    display: block;
  }

  #block-caribe-main-menu ul {
    margin: 0;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
  }

  .paragraph-text {
    width: auto;
    min-width: auto;
    max-width: auto;
    display: flex;
    color: var(--white);
  }
  h1 {
    font-size: 2.25rem;
    line-height: 100%;
  }
  h2 {
    font-size: 1.7rem;
    line-height: 100%;
  }

  .container__text {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lista__servicios {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .lista__servicios > div {
    flex: 1 1 calc(50% - 15px);
  }
  .lista__servicios > div img {
    height: 200px;
  }

  .servicios__intro {
    display: flex;
    flex-direction: row;

    padding: 6rem 0px;
    flex-wrap: wrap;
  }
  .global__content {
    grid-template-columns: 100%;
  }
  .lista__articulos {
    grid-template-columns: 100%;
  }
  .contacto_row {
    grid-template-columns: 100%;
  }
  .portada__noticias {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .lista__articulos {
    column-gap: 20px;
    row-gap: 20px;
  }
  .footer__botton {
    display: block;
    text-align: center;
  }
  .social-network {
    margin: 14px 0px !important;
  }
  #block-caribe-main-menu ul li a {
    color: var(--blue);
  }
  #view-categorias-block_1 ul {
    margin: 5.2rem 0px 20px 0px;
    padding: 0;
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    list-style-type: none;
  }
  .global__content {
    padding: 0rem 0;
  }
  .path-user .region-content {
    padding: 0rem;
  }
  header {
    position: sticky !important;
    background-color: var(--blue);
    width: 100%;
    top: 0;
    z-index: 1;
    padding-left: 14px;
    padding-right: 14px;
  }
  .informacion {
    display: block;
  }
  .destacados {
    display: block;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .site-logo img {
    width: 146px;
  }
  .servicio__video iframe {
    height: auto;
  }
  ol.noticias-populares {
    counter-reset: my-counter;
    display: grid;
    grid-template-columns: 1fr;
  }
  .footer__top {
    display: block;
    align-items: flex-start;
    justify-content: space-between;
    padding: 4rem 0;
  }
  .logo-footer {
    width: 70px;
    margin-top: 20px;
  }
  header ul.social-network li a {
    font-size: 0;
    display: flex;
    align-items: center;
    width: auto;
    margin-left: auto;
  }
  #block-caribe-main-menu ul.social-network {
    padding: 10px !important;
  }
  .menu--buscar {
    padding: 4px 20px !important;
    background-color: #133857;
  }
  .menu-top-header {
    display: block;
  }
  .menu--buscar li a::after {
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url("../images/search.svg") !important;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  .menu--buscar li:first-child a {
    font-size: 14px !important;
    display: block;
    margin-right: 10px;
  }
  .menu--buscar li a::before {
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url("../images/search.svg");
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    display: none !important;
  }
  #block-caribe-buscar {
    display: none;
  }

  .tbm.tbm--mobile .tbm-collapse {
    display: none;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 999;
    left: 0;
  }

  .tbm.tbm--mobile .tbm-item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
  }

  .tbm-nav,
  [dir="ltr"] .tbm-nav {
    align-items: flex-end;
  }

  .tbm-button {
    background-color: transparent;
    border: none;
    margin: 0;
  }

  .tbm-button-container span {
    height: 0.175rem;
  }

  .tbm-button-container span:nth-child(2),
  .tbm-button-container span:nth-child(3) {
    top: calc(50% - 0.093rem);
  }

  .tbm-button-container {
    width: 1.5rem;
    height: 1.2rem;
    margin: 0 !important;
  }
  #block-caribe-navegacioprincipal {
    order: 2;
    margin-left: 0 !important;
  }
  .tbm-button {
    background-color: transparent;
    border: none;
    margin: 0;
  }
  .tbm-item--has-dropdown [aria-expanded="true"]::after {
    font-family: "simple-line-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: none;
    margin-left: 6px;
    font-size: 10px;
  }

  .tbm-item--has-dropdown [aria-expanded="false"]::after {
    font-family: "simple-line-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: none;
    margin-left: 6px;
    font-size: 10px;
  }
  .tbm.tbm--mobile .tbm-nav {
    background-color: #133857;
  }
  .tbm-submenu-toggle {
    background-color: transparent;
    color: #fff;
  }
  .tbm-submenu-toggle:hover,
  .tbm-submenu-toggle:focus {
    background-color: #082841;
  }
  .paragraph--type--two-blocks .field--name-field-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .info-portada {
    display: flex;
    margin-bottom: 20px;
    flex-direction: column;
  }
  .fecha-actual {
    order: 2;
  }
  .info-portada h1 {
    order: 1;
  }
  .info-portada .views-element-container {
    order: 3;
  }
}
.page-type-article .content__body footer {
  display: none;
}
#block-caribe-navegacioprincipal {
  margin-left: 30px;
}
ul.pagination {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 30px auto;
  text-align: center;
  width: 100%;
  justify-content: center;
}
form#webform-submission-valoracion-node-1-add-form,
.page-type-enc .webform-analysis-data {
  max-width: 1440px;
  padding-left: 60px;
  padding-right: 60px;
  margin: 0 auto;
}
#block-webformanalysis h2,
#block-webformanalysis h3 {
  display: none;
}
form.webform-submission-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.path-webform .titulo-pagina {
  text-align: center;
}
#view-taxonomy_term-page_1 h1,
#view-videos-page_1 h1,
.page-view-display-page_1 h1 {
  margin-top: 30px !important;
  display: inline-block;
}
#view-taxonomy_term-page_1 {
  padding-bottom: 3rem;
}
article.enc {
  padding-bottom: 3rem;
}
.page-type-enc h1 {
  margin: 0 0 2rem 0;
}
.listado-de-encuestas {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 3rem;
}
fieldset {
  border: solid 1px var(--blue);
  border-radius: 8px;
  padding: 1.5em;
  margin-bottom: 20px;
}

.form-type-radio {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
}

.form-type-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  margin: 0 12px 0 0;
  font: inherit;
  color: var(--blue);
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: grid;
  place-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.form-type-radio input[type="radio"]::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--blue);
}

/* Estado: Seleccionado (Checked) */
.form-type-radio input[type="radio"]:checked {
  border-color: var(--blue);
  background-color: #f0f7ff;
}

.form-type-radio input[type="radio"]:checked::before {
  transform: scale(1);
}

/* Efecto al pasar el ratón (Hover) */
.form-type-radio input[type="radio"]:hover {
  border-color: var(--blue);
  box-shadow: 0 0 8px rgba(0, 68, 119, 0.2);
}

/* Estilo del texto que acompaña al radio */
.form-type-radio label {
  cursor: pointer;
  line-height: 1.2;
}

.webform-likert-table-wrapper th,
.webform-likert-table-wrapper td .form-type-radio {
  text-align: center;
  justify-content: center;
}

/* Contenedor principal del Checkbox */
.form-type-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 16px;
}

/* La casilla del Checkbox */
.form-type-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  margin: 0 12px 0 0;
  font: inherit;
  color: var(--blue);
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  border-radius: 4px; /* Cuadrado con esquinas suaves */
  display: grid;
  place-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

/* El símbolo de "check" (V) interior */
.form-type-checkbox input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  /* Creamos el check con un clip-path o un background de máscara */
  background-color: var(--blue);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

/* Estado: Seleccionado (Checked) */
.form-type-checkbox input[type="checkbox"]:checked {
  border-color: var(--blue);
  background-color: #f0f7ff; /* Fondo sutil azulado al marcar */
}

.form-type-checkbox input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* Efecto al pasar el ratón (Hover) */
.form-type-checkbox input[type="checkbox"]:hover {
  border-color: var(--blue);
  box-shadow: 0 0 8px rgba(0, 68, 119, 0.2);
}

/* Estilo del texto que acompaña al checkbox */
.form-type-checkbox label {
  cursor: pointer;
  line-height: 1.2;
}
ul.footer-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  row-gap: 4px;
}
footer h2 {
  font-family: "InterCustom";
  font-size: 18px;
  font-weight: normal;
  color: var(--gray);
  margin-top: 4px;
}
.paragraph--type--two-blocks .field--name-field-block {
  display: flex;
  gap: 40px;
}
.paragraph--type--two-blocks .field--name-field-block .field__item {
  flex-grow: 1;
  flex-basis: 0;
}
.paragraph--type--two-blocks .block-webform-analysis h2,
.paragraph--type--two-blocks .block-webform-analysis h3 {
  display: none;
}
.paragraph--type--two-blocks {
  padding: 2rem 0px;
  border-top: solid 1px #cdcdcd;
}
#view-nuestras_ideas-block_12 .destacados .destacados-right {
  display: grid;
  flex-direction: column;
  gap: 20px;
  grid-template-columns: 1fr;
}
#view-nuestras_ideas-block_12 .destacados .destacados-right .servicio__inner {
  display: flex;
  gap: 14px;
}
#view-nuestras_ideas-block_12
  .destacados
  .destacados-right
  .servicio__inner
  .servicio__imagen {
  flex: 0 0 40%;
  align-items: flex-start;
}
#view-nuestras_ideas-block_12
  .destacados
  .destacados-right
  .servicio__inner
  .noticia__contenido {
  flex: 0 0 60%;
}
#view-nuestras_ideas-block_12
  .destacados
  .destacados-right
  .noticia__contenido {
  padding: 0px 0px;
}

.paragraph-id--75 {
  text-align: center;
}

.paragraph-id--75 a {
  display: block;
  width: 540px;
  margin: 0 auto;
}
.ltn-1 {
  width: 540px;
  height: 100% !important;
  margin: 0 auto !important;
  aspect-ratio: auto !important;
  text-align: center;
}
.entrevistas {
  position: relative;
}
.entrevistas h3 {
  font-size: 2.6rem;
}
.entrevistas .categorias {
  position: absolute;
  top: 0rem;
  left: 10rem;
}
.info-noticia-laveu {
  display: block;
  position: absolute;
  top: 24px;
  left: 50px;
  z-index: 100;
  width: 40%;
  background-color: var(--white);
  padding: 1rem;
  text-align: right;
}
.info-noticia-laveu h2 {
  font-size: 21px;
  color: #545454;
}
.page-node-5317 header,
.page-type-guias header {
  background-color: #f76896;
}
.page-node-5317 .tbm-main .tbm-submenu,
.page-type-guias .tbm-main .tbm-submenu {
  width: 100vw !important;
  left: 0 !important;
  top: 61px;
  position: absolute;
  background-color: #f0b5be;
  border: none;
  box-shadow: none;
}
.page-node-5317 .tbm-main .open,
.page-type-guias .tbm-main .open {
  background-color: #f0b5be;
}
.page-node-5317 .tbm-link.level-1:hover,
.page-node-5317 .tbm-link.level-1:focus,
.page-type-guias .tbm-link.level-1:hover,
.page-type-guias .tbm-link.level-1:focus {
  background-color: #f0b5be;
}

.page-node-5317 ul.tbm-nav .active-trail,
.page-type-guias ul.tbm-nav .active-trail {
  background-color: #e33529;
  color: #ffffff !important;
}
.menu--menu-privacidad {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}