/* Casa Matriz · Sobre Carmen
 * Sobre fondo CREMA. Depende de cm-sections.css.
 * --------------------------------------------------------------*/

/* ---------- 1. Hero/Intro ---------- */
.cm-about-hero{padding:clamp(5rem,12vh,9rem) 1rem clamp(3rem,7vh,5rem)}
.cm-about-hero__grid{display:grid;grid-template-columns:minmax(260px,1fr) 1.4fr;gap:clamp(2rem,6vw,5rem);align-items:center;max-width:1100px;margin:0 auto}
@media (max-width:840px){.cm-about-hero__grid{grid-template-columns:1fr;gap:2.4rem}}

.cm-about__photo{position:relative;width:100%;aspect-ratio:4/5;max-width:380px;justify-self:center}
.cm-about__photo-frame{position:absolute;inset:0;background:linear-gradient(135deg,var(--cm-orange,#D77B28),var(--cm-magenta,#D24060));padding:1px}
.cm-about__photo-inner{position:relative;width:100%;height:100%;background:var(--cm-bg-alt,#F5F0E2);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.cm-about__photo-vesica{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}
.cm-about__photo-mark{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-size:clamp(4rem,9vw,6rem);letter-spacing:.16em;padding-left:.16em;line-height:1;background:linear-gradient(135deg,var(--cm-orange,#D77B28),var(--cm-magenta,#D24060));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cm-about__photo-caption{margin-top:1rem;font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(26,26,26,.45);padding-left:.32em}

.cm-about-hero__copy{text-align:left}
@media (max-width:840px){.cm-about-hero__copy{text-align:center}}
.cm-about-hero__copy .cm-eyebrow{text-align:left;margin-bottom:1rem}
@media (max-width:840px){.cm-about-hero__copy .cm-eyebrow{text-align:center}}
.cm-about-hero__name{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:normal;font-size:clamp(2.2rem,5.5vw,4rem);letter-spacing:.08em;line-height:1.05;margin:0 0 1.4rem;padding-left:.08em;color:var(--cm-fg)}
.cm-about-hero__lede{font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:300;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55;color:var(--cm-fg-soft);margin:0;max-width:46ch}
@media (max-width:840px){.cm-about-hero__lede{margin-inline:auto}}

/* ---------- 2. Bio extendida ---------- */
.cm-about-bio{padding:clamp(3rem,7vh,5rem) 1rem clamp(4rem,8vh,6rem)}
.cm-about-bio__copy{max-width:62ch;margin:0 auto;font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:300;font-size:1.02rem;line-height:1.85;color:var(--cm-fg-soft)}
.cm-about-bio__copy p{margin:0 0 1.4em}
.cm-about-bio__copy p:last-child{margin-bottom:0}
.cm-about-bio__copy p:first-of-type::first-letter{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-size:3.4em;float:left;line-height:.9;padding:.06em .14em 0 0;background:linear-gradient(135deg,var(--cm-orange,#D77B28),var(--cm-magenta,#D24060));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---------- 3. Pilares ---------- */
.cm-about-pilares{padding:clamp(4rem,8vh,6rem) 1rem;background:linear-gradient(180deg,var(--cm-bg) 0%,var(--cm-bg-alt) 100%)}
.cm-about-pilares .cm-grid--3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:1.6rem}
@media (max-width:900px){.cm-about-pilares .cm-grid--3{grid-template-columns:1fr}}
.cm-pilar{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem 1.8rem;background:rgba(255,255,255,.45);border:1px solid var(--cm-card-border);text-align:left;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.cm-pilar::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(215,123,40,.10),rgba(210,64,96,.10));opacity:0;transition:opacity .3s ease;pointer-events:none}
.cm-pilar:hover{transform:translateY(-3px);border-color:rgba(210,64,96,.45);background:rgba(255,255,255,.65)}
.cm-pilar:hover::before{opacity:1}
.cm-pilar__icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--cm-magenta,#D24060)}
.cm-pilar__icon svg{width:100%;height:100%;display:block}
.cm-pilar__title{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;margin:0;padding-left:.2em;color:var(--cm-fg)}
.cm-pilar__desc{font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:300;font-size:.95rem;line-height:1.65;color:var(--cm-fg-soft);margin:0}

/* ---------- 4. Trayectoria (timeline) ---------- */
.cm-about-trayectoria{padding:clamp(4rem,8vh,6rem) 1rem}
.cm-trayectoria{position:relative;max-width:760px;margin:2.4rem auto 0;padding-left:2.6rem}
.cm-trayectoria::before{content:"";position:absolute;left:.6rem;top:.6rem;bottom:.6rem;width:1px;background:linear-gradient(180deg,rgba(215,123,40,.7),rgba(210,64,96,.7),rgba(26,26,26,.10))}
.cm-trayectoria__item{position:relative;padding:0 0 2.4rem;display:grid;grid-template-columns:auto 1fr;gap:0 1.4rem;align-items:start}
.cm-trayectoria__item:last-child{padding-bottom:0}
.cm-trayectoria__marker{position:absolute;left:-2.4rem;top:.4rem;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}
.cm-trayectoria__marker::before,.cm-trayectoria__marker::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:1.4px solid var(--cm-orange,#D77B28);background:var(--cm-bg)}
.cm-trayectoria__marker::before{left:-3px}
.cm-trayectoria__marker::after{left:3px;border-color:var(--cm-magenta,#D24060);mix-blend-mode:multiply}
.cm-trayectoria__year{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-size:1rem;letter-spacing:.18em;color:var(--cm-magenta,#D24060);grid-column:1;padding-left:.18em;min-width:5ch}
.cm-trayectoria__body{grid-column:2}
.cm-trayectoria__title{font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.04em;color:var(--cm-fg);margin:0 0 .4rem}
.cm-trayectoria__desc{font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:300;font-size:.95rem;line-height:1.65;color:var(--cm-fg-soft);margin:0}
@media (max-width:600px){
.cm-trayectoria{padding-left:2rem}
.cm-trayectoria__item{grid-template-columns:1fr}
.cm-trayectoria__year{grid-column:1;margin-bottom:.4rem}
.cm-trayectoria__body{grid-column:1}
.cm-trayectoria__marker{left:-1.8rem}
}

/* ---------- 5. CTA final ---------- */
.cm-about-cta{padding:clamp(4rem,9vh,7rem) 1rem;background:radial-gradient(ellipse at center,rgba(215,123,40,.10),transparent 70%),var(--cm-bg);text-align:center}
.cm-about-cta__title{font-family:"MEAN 26 Sans","Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:normal;font-size:clamp(1.6rem,3.6vw,2.4rem);letter-spacing:.06em;line-height:1.25;margin:0 0 1rem;padding-left:.06em;color:var(--cm-fg)}
.cm-about-cta__sub{font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:300;font-size:1.05rem;line-height:1.55;color:var(--cm-fg-soft);max-width:48ch;margin:0 auto 2.4rem}
.cm-about-cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

@media (max-width:600px){
.cm-about-hero{padding:4rem 1rem 2.4rem}
.cm-about-bio__copy{font-size:.98rem;line-height:1.75}
.cm-about-cta__buttons .cm-btn{padding:.85em 2em;font-size:.86rem}
}