.elementor-24399 .elementor-element.elementor-element-6c355f38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}.elementor-24399 .elementor-element.elementor-element-6c355f38:not(.elementor-motion-effects-element-type-background), .elementor-24399 .elementor-element.elementor-element-6c355f38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A39;}.elementor-24399 .elementor-element.elementor-element-1f2508a5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24399 .elementor-element.elementor-element-4995c2f2{text-align:center;}.elementor-24399 .elementor-element.elementor-element-4995c2f2 .elementor-heading-title{font-family:"Canela Trial", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFF;}.elementor-24399 .elementor-element.elementor-element-4e0b53d2{width:var( --container-widget-width, 92% );max-width:92%;padding:0px 0px 0px 0px;--container-widget-width:92%;--container-widget-flex-grow:0;text-align:center;font-family:"Gotham", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-24399 .elementor-element.elementor-element-4e0b53d2.elementor-element{--align-self:center;}.elementor-24399 .elementor-element.elementor-element-2241cb7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-24399 .elementor-element.elementor-element-1f2508a5{--width:26%;}.elementor-24399 .elementor-element.elementor-element-2241cb7e{--width:74%;}}@media(max-width:1024px){.elementor-24399 .elementor-element.elementor-element-6c355f38{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-24399 .elementor-element.elementor-element-4e0b53d2{--container-widget-width:91%;--container-widget-flex-grow:0;width:var( --container-widget-width, 91% );max-width:91%;}}@media(max-width:767px){.elementor-24399 .elementor-element.elementor-element-6c355f38{--padding-top:30px;--padding-bottom:30px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-6c355f38 */.inavii-view__header-meta>div, .inavii-view__header-stats>div{
    color: #fff;
}


/* =====================================================
   SOCIAL SECTION LAYOUT
   ===================================================== */

.elementor-element-2e1466a > .e-con-inner {
    width: min(100% - 40px, 1280px) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;

    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 48px;

    align-items: center;
}


/* =====================================================
   LEFT COLUMN
   ===================================================== */

.elementor-element-568b33b {
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0 !important;
}

.elementor-element-568b33b .elementor-heading-title {
    margin: 0;
}

.elementor-element-568b33b .elementor-widget-text-editor {
    width: 100%;
}

.elementor-element-568b33b .elementor-widget-text-editor p {
    max-width: 280px;
}


/* =====================================================
   INSTAGRAM COLUMN
   ===================================================== */

.elementor-element-2d76cfd {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden;
}

.elementor-element-014b321 {
    width: 100% !important;
    max-width: none !important;
}


/* =====================================================
   MAKE POSTS TALLER
   4:5 portrait ratio
   ===================================================== */

.elementor-element-014b321 .inavii-view__item {
    aspect-ratio: 3 / 6 !important;
    width: 100%;
    height: auto !important;
}


/* Make the link/media fill the taller card */
.elementor-element-014b321 .inavii-view__item-link,
.elementor-element-014b321 .inavii-view__item-media,
.elementor-element-014b321 .inavii-view__item-carousel,
.elementor-element-014b321 .inavii-view__item-carousel-swiper,
.elementor-element-014b321 .inavii-view__item-carousel-slide {
    width: 100%;
    height: 100%;
}


/* =====================================================
   IMAGE CROPPING
   ===================================================== */

.elementor-element-014b321 .inavii-view__img,
.elementor-element-014b321 .inavii-view__item-video,
.elementor-element-014b321 .inavii-view__item-video-cover {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =====================================================
   SWIPER
   Let Inavii control width and slide calculations
   ===================================================== */

.elementor-element-014b321 .swiper-wrapper {
    align-items: stretch;
}

.elementor-element-014b321 .inavii-view__slider-slide {
    height: auto !important;
}

.elementor-element-014b321 .inavii-view__slider-slide .inavii-view__item {
    height: auto !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .elementor-element-2e1466a > .e-con-inner {
        width: min(100% - 32px, 1000px) !important;
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 32px;
    }

    .elementor-element-568b33b {
        max-width: 240px !important;
    }

}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .elementor-element-2e1466a > .e-con-inner {
        width: calc(100% - 32px) !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .elementor-element-568b33b,
    .elementor-element-2d76cfd {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-element-568b33b {
        text-align: center;
        align-items: center;
    }

    .elementor-element-568b33b .elementor-widget-text-editor p {
        max-width: 420px;
        margin-inline: auto;
    }

    .elementor-element-568b33b .elementor-social-icons-wrapper {
        justify-content: center !important;
    }

}


/* =====================================================
   SMALL MOBILE
   ===================================================== */

@media (max-width: 480px) {

    .elementor-element-2e1466a > .e-con-inner {
        width: calc(100% - 24px) !important;
    }

}/* End custom CSS */
/* Start custom CSS *//*numbers*/
.elementor-6 .elementor-element.white-number .elementor-heading-title{
    color: #7f1724;
}

/* Transición suave de fondo y texto */
.elementor-element[class*="seccion-"] {
  transition: background-color 0.45s ease;
}

.elementor-element[class*="seccion-"] .white-number,
.elementor-ewhite-textlement[class*="seccion-"] .white-title,
.elementor-element[class*="seccion-"] .white-text {
  transition: color 0.35s ease;
}

/* Contenido colapsable (.show) */
.elementor-element[class*="seccion-"] .show {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}

.elementor-element[class*="seccion-"].accordion-active .show {
  opacity: 1;
}

/* Colores cuando está activo */
.elementor-element[class*="seccion-"].accordion-active {
  background-color: #7f1724 !important;
}

.elementor-element[class*="seccion-"].accordion-active .white-title.white-title .elementor-heading-title,
.elementor-element[class*="seccion-"].accordion-active .white-number.white-number .elementor-heading-title,
.elementor-element[class*="seccion-"].accordion-active .white-text.white-text {
  color: #ffffff !important;
}

.elementor-element[class*="seccion-"] .white-number .elementor-heading-title,
.elementor-element[class*="seccion-"] .white-title .elementor-heading-title,
.elementor-element[class*="seccion-"] .white-text {
  transition: color 0.35s ease;
}

/* Toggle de íconos */
.elementor-element[class*="seccion-"] .btn-open {
  display: none;
}

.elementor-element[class*="seccion-"].accordion-active .btn-closed {
  display: none;
}

.elementor-element[class*="seccion-"].accordion-active .btn-open {
  display: block;
}
/* Hover: mismo cambio de color que el estado activo, sin movimiento */
.elementor-element[class*="seccion-"]:not(.accordion-active):hover {
  background-color: #7f1724 !important;
  cursor: pointer;
}

.elementor-element[class*="seccion-"]:not(.accordion-active):hover .white-title.white-title .elementor-heading-title,
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .white-number.white-number .elementor-heading-title,
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .white-text.white-text {
  color: #ffffff !important;
}

/* El ícono rota al abrir */
.elementor-element[class*="seccion-"] .btn-closed,
.elementor-element[class*="seccion-"] .btn-open {
  transition: transform 0.35s ease;
}
.elementor-element[class*="seccion-"].accordion-active .btn-open {
  transform: rotate(180deg);
}
/* Contorno en blanco, sin relleno, al hacer hover */
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .btn-closed svg circle,
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .btn-closed svg path {
  stroke: #ffffff !important;
  stroke-width: 1.6px;
}
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .btn-closed,
.elementor-element[class*="seccion-"]:not(.accordion-active):hover .btn-closed * {
  border-color: #ffffff !important;
}
/* Feedback de hover cuando el acordeón YA está abierto */
.elementor-element[class*="seccion-"].accordion-active .show.e-grid > .e-con.e-child {
  transition: background-color 0.25s ease, transform 0.2s ease;
}

.elementor-element[class*="seccion-"].accordion-active .show.e-grid > .e-con.e-child:hover {
  background-color: rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}
.elementor-element[class*="seccion-"].accordion-active .show.e-grid > .e-con.e-child:hover a {
  text-decoration: underline;
}
.elementor-element[class*="seccion-"].accordion-active {
  cursor: pointer;
}/* End custom CSS */