.elementor-8091 .elementor-element.elementor-element-9ca4ab9{--display:flex;--min-height:300px;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-9ca4ab9:not(.elementor-motion-effects-element-type-background), .elementor-8091 .elementor-element.elementor-element-9ca4ab9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DE858E;}.elementor-8091 .elementor-element.elementor-element-9ca4ab9, .elementor-8091 .elementor-element.elementor-element-9ca4ab9::before{--border-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-fcf3f6e{--spacer-size:145px;}.elementor-8091 .elementor-element.elementor-element-0cf404e{text-align:center;}.elementor-8091 .elementor-element.elementor-element-0cf404e .elementor-heading-title{color:#FFFFFF;}.elementor-8091 .elementor-element.elementor-element-12f8128{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-12f8128:not(.elementor-motion-effects-element-type-background), .elementor-8091 .elementor-element.elementor-element-12f8128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#371B66;}.elementor-8091 .elementor-element.elementor-element-12f8128, .elementor-8091 .elementor-element.elementor-element-12f8128::before{--border-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-5e09b82{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-e1541e2{--e-image-carousel-slides-to-show:1;}.elementor-8091 .elementor-element.elementor-element-265e34f{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-2ac1f1e{--spacer-size:170px;}.elementor-8091 .elementor-element.elementor-element-36c0cf9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-36c0cf9:not(.elementor-motion-effects-element-type-background), .elementor-8091 .elementor-element.elementor-element-36c0cf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D56511;}.elementor-8091 .elementor-element.elementor-element-36c0cf9, .elementor-8091 .elementor-element.elementor-element-36c0cf9::before{--border-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-af94310{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-2138911{--spacer-size:170px;}.elementor-8091 .elementor-element.elementor-element-eb22fa9{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-229d8d0{--e-image-carousel-slides-to-show:1;}.elementor-8091 .elementor-element.elementor-element-fa8f7e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-fa8f7e2:not(.elementor-motion-effects-element-type-background), .elementor-8091 .elementor-element.elementor-element-fa8f7e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8091 .elementor-element.elementor-element-fa8f7e2, .elementor-8091 .elementor-element.elementor-element-fa8f7e2::before{--border-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-48505cc{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-ed31e5b{--e-image-carousel-slides-to-show:1;}.elementor-8091 .elementor-element.elementor-element-2bb628e{--display:flex;--background-transition:0.3s;}.elementor-8091 .elementor-element.elementor-element-69129fa{--spacer-size:170px;}@media(min-width:768px){.elementor-8091 .elementor-element.elementor-element-5e09b82{--width:50%;}.elementor-8091 .elementor-element.elementor-element-265e34f{--width:50%;}.elementor-8091 .elementor-element.elementor-element-af94310{--width:50%;}.elementor-8091 .elementor-element.elementor-element-eb22fa9{--width:50%;}.elementor-8091 .elementor-element.elementor-element-48505cc{--width:50%;}.elementor-8091 .elementor-element.elementor-element-2bb628e{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-0cf404e *//* =========================
   Banner: Título del archivo
   Clase: banner-titulo
   ========================= */

.banner-titulo{
  /* Caja tipo banner */
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  max-width: 1180px;     /* ajusta si tu banner es más ancho/angosto */
    /* centrado y separación abajo */
  padding: 18px 28px;

     /* azul banner (cámbialo por el exacto de tu sección si quieres) */
  
  border-radius: 6px;

  box-shadow: 0 10px 26px rgba(0,0,0,.15);
}

/* El texto del título */
.banner-titulo .elementor-heading-title{
  margin: 0 !important;
  color: #FFFFFF !important;

  font-family: "Poppins","Nunito","Quicksand","Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;

  font-size: clamp(22px, 2.1vw, 44px);
  line-height: 1.05;
  text-align: center;
}

/* Ajuste móvil */
@media (max-width: 767px){
  .banner-titulo{
    padding: 14px 16px;
    margin-bottom: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ca4ab9 *//* Quita márgenes/padding que generan “bordes blancos” */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12f8128 *//* 1. Limpieza total del contenedor padre (Sección/Contenedor) */
.fila-full {
    --gap: 0px !important; /* Variable interna de Elementor */
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden; /* Evita scrolls laterales accidentales */
}

/* 2. Columna de Imagen: Fuerza el alto total y la posición */
.fila-full .col-imagen-full {
    display: flex !important;
    align-self: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 450px; /* Altura mínima recomendada para desktop */
}

/* 3. Corrección del fondo: Clave para el estilo Crufi */
.fila-full .col-imagen-full {
    background-color: #f2e6ff; /* El lila suave de fondo o el color que elijas */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* 4. Elimina el padding interno que Elementor hereda (e-con-inner) */
.fila-full .col-imagen-full > .e-con-inner,
.fila-full .col-imagen-full > .elementor-widget-wrap,
.fila-full .col-imagen-full > .elementor-container {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* 5. Ajuste para la imagen flotante (opcional si usas widget de imagen) */
.fila-full .col-imagen-full img {
    max-width: 110%; /* Para que sobresalga un poco como en Crufi */
    width: auto;
    height: auto;
    object-fit: contain;
    /* Sombra suave para dar profundidad al producto */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36c0cf9 *//* 1. Limpieza total del contenedor padre (Sección/Contenedor) */
.fila-full {
    --gap: 0px !important; /* Variable interna de Elementor */
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden; /* Evita scrolls laterales accidentales */
}

/* 2. Columna de Imagen: Fuerza el alto total y la posición */
.fila-full .col-imagen-full {
    display: flex !important;
    align-self: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 450px; /* Altura mínima recomendada para desktop */
}

/* 3. Corrección del fondo: Clave para el estilo Crufi */
.fila-full .col-imagen-full {
    background-color: #f2e6ff; /* El lila suave de fondo o el color que elijas */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* 4. Elimina el padding interno que Elementor hereda (e-con-inner) */
.fila-full .col-imagen-full > .e-con-inner,
.fila-full .col-imagen-full > .elementor-widget-wrap,
.fila-full .col-imagen-full > .elementor-container {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* 5. Ajuste para la imagen flotante (opcional si usas widget de imagen) */
.fila-full .col-imagen-full img {
    max-width: 110%; /* Para que sobresalga un poco como en Crufi */
    width: auto;
    height: auto;
    object-fit: contain;
    /* Sombra suave para dar profundidad al producto */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa8f7e2 *//* 1. Limpieza total del contenedor padre (Sección/Contenedor) */
.fila-full {
    --gap: 0px !important; /* Variable interna de Elementor */
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden; /* Evita scrolls laterales accidentales */
}

/* 2. Columna de Imagen: Fuerza el alto total y la posición */
.fila-full .col-imagen-full {
    display: flex !important;
    align-self: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 450px; /* Altura mínima recomendada para desktop */
}

/* 3. Corrección del fondo: Clave para el estilo Crufi */
.fila-full .col-imagen-full {
    background-color: #f2e6ff; /* El lila suave de fondo o el color que elijas */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* 4. Elimina el padding interno que Elementor hereda (e-con-inner) */
.fila-full .col-imagen-full > .e-con-inner,
.fila-full .col-imagen-full > .elementor-widget-wrap,
.fila-full .col-imagen-full > .elementor-container {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* 5. Ajuste para la imagen flotante (opcional si usas widget de imagen) */
.fila-full .col-imagen-full img {
    max-width: 110%; /* Para que sobresalga un poco como en Crufi */
    width: auto;
    height: auto;
    object-fit: contain;
    /* Sombra suave para dar profundidad al producto */
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15));
}/* End custom CSS */