/* ==========================================================================
   Componente: mk-quienes-somos-quote (Estilo Editorial Premium)
   ========================================================================== */

.mk-quienes-somos-quote {
    --mk-primary: #71553c;
    --mk-font-heading: 'Plus Jakarta Sans', sans-serif;
    --mk-font-body: 'Inter', sans-serif;
    
    background-color: #ffffff;
    width: 100%;
    padding: 120px 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 !important; 
}

@media (min-width: 768px) {
    .mk-quienes-somos-quote {
        padding: 160px 0; 
    }
}

.mk-quienes-somos-quote .mk-container {
    width: 100%;
    max-width: 800px; 
    margin: 0 auto;
    padding: 0 24px;
}

.mk-quienes-somos-quote__wrapper {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

/* Marca de agua de fondo */
.mk-quienes-somos-quote__wrapper::before {
    content: '\201C'; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 8rem; 
    color: var(--mk-primary);
    opacity: 0.08; 
    position: absolute;
    top: -60px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: -1; 
    line-height: 1;
}

@media (min-width: 768px) {
    .mk-quienes-somos-quote__wrapper::before {
        font-size: 12rem;
        top: -90px;
    }
}

/* Frase Principal */
.mk-quienes-somos-quote__text {
    font-family: var(--mk-font-heading);
    font-size: 1.5rem; 
    font-weight: 300; 
    font-style: italic;
    color: var(--mk-primary);
    margin: 0;
    letter-spacing: 0.02em; 
    line-height: 1.4;
}

@media (min-width: 768px) {
    .mk-quienes-somos-quote__text {
        font-size: 2.25rem; 
    }
}

/* Divisor Animado (Entre las dos frases) */
.mk-quienes-somos-quote__divider {
    width: 40px; 
    height: 1px; 
    background-color: var(--mk-primary);
    opacity: 0.4;
    margin: 24px 0; /* Espacio arriba y abajo del divisor */
    transition: width 0.3s ease, opacity 0.3s ease;
}

.mk-quienes-somos-quote__wrapper:hover .mk-quienes-somos-quote__divider {
    width: 60px;
    opacity: 0.7;
}

/* Sub-frase (Tagline) */
.mk-quienes-somos-quote__subtext {
    font-family: var(--mk-font-body);
    font-size: 0.75rem; /* Letra bien chica */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em; /* Mucho espacio entre letras */
    color: var(--mk-primary);
    opacity: 0.85;
    margin: 0;
}