.about-hero{min-height:min(690px,calc(100svh - 64px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:58px 5.3%;background:#e9ebef url('../images/somos.png') right center/auto 86% no-repeat}
.about-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(233,235,239,.99) 0%,rgba(233,235,239,.97) 26%,rgba(233,235,239,.78) 37%,rgba(233,235,239,0) 59%)}
.about-hero-copy{position:relative;z-index:1;width:min(42%,560px)}
.about-hero .eyebrow{font-size:10px;letter-spacing:.25em}
.about-hero h1{font:700 clamp(58px,8vw,112px)/.88 var(--display);letter-spacing:-.075em;margin:0 0 18px}
.about-hero h1 span{background:linear-gradient(90deg,#009aff 0%,#6336ff 48%,#e62caa 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.title-mark{display:block;width:76px;height:6px;border-radius:8px;background:linear-gradient(90deg,#05a9f7,#713cff,#e32fa5);margin:0 0 24px}
.about-hero-copy p{font-size:clamp(18px,2vw,25px);line-height:1.35;max-width:460px;margin:0;color:#171b2d}
.about-hero-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.about-story{padding:82px 9%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#fff}
.story-heading h2{font:700 clamp(36px,4.8vw,60px)/.98 var(--display);letter-spacing:-.06em;margin:0}
.story-heading h2 span{color:#6940ec}
.story-copy p{font-size:16px;line-height:1.65;color:#454c5c;margin:0 0 15px}
.story-copy .button{margin-top:7px}
.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 9% 82px;background:#fff}
.values-row article{padding:26px 24px;border-radius:16px;background:linear-gradient(135deg,#f7f4ff,#fff 75%);border:1px solid #ece9f5}
.value-number{font:700 12px var(--display);color:#7b45ee;letter-spacing:.12em}
.values-row h3{font:700 24px var(--display);margin:17px 0 7px}
.values-row p{font-size:14px;line-height:1.5;color:#535a69;margin:0}
@media(max-width:760px){.about-hero{min-height:650px;align-items:flex-start;padding:58px 7% 30px;background-position:55% bottom;background-size:auto 58%}.about-hero:before{background:linear-gradient(180deg,#e9ebef 0%,#e9ebeff5 31%,#e9ebefbd 47%,transparent 67%)}.about-hero-copy{width:100%;max-width:440px}.about-hero h1{font-size:clamp(58px,14vw,88px)}.about-hero-copy p{font-size:18px;max-width:360px}.about-story{grid-template-columns:1fr;gap:22px;padding:55px 7%}.story-heading h2{font-size:42px}.story-copy p{font-size:15px}.values-row{grid-template-columns:1fr;padding:0 7% 55px;gap:10px}.values-row article{padding:21px}}
@media(max-width:390px){.about-hero{min-height:610px}.about-hero h1{font-size:58px}.about-hero .eyebrow{font-size:8px;letter-spacing:.2em}}
/* Ajuste de fondo y encuadre: blanco y collage a la derecha */
.about-hero{min-height:clamp(430px,66svh,620px);background-color:#fff;background-size:min(90vw,1450px) auto;background-position:right center}
.about-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 26%,rgba(255,255,255,.78) 37%,rgba(255,255,255,0) 59%)}
@media(max-width:760px){.about-hero{min-height:650px;background-color:#fff;background-position:55% bottom;background-size:auto 58%}.about-hero:before{background:linear-gradient(180deg,#fff 0%,#fffffff5 31%,#ffffffbd 47%,transparent 67%)}}
@media(max-width:390px){.about-hero{min-height:610px}}
@media(max-width:760px) and (orientation:landscape){.about-hero{min-height:min(520px,calc(100svh - 62px));align-items:center;padding:30px 7%;background-position:right center;background-size:min(90vw,1100px) auto}.about-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.55) 57%,transparent 76%)}.about-hero-copy{width:56%}.about-hero h1{font-size:clamp(42px,9vw,64px)}.about-hero-copy p{font-size:16px}}
/* Corrección final del hero de Quiénes somos: misma respuesta del inicio */
.about-hero{min-height:clamp(430px,56svh,560px);background-color:#fff;background-position:right center;background-size:min(90vw,1400px) auto}
.about-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 26%,rgba(255,255,255,.78) 37%,rgba(255,255,255,0) 59%)}
@media(max-width:760px){.about-hero{min-height:550px;align-items:flex-start;padding:58px 7% 30px;background-color:#fff;background-position:61% bottom;background-size:auto 76%}.about-hero:before{background:linear-gradient(180deg,#fff 0%,#fffffff5 27%,#ffffffc7 44%,transparent 72%)}}
@media(max-width:390px){.about-hero{min-height:515px}}
@media(max-width:760px) and (orientation:landscape){.about-hero{min-height:min(520px,calc(100svh - 62px));align-items:center;padding:30px 7%;background-position:right center;background-size:min(90vw,1000px) auto}.about-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.55) 57%,transparent 76%)}.about-hero-copy{width:56%}.about-hero h1{font-size:clamp(42px,9vw,64px)}.about-hero-copy p{font-size:16px}}
@media(max-width:760px) and (orientation:portrait){.about-hero{background-position:center bottom;background-size:200vw auto}}

/* Docentes y reflexión sobre el valor educativo del arte */
.faculty-section{padding:82px 7% 88px;background:#f7f8fb;scroll-margin-top:85px}
.faculty-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.faculty-heading .eyebrow,.reflection-heading .eyebrow{font-size:10px;letter-spacing:.22em;color:#6c48db;font-weight:800}
.faculty-heading h2,.reflection-heading h2{font:900 clamp(36px,5vw,60px)/.98 Roboto,sans-serif;letter-spacing:.005em;margin:12px 0;color:#11172b}
.faculty-heading h2 span,.reflection-heading h2 span{background:linear-gradient(90deg,#078df2,#6738f5,#e42b9c);background-clip:text;-webkit-background-clip:text;color:transparent}
.faculty-heading>p{max-width:580px;margin:0 auto;color:#555d6d;font-size:15px;line-height:1.6}
.faculty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1120px;margin:0 auto}
.faculty-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:26px;padding:25px;border:1px solid #e9eaf0;border-radius:18px;background:#fff;box-shadow:0 12px 32px #11142a0a}
.faculty-photo{width:170px;aspect-ratio:1;border:5px solid #fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 30%,#fff 0 10%,transparent 11%),linear-gradient(135deg,#03a6f3,#663af5 58%,#e32d9d);box-shadow:0 0 0 2px #ece9f7,0 14px 30px #35207121;color:#fff}
.faculty-martinez .faculty-photo{background:radial-gradient(circle at 35% 30%,#fff 0 10%,transparent 11%),linear-gradient(135deg,#f7a000,#ed3b83 54%,#673cff)}
.faculty-photo>span{font:900 43px/1 Roboto,sans-serif;letter-spacing:.02em}
.faculty-photo small{margin-top:8px;padding:4px 9px;border-radius:20px;background:#ffffff2b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.faculty-info .card-kicker{display:block;margin-bottom:9px;color:#7145e6;font-size:9px;font-weight:800;letter-spacing:.13em}
.faculty-info h3{margin:0 0 18px;color:#11172b;font:900 clamp(20px,2vw,26px)/1.1 Roboto,sans-serif}
.faculty-subject{display:grid;gap:4px;padding:10px 0;border-top:1px solid #ececf2;color:#535a69;font-size:13px;line-height:1.45}
.faculty-subject strong{color:#161b2a;font-size:13px}
.art-reflection{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;padding:88px 9%;background:#fff;scroll-margin-top:85px}
.reflection-heading{position:sticky;top:110px;align-self:start}
.reflection-heading h2{font-size:clamp(38px,4.7vw,58px);margin-bottom:17px}
.reflection-mark{display:block;width:72px;height:6px;border-radius:8px;background:linear-gradient(90deg,#05a9f7,#713cff,#e32fa5);margin:0 0 18px}
.reflection-heading>p{max-width:300px;color:#586071;font-size:16px;line-height:1.55}
.reflection-copy{padding-left:30px;border-left:2px solid transparent;border-image:linear-gradient(180deg,#009ff5,#693cff,#e72ba2) 1}
.reflection-copy p{margin:0 0 22px;color:#3f4657;font-size:15px;line-height:1.85}
.reflection-copy p:last-child{margin-bottom:0}
@media(max-width:1000px){.faculty-card{grid-template-columns:140px 1fr;gap:18px;padding:20px}.faculty-photo{width:132px}}
@media(max-width:760px){.faculty-section{padding:57px 7% 60px}.faculty-heading{margin-bottom:27px}.faculty-heading h2{font-size:42px}.faculty-heading>p{font-size:14px}.faculty-grid{grid-template-columns:1fr;gap:12px}.faculty-card{grid-template-columns:120px 1fr;gap:16px;padding:17px}.faculty-photo{width:112px}.faculty-photo>span{font-size:34px}.faculty-info .card-kicker{font-size:8px}.faculty-info h3{font-size:20px;margin-bottom:13px}.faculty-subject{font-size:12px}.art-reflection{grid-template-columns:1fr;gap:18px;padding:58px 7%}.reflection-heading{position:static}.reflection-heading h2{font-size:42px}.reflection-heading>p{max-width:480px}.reflection-copy{padding-left:19px}.reflection-copy p{font-size:14px;line-height:1.75;margin-bottom:18px}}
@media(max-width:420px){.faculty-card{grid-template-columns:1fr;justify-items:center;text-align:center}.faculty-info .card-kicker{line-height:1.4}.faculty-subject{text-align:left}.reflection-heading h2{font-size:38px}}

.values-row article{padding:0;overflow:hidden}
.values-row article>img{display:block;width:100%;height:clamp(150px,17vw,230px);object-fit:cover}
.values-row article h3{margin:19px 23px 7px}
.values-row article p{margin:0 23px 24px}
@media(max-width:760px){.values-row article>img{height:clamp(190px,55vw,300px)}.values-row article h3{margin:17px 20px 7px}.values-row article p{margin:0 20px 21px}}
.faculty-photo{display:block;padding:0}.faculty-photo>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.faculty-padilla .faculty-photo>img{object-position:center 38%}.faculty-martinez .faculty-photo>img{object-position:center 40%}

/* Hero horizontal: conserva la proporción y recorta el borde derecho al desplazarlo */
@media(min-width:761px){.about-hero{background-size:auto 100%;background-position:right center}}
@media(max-width:760px) and (orientation:landscape){.about-hero{background-size:auto 100%;background-position:right center}}
