/* =========================================================
   T3 NOSOTROS — institucional premium + #confianza
========================================================= */

/* Hero banner institucional */
body.t3-rd .t3-about-hero {
    position: relative;
    border-radius: var(--t3-radius-xl);
    overflow: hidden;
    min-height: clamp(320px, 48vh, 460px);
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
    background: var(--t3-dark);
    isolation: isolate;
}
body.t3-rd .t3-about-hero .t3-about-hero-bg {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--image-fit, cover); object-position: var(--image-position, center); z-index: -2;
}
body.t3-rd .t3-about-hero::after {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--t3-scrim) 14%, transparent) 0%,
        color-mix(in srgb, var(--t3-scrim) 80%, transparent) 100%);
}
body.t3-rd .t3-about-hero .t3-about-hero-grid { display: block; padding: 0 28px 40px; color: #fff; }
body.t3-rd .t3-about-hero .t3-section-title { color: #fff; max-width: 18ch; }
body.t3-rd .t3-about-hero .t3-mini-label { color: var(--t3-accent); }
body.t3-rd .t3-about-hero .t3-about-hero-visual { display: none; }

/* Editorial split alternado */
body.t3-rd .t3-origin-grid,
body.t3-rd .t3-about-editorial-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 44px;
    align-items: center;
}
body.t3-rd .t3-origin-visual img,
body.t3-rd .t3-about-editorial-side img {
    border-radius: var(--t3-radius-lg);
    box-shadow: var(--t3-shadow-soft);
    width: 100%;
    object-fit: var(--image-fit, cover);
    object-position: var(--image-position, center);
    aspect-ratio: 4 / 3;
}
body.t3-rd .t3-section-title { color: var(--t3-text); letter-spacing: -0.015em; }
body.t3-rd .t3-mini-label { color: var(--t3-primary); font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 11.5px; }

/* Misión / visión — centrada, suave, elegante */
body.t3-rd .t3-mission-vision-head { text-align: center; max-width: 62ch; margin: 0 auto 30px; }
body.t3-rd .t3-mission-vision-grid { gap: 24px; }
body.t3-rd .t3-purpose-block {
    text-align: center;
    border: 1px solid var(--t3-line);
    border-radius: var(--t3-radius-lg);
    padding: 38px 34px;
    background: linear-gradient(180deg, var(--t3-soft) 0%, var(--t3-soft-2) 100%);
    box-shadow: 0 18px 44px -36px rgba(40,20,30,0.4);
}
body.t3-rd .t3-purpose-block .t3-mini-label { color: var(--t3-accent); display: inline-block; }
body.t3-rd .t3-purpose-block h3 { font-size: var(--t3-fs-h3); margin: 10px 0 12px; color: var(--t3-text); }
body.t3-rd .t3-purpose-block p { color: var(--t3-muted); max-width: 48ch; margin: 0 auto; }

/* Valores — editorial claro con acento vino: menos vacío oscuro, más aire */
body.t3-rd .t3-values-rd {
    background: var(--t3-soft);
    border: 1px solid var(--t3-line);
    border-left: 5px solid var(--t3-primary);
    border-radius: var(--t3-radius-xl);
    padding: 54px 0;
    margin-top: 24px;
}
body.t3-rd .t3-values-rd-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 52px;
    align-items: start;
}
body.t3-rd .t3-values-rd-intro .t3-mini-label { color: var(--t3-accent); }
body.t3-rd .t3-values-rd-intro .t3-section-title { color: var(--t3-text); }
body.t3-rd .t3-values-rd-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--t3-radius-lg);
    margin-top: 22px;
    box-shadow: var(--t3-shadow-soft);
}
body.t3-rd .t3-values-rd-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
body.t3-rd .t3-values-rd-list li {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid var(--t3-line);
    transition: padding-left 0.2s var(--t3-ease);
}
body.t3-rd .t3-values-rd-list li:hover { padding-left: 8px; }
body.t3-rd .t3-val-n {
    color: var(--t3-primary);
    font-weight: 900;
    font-size: clamp(28px, 3.8vw, 40px);
    min-width: 52px;
    opacity: 0.18;
    letter-spacing: -0.04em;
    line-height: 1;
    flex-shrink: 0;
}
body.t3-rd .t3-val-name { color: var(--t3-text); font-weight: 700; font-size: clamp(18px, 2vw, 24px); letter-spacing: -0.018em; line-height: 1.2; }

/* Métricas band */
body.t3-rd .t3-metrics-band { padding: 36px 0; }

/* Testimonios — vino suave claro (no masa oscura uniforme) */
body.t3-rd .t3-testimonials {
    margin-top: 12px;
    background: color-mix(in srgb, var(--t3-primary) 8%, #f5f0f2);
    border: 1px solid color-mix(in srgb, var(--t3-primary) 18%, transparent);
    border-radius: var(--t3-radius-xl);
    padding: 48px clamp(20px, 4vw, 52px);
}
body.t3-rd .t3-testimonials .t3-section-head { text-align: center; margin-bottom: 30px; }
body.t3-rd .t3-testimonials .t3-section-title { color: var(--t3-text) !important; }
body.t3-rd .t3-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
body.t3-rd .t3-testimonial {
    margin: 0;
    padding: 26px 24px;
    border-left: 2px solid var(--t3-primary);
    background: rgba(255,255,255,0.75);
    border-radius: 0 var(--t3-radius) var(--t3-radius) 0;
    backdrop-filter: blur(4px);
}
body.t3-rd .t3-testimonial blockquote {
    margin: 0 0 16px;
    font-size: 15.5px;
    line-height: 1.68;
    color: var(--t3-text);
    font-style: italic;
}
body.t3-rd .t3-testimonial figcaption strong { color: var(--t3-primary); display: block; font-size: 15px; }
body.t3-rd .t3-testimonial figcaption span { color: var(--t3-muted); font-size: 13px; }

/* Sección #confianza — clara, abierta, zonas separadas por aire (no una sola caja oscura) */
body.t3-rd #confianza {
    scroll-margin-top: 90px;
    background: transparent;
    padding: 12px 0 0;
    margin-top: 24px;
}
body.t3-rd #confianza .t3-section-title { color: var(--t3-text); }
body.t3-rd #confianza .t3-section-text { color: var(--t3-muted); }
body.t3-rd #confianza .t3-mini-label { color: var(--t3-accent); }
body.t3-rd #confianza h3 { color: var(--t3-text); margin: 22px 0 8px; font-size: var(--t3-fs-h3); }

/* Bloque contexto de confianza — rediseño editorial rojizo (panel suave, no caja plana) */
body.t3-rd .t3-trust-context-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: clamp(32px, 5vw, 60px);
    align-items: center;
    background: color-mix(in srgb, var(--t3-primary) 7%, #fff8f4);
    border: 1px solid color-mix(in srgb, var(--t3-primary) 15%, transparent);
    border-radius: var(--t3-radius-xl);
    padding: clamp(36px, 5vw, 60px);
    margin-bottom: 28px;
}
body.t3-rd .t3-trust-context-main .t3-mini-label { color: var(--t3-primary) !important; }
body.t3-rd .t3-trust-context-main .t3-section-title {
    font-size: clamp(26px, 3.2vw, 38px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin-top: 6px;
}
body.t3-rd .t3-trust-context-main > .t3-section-text { max-width: 54ch; }
body.t3-rd .t3-trust-context-main h3 {
    position: relative;
    padding-left: 16px;
}
body.t3-rd .t3-trust-context-main h3::before {
    content: "";
    position: absolute;
    left: 0; top: 5px; bottom: 5px;
    width: 4px;
    border-radius: 4px;
    background: var(--t3-primary);
}
/* Lado: imagen editorial vertical + datos como chips con acento rojizo */
body.t3-rd .t3-trust-context-side { display: flex; flex-direction: column; gap: 16px; }
body.t3-rd #confianza .t3-side-figure { margin: 0; }
body.t3-rd #confianza .t3-side-figure img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: var(--image-fit, cover);
    object-position: var(--image-position, center);
    border-radius: var(--t3-radius-lg);
    box-shadow: 0 26px 56px -32px rgba(40,20,30,0.45);
}
body.t3-rd .t3-trust-context-side p {
    margin: 0;
    color: var(--t3-text);
    font-size: 14.5px;
    line-height: 1.55;
    background: rgba(255,255,255,0.72);
    border-left: 3px solid var(--t3-primary);
    border-radius: 0 var(--t3-radius) var(--t3-radius) 0;
    padding: 12px 16px;
}
body.t3-rd .t3-trust-context-side strong { color: var(--t3-primary); }
body.t3-rd #confianza .t3-faq-item { background: #fff; border: 1px solid var(--t3-line); }
body.t3-rd #confianza .t3-faq-q { color: var(--t3-text); font-size: 16.5px; }
body.t3-rd #confianza .t3-faq-a > div { color: var(--t3-muted); font-size: 15.5px; }
body.t3-rd #confianza .t3-trust-faq-wrap {
    margin-top: 28px;
    background: color-mix(in srgb, var(--t3-primary) 11%, #fff8f4);
    border: 1px solid color-mix(in srgb, var(--t3-primary) 18%, transparent);
    border-top: 4px solid var(--t3-primary);
    border-radius: var(--t3-radius-xl);
    padding: 48px clamp(20px, 4vw, 52px);
}
body.t3-rd #confianza .t3-trust-faq-wrap .t3-section-head { text-align: center; margin-bottom: 32px; }
body.t3-rd #confianza .t3-trust-faq-wrap .t3-section-title { font-size: clamp(22px, 2.4vw, 28px); color: var(--t3-text); }
/* Rótulo FAQ — eyebrow editorial sutil con línea fina (no píldora/botón) */
body.t3-rd #confianza .t3-trust-faq-wrap .t3-mini-label {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: color-mix(in srgb, var(--t3-primary) 78%, #6b4a50) !important;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.18em;
    margin-bottom: 12px;
}
body.t3-rd #confianza .t3-trust-faq-wrap .t3-mini-label::before,
body.t3-rd #confianza .t3-trust-faq-wrap .t3-mini-label::after {
    content: "";
    width: 22px;
    height: 1px;
    background: color-mix(in srgb, var(--t3-primary) 45%, transparent);
}

/* Alternancia de imágenes: origen con imagen a la izquierda */
/* Imagen historia: llena su celda, centrada, sin marco ni hueco */
body.t3-rd .t3-origin-grid { align-items: stretch; }
body.t3-rd .t3-origin-visual { order: -1; display: flex; }
body.t3-rd .t3-origin-visual img {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    aspect-ratio: auto;
    box-shadow: none;
    border-radius: var(--t3-radius-lg);
}

@media (max-width: 980px) {
    body.t3-rd .t3-trust-context-grid { grid-template-columns: 1fr; gap: 28px; text-align: left; padding: clamp(28px, 6vw, 40px); }
    body.t3-rd #confianza .t3-side-figure img { aspect-ratio: 16 / 10; }
    body.t3-rd .t3-mission-vision-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    body.t3-rd .t3-origin-grid,
    body.t3-rd .t3-about-editorial-grid,
    body.t3-rd .t3-values-rd-grid { grid-template-columns: 1fr; gap: 24px; }
    body.t3-rd .t3-origin-visual { order: 0; }
    body.t3-rd .t3-values-rd-list { grid-template-columns: 1fr; gap: 0; }
    body.t3-rd .t3-testimonials-grid { grid-template-columns: 1fr; gap: 18px; }
    body.t3-rd .t3-testimonials { padding: 32px 20px; }
    body.t3-rd .t3-about-hero { min-height: 46vh; }
}