#metaslider-id-10 {
    margin: 0 auto;
    padding: 0;
}

/* ==========================================================================
   SECCIÓN BIENVENIDA (AYLLU) - image_5158ac.jpg
   ========================================================================== */

.aylluweb__bienvenida {
    background-color: #e4e1db;
    /* Color crema/beige de fondo de la captura */
    padding: 90px 0 0 0;
    /* Padding superior amplio, 0 abajo para que la foto no flote */
    overflow: hidden;
}

.aylluweb__bienvenida-principal {
    padding-bottom: 35px;
    /* Separación exacta entre el texto y la foto */
}

/* Estilos dinámicos para lo que digite el usuario en el WYSIWYG del Título */
.aylluweb__bienvenida-titulo h1,
.aylluweb__bienvenida-titulo h2,
.aylluweb__bienvenida-titulo h3 {
    font-family: 'Playfair Display', 'Georgia', serif;
    /* Tipografía serif elegante */
    color: var(--textocolor);
    font-size: 44px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 25px;
    margin-top: 0;
}

/* Estilos dinámicos para el WYSIWYG del párrafo descriptor */
.aylluweb__bienvenida-texto p {
    font-family: 'Montserrat', sans-serif;
    color: #777777;
    /* Gris intermedio para lectura cómoda */
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    max-width: 1020px;
    /* Limita el ancho para que calce idéntico a tu diseño */
    margin: 0 auto 55px auto;
    /* Centrado horizontal y separación de la foto */
}

/* Contenedor estructural de la fotografía */
.aylluweb__bienvenida-imagen-wrapper {
    width: 100%;
    display: block;
    line-height: 0;
    /* Evita pequeños bordes blancos fantasmas debajo de la imagen */
}

.aylluweb__bienvenida-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* ==========================================================================
   RESPONSIVE (Mobile-first Breakpoints del Estándar)
   ========================================================================== */

@media (max-width: 767px) {
    .aylluweb__bienvenida {
        padding: 55px 0 0 0;
        /* Reducimos padding superior en móviles */
    }

    .aylluweb__bienvenida-titulo h1,
    .aylluweb__bienvenida-titulo h2,
    .aylluweb__bienvenida-titulo h3 {
        font-size: 28px;
        /* Título más pequeño y legible en pantallas móviles */
        margin-bottom: 15px;
        padding: 0 10px;
    }

    .aylluweb__bienvenida-texto p {
        font-size: 14px;
        /* Texto adaptado */
        line-height: 1.6;
        margin-bottom: 35px;
        padding: 0 15px;
        /* Margen para que no pegue a los bordes de la pantalla */
    }
}



/* ==========================================================================
   SECCIÓN NUESTRA MISIÓN (AYLLU) - image_51ca26.png
   ========================================================================== */

.aylluweb__mision {
    background-color: #ffffff;
    padding: 0;
}

/* Bloque Superior de la Misión */
.aylluweb__mision-principal {
    background-color: #e6e6e6;
    /* Fondo gris claro de la parte superior */
    padding: 60px 40px;
    position: relative;
    overflow: hidden;
}

/* Marca de agua del objetivo/diana a la derecha */
.aylluweb__mision-principal::after {
    font-family: 'FontAwesome';
    content: '\f1e2';
    /* Icono de bullseye/diana en FA 4.7 */
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 180px;
    color: #000000;
    opacity: 0.03;
    /* Ultra sutil para calcar el diseño */
    pointer-events: none;
}

.aylluweb__mision-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--textocolor);
    margin-bottom: 25px;
    margin-top: 0;
}

.aylluweb__mision-descripcion {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: var(--textocolor);
    line-height: 1.6;
    max-width: 860px;
    /* Evita que el texto se estire por completo horizontalmente */
    margin: 0 auto;
}

/* Contenedor de la grilla inferior */
.aylluweb__mision-grid {
    margin-top: 0 !important;
    /* Pegado perfecto al bloque superior */
}

/* Configuración base de las tarjetas */
.aylluweb__mision-tarjeta {
    padding: 55px 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aylluweb__mision-tarjeta h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--textocolor);
    margin-top: 0;
    margin-bottom: 20px;
}

.aylluweb__mision-tarjeta p {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: var(--textocolor);
    line-height: 1.6;
    margin-bottom: 0;
}

/* Alternancia cromática exacta de los cuadros */
.aylluweb__mision-tarjeta--warm {
    background-color: #e3ded6;
    /* Gris cálido/beige de los extremos */
}

.aylluweb__mision-tarjeta--neutral {
    background-color: #e8e8e8;
    /* Gris neutro del centro */
}

/* ==========================================================================
   RESPONSIVE (Mobile-first Breakpoints)
   ========================================================================== */

@media (max-width: 767px) {
    .aylluweb__mision-principal {
        padding: 45px 20px;
    }

    .aylluweb__mision-principal::after {
        font-size: 120px;
        right: -20px;
        /* Desplazado para que no estorbe la lectura en pantallas pequeñas */
    }

    .aylluweb__mision-titulo {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .aylluweb__mision-descripcion {
        font-size: 14px;
    }

    .aylluweb__mision-tarjeta {
        padding: 40px 25px;
    }

    .aylluweb__mision-tarjeta h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

/* ==========================================================================
   SECCIÓN ¿QUÉ NOS HACE DIFERENTES? (AYLLU) - image_ea06e0.png
   ========================================================================== */

.aylluweb__diferencia {
    background-color: #ffffff;
    padding: 90px 0;
    /* Espaciado vertical generoso y limpio de la captura */
}

/* Estilo del título principal (Soporta texto plano o etiquetas del editor) */
.aylluweb__diferencia-titulo,
.aylluweb__diferencia-titulo h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: var(--textocolor);
    /* Forzado por variable CSS del tema */
    margin-top: 0;
    margin-bottom: 30px;
    /* Separación exacta con el bloque inferior */
    letter-spacing: -0.5px;
}

/* Estilo del párrafo descriptor */
.aylluweb__diferencia-texto,
.aylluweb__diferencia-texto p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
    color: var(--textocolor);
    /* Forzado por variable CSS del tema */
    max-width: 850px;
    /* Restricción de ancho para calcar el salto de línea visual */
    margin: 0 auto;
}

/* ==========================================================================
   RESPONSIVE (Mobile-first Breakpoints)
   ========================================================================== */

@media (max-width: 767px) {
    .aylluweb__diferencia {
        padding: 60px 0;
        /* Reducción proporcional para pantallas móviles */
    }

    .aylluweb__diferencia-titulo,
    .aylluweb__diferencia-titulo h2 {
        font-size: 28px;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .aylluweb__diferencia-texto,
    .aylluweb__diferencia-texto p {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 20px;
    }
}

/* ==========================================================================
   Seccion mas de 20 años siendo
   ========================================================================== */

.aylluweb_20anios {
    padding: 60px 0;
}

.aylluweb_20anios .aylluweb__estilos-bodas-cabecera .aylluweb__estilos-bodas-titulo-principal {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 44px;
}

.aylluweb_20anios .aylluweb__estilos-bodas-cabecera {
    margin-bottom: 0;
}


@media (max-width: 767px) {
    .aylluweb_20anios .aylluweb__estilos-bodas-cabecera .aylluweb__estilos-bodas-titulo-principal {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 6vw;
    }

    .aylluweb_20anios .aylluweb__estilos-bodas-cabecera .aylluweb__estilos-bodas-titulo-principal br {
        display: none;
    }

    .aylluweb_20anios {
        padding: 50px 0;
    }




    .aylluweb__estilos-titulo-antes-galeria {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Seleccionamos el contenedor interno de FlexSlider dentro de MetaSlider */
    .antes-de-galeria .metaslider .flexslider .slides>li {
        width: auto !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        /* Quita el margen lateral si lo tiene para que no se desborde */
    }
}


/* ==========================================================================
   SECCIÓN ALIADO GASTRONÓMICO - PURE CSS (image_ed22db.jpg)
   ========================================================================== */

.aylluweb__aliado {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   PARTE 1: Barra de Marca (Top Bar)
   -------------------------------------------------------------------------- */
.aylluweb__aliado-brand-bar {
    width: 100%;
    background-color: #e5e3dc;
    /* Tono beige/grisáceo exacto de la captura */
    padding: 35px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.aylluweb__aliado-brand-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    /* Espaciado entre el logo circular y el texto */
}

.aylluweb__aliado-brand-logo {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
}

.aylluweb__aliado-brand-titulo {
    font-family: 'Georgia', 'Montserrat', serif;
    font-size: 42px;
    font-weight: 400;
    color: #757470;
    /* Color gris premium texturizado */
    margin: 0;
    letter-spacing: 0.5px;
}

/* --------------------------------------------------------------------------
   PARTE 2: Grid de Contenido (Split Layout)
   -------------------------------------------------------------------------- */
.aylluweb__aliado-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 520px;
    /* Consistencia de altura visual */
}

/* Columna de Texto */
.aylluweb__aliado-col-texto {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 8%;
    /* Margen interno para centrar y dar aire al texto */
    box-sizing: border-box;
    background-color: #ffffff;
}

.aylluweb__aliado-wrap-contenido {
    max-width: 480px;
    /* Restricción de lectura elegante */
}

.aylluweb__aliado-subtitulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #6c6b68;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 25px;
}

.aylluweb__aliado-descripcion {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #84837f;
    margin: 0;
}

/* Columna de Imagen + Efecto Zoom */
.aylluweb__aliado-col-imagen {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    overflow: hidden;
    /* OBLIGATORIO: Mantiene el zoom dentro del marco */
}

.aylluweb__aliado-col-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Evita distorsiones de la foto */
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    /* Transición premium suavizada */
}

/* Disparador del Zoom Interno sin Desborde */
.aylluweb__aliado-col-imagen:hover img {
    transform: scale(1.05);
    /* Zoom controlado del 5% */
}

/* --------------------------------------------------------------------------
   RESPONSIVE DESIGN (CSS Puro - Mobile First)
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
    .aylluweb__aliado-brand-titulo {
        font-size: 34px;
    }

    .aylluweb__aliado-subtitulo {
        font-size: 26px;
    }

    .aylluweb__aliado-col-texto {
        padding: 50px 5%;
    }
}

@media (max-width: 767px) {

    /* Adaptación de la Barra de Marca */
    .aylluweb__aliado-brand-bar {
        padding: 25px 15px;
    }

    .aylluweb__aliado-brand-container {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .aylluweb__aliado-brand-logo {
        width: 85px;
        height: 85px;
    }

    .aylluweb__aliado-brand-titulo {
        font-size: 28px;
    }

    /* Adaptación del Grid a una sola columna vertical */
    .aylluweb__aliado-grid {
        flex-direction: column;
    }

    .aylluweb__aliado-col-texto,
    .aylluweb__aliado-col-imagen {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .aylluweb__aliado-col-texto {
        padding: 45px 20px;
        text-align: left;
        /* Alineación limpia para lectura móvil */
    }

    /* Altura controlada para la imagen en smartphones */
    .aylluweb__aliado-col-imagen {
        height: 300px;
    }
}


/* ==========================================================================
   SECCIÓN PROPUESTA Gastronómica P&B - PURE CSS (image_ed315d.jpg)
   ========================================================================== */

.aylluweb__propuesta {
    width: 100%;
    background-color: #ffffff;
    padding: 80px 0;
    /* Espaciado vertical premium entre secciones */
    box-sizing: border-box;
}

/* Contenedor centralizado para no irse a las esquinas extremas */
.aylluweb__propuesta-contenedor {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Cabecera */
.aylluweb__propuesta-cabecera {
    width: 100%;
    margin-bottom: 55px;
    text-align: center;
}

.aylluweb__propuesta-titulo-principal {
    font-family: 'Georgia', 'Montserrat', serif;
    font-size: 34px;
    font-weight: 600;
    color: #6c6b68;
    /* Tono grisáceo elegante de la captura */
    margin: 0;
    letter-spacing: -0.2px;
}

/* Grid de distribución */
.aylluweb__propuesta-grid {
    display: flex;
    width: 100%;
    align-items: stretch;
    /* Alinea la altura del texto con la de la foto */
    gap: 5%;
    /* Espacio de separación interno entre las dos columnas */
}

/* Columna de la Imagen */
.aylluweb__propuesta-col-imagen {
    flex: 0 0 47.5%;
    max-width: 47.5%;
}

.aylluweb__propuesta-marco-foto {
    width: 100%;
    height: 100%;
    min-height: 520px;
    /* Consistencia de altura de catálogo */
    overflow: hidden;
    /* Evita que el efecto de zoom rompa el contorno */
    position: relative;
    border-radius: 2px;
    /* Suavizado mínimo en bordes */
}

.aylluweb__propuesta-marco-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Centrado y recorte proporcional óptimo */
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Efecto hover con transición suave de zoom */
.aylluweb__propuesta-marco-foto:hover img {
    transform: scale(1.06);
}

/* Columna de Texto */
.aylluweb__propuesta-col-texto {
    flex: 0 0 47.5%;
    max-width: 47.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Centrado vertical con respecto a la imagen */
}

/* Bloques de Beneficios individuales */
.aylluweb__propuesta-item {
    margin-bottom: 28px;
}

.aylluweb__propuesta-item:last-child {
    margin-bottom: 0;
    /* Remueve el margen extra en el último bloque */
}

.aylluweb__propuesta-item-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #72716d;
    margin-top: 0;
    margin-bottom: 8px;
}

.aylluweb__propuesta-item-descripcion {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #84837f;
    margin: 0;
}

/* ==========================================================================
   RESPONSIVE DESIGN (CSS Puro)
   ========================================================================== */

@media (max-width: 1024px) {
    .aylluweb__propuesta-titulo-principal {
        font-size: 28px;
    }

    .aylluweb__propuesta-marco-foto {
        min-height: 460px;
    }

    .aylluweb__propuesta-item-titulo {
        font-size: 15px;
    }
}

@media (max-width: 850px) {
    .aylluweb__propuesta {
        padding: 55px 0;
    }

    .aylluweb__propuesta-cabecera {
        margin-bottom: 35px;
    }

    /* Transformación de la cuadrícula a diseño vertical */
    .aylluweb__propuesta-grid {
        flex-direction: column;
        gap: 35px;
    }

    .aylluweb__propuesta-col-imagen,
    .aylluweb__propuesta-col-texto {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Altura fija y controlada para la foto en dispositivos móviles */
    .aylluweb__propuesta-marco-foto {
        min-height: auto;
        height: 320px;
    }

    .aylluweb__propuesta-item {
        margin-bottom: 22px;
    }
}