@font-face{font-family:SCPEEditorial;src:url('./fonts/display-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:SCPEText;src:url('./fonts/text.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
#sc-proyecto-educativo{--scpe-blue:#003087;--scpe-ivory:#f8f4ef;--scpe-text:#506080;background:var(--scpe-ivory);color:var(--scpe-blue);font-family:SCPEText,Arial,sans-serif;line-height:1.5;isolation:isolate;width:100%;overflow:clip}
#sc-proyecto-educativo *,#sc-proyecto-educativo *::before,#sc-proyecto-educativo *::after{box-sizing:border-box}
#sc-proyecto-educativo h2,#sc-proyecto-educativo h3,#sc-proyecto-educativo p{margin:0}
#sc-proyecto-educativo img{display:block;max-width:100%}
#sc-proyecto-educativo button{font:inherit;cursor:pointer}
#sc-proyecto-educativo a{color:inherit;text-decoration:none}
#sc-proyecto-educativo :focus-visible{outline:3px solid #316bc0;outline-offset:7px}
#sc-proyecto-educativo .scpe-shell{max-width:1440px;margin:0 auto;padding:64px 64px 24px}
#sc-proyecto-educativo .scpe-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:start;gap:54px;padding:0 14px;margin-bottom:52px}
#sc-proyecto-educativo #scpe-heading{font:italic 400 clamp(42px,5.6vw,80px)/1.04 SCPEEditorial,Georgia,serif;letter-spacing:-.036em;color:var(--scpe-blue)}
#sc-proyecto-educativo .scpe-intro>p{border-left:2px solid var(--scpe-blue);padding-left:32px;margin-top:16px;font-size:clamp(15px,1.45vw,21px);line-height:1.65;letter-spacing:-.015em;color:var(--scpe-text)}
#sc-proyecto-educativo .scpe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 42px}
#sc-proyecto-educativo .scpe-pillar{min-width:0;border-bottom:1px solid #c9cfd8;padding-bottom:40px}
#sc-proyecto-educativo .scpe-pillar:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
#sc-proyecto-educativo .scpe-scene{--scpe-x:0;--scpe-y:0;position:relative;aspect-ratio:1.29;perspective:1400px;z-index:1}
#sc-proyecto-educativo .scpe-photo{display:block;position:absolute;top:0;left:0;right:0;height:82%;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #23365508;transform:rotateY(calc(var(--scpe-x)*3deg)) rotateX(calc(var(--scpe-y)*-2deg));transition:transform .55s cubic-bezier(.16,.8,.2,1),box-shadow .4s;background:#ece7e0}
#sc-proyecto-educativo .scpe-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.1s cubic-bezier(.16,.8,.2,1)}
#sc-proyecto-educativo .scpe-photo:hover img{transform:scale(1.025)}
#sc-proyecto-educativo .scpe-photo-hint{position:absolute;right:15px;top:15px;background:#f8f4eff0;color:var(--scpe-blue);padding:7px 13px;border-radius:4px;font-size:12px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}
#sc-proyecto-educativo .scpe-photo:is(:hover,:focus-visible) .scpe-photo-hint{opacity:1;transform:translateY(0)}
#sc-proyecto-educativo .scpe-sculpture{position:absolute;width:53%;aspect-ratio:1;right:-3%;bottom:0;pointer-events:none;z-index:2;transform-origin:50% 80%;transform:translate3d(calc(var(--scpe-x)*-18px),calc(var(--scpe-y)*-12px),36px) rotateY(calc(var(--scpe-x)*-11deg)) rotateX(calc(var(--scpe-y)*6deg));transition:transform .65s cubic-bezier(.16,.8,.2,1)}
#sc-proyecto-educativo .scpe-left .scpe-sculpture{right:auto;left:-4%}
#sc-proyecto-educativo .scpe-sculpture img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px #56473516)}
#sc-proyecto-educativo .scpe-in-view .scpe-sculpture img{animation:scpe-float 7s ease-in-out infinite}
#sc-proyecto-educativo .scpe-pillar:nth-child(even) .scpe-sculpture img{animation-delay:-3.5s}
#sc-proyecto-educativo .scpe-copy{padding:14px 15px 0}
#sc-proyecto-educativo .scpe-copy h3{font:italic 400 clamp(25px,2.95vw,43px)/1.12 SCPEEditorial,Georgia,serif;letter-spacing:-.025em;color:var(--scpe-blue)}
#sc-proyecto-educativo .scpe-rule{display:block;background:var(--scpe-blue);width:54px;height:2px;margin:19px 0 25px}
#sc-proyecto-educativo .scpe-copy p{font-size:clamp(16px,1.62vw,23px);line-height:1.5;color:var(--scpe-text);letter-spacing:-.015em;max-width:60ch}
#sc-proyecto-educativo .scpe-utility{display:flex;justify-content:flex-end;padding:30px 14px 0}
#sc-proyecto-educativo .scpe-utility button{border:0;background:none;color:#657086;padding:10px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#sc-proyecto-educativo:not([data-ready]) .scpe-utility{display:none}
#sc-proyecto-educativo.scpe-motion-off *,#sc-proyecto-educativo.scpe-motion-off *::before{animation:none!important;transition:none!important}
#sc-proyecto-educativo.scpe-motion-off .scpe-photo,#sc-proyecto-educativo.scpe-motion-off .scpe-photo img,#sc-proyecto-educativo.scpe-motion-off .scpe-sculpture{transform:none!important}
#sc-proyecto-educativo .scpe-dialog{width:min(1160px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:20px;border:1px solid #d4cdbf;border-radius:12px;background:#f8f4ef;color:var(--scpe-blue);box-shadow:0 20px 80px #244a7a26;overflow:auto;margin:auto}
#sc-proyecto-educativo .scpe-dialog::backdrop{background:#e9edf2d9;backdrop-filter:blur(10px)}
#sc-proyecto-educativo .scpe-dialog-top{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 0 16px;font-size:16px}
#sc-proyecto-educativo .scpe-dialog button{color:var(--scpe-blue);background:#fffdf8;border:1px solid #b9c8dc;padding:8px 18px;border-radius:4px;min-height:44px}
#sc-proyecto-educativo .scpe-dialog>img{width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain}
#sc-proyecto-educativo .scpe-caption{font-size:13px;color:var(--scpe-text);padding:14px 0 0}
@keyframes scpe-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:701px) and (max-width:1100px){#sc-proyecto-educativo .scpe-shell{padding:48px 40px 20px}#sc-proyecto-educativo .scpe-intro{gap:28px;padding:0 10px;margin-bottom:38px}#sc-proyecto-educativo .scpe-intro>p{padding-left:23px;margin-top:8px;font-size:14px;line-height:1.55}#sc-proyecto-educativo .scpe-grid{column-gap:30px;row-gap:24px}#sc-proyecto-educativo .scpe-copy{padding:12px 10px 0}#sc-proyecto-educativo .scpe-rule{width:38px;margin:13px 0 17px}#sc-proyecto-educativo .scpe-pillar{padding-bottom:30px}}
@media(max-width:700px){#sc-proyecto-educativo .scpe-shell{padding:35px 22px 16px}#sc-proyecto-educativo .scpe-intro{display:block;padding:0 2px;margin-bottom:34px}#sc-proyecto-educativo #scpe-heading{font-size:clamp(39px,10.5vw,68px);line-height:1.02;letter-spacing:-.025em}#sc-proyecto-educativo .scpe-intro>p{font-size:16px;line-height:1.65;margin-top:27px;padding-left:19px}#sc-proyecto-educativo .scpe-grid{grid-template-columns:1fr;gap:28px}#sc-proyecto-educativo .scpe-pillar{padding-bottom:28px}#sc-proyecto-educativo .scpe-pillar:nth-last-child(2){border-bottom:1px solid #c9cfd8;padding-bottom:28px}#sc-proyecto-educativo .scpe-photo{border-radius:10px}#sc-proyecto-educativo .scpe-copy{padding:13px 3px 0}#sc-proyecto-educativo .scpe-copy h3{font-size:31px;line-height:1.13}#sc-proyecto-educativo .scpe-copy p{font-size:16px;line-height:1.6}#sc-proyecto-educativo .scpe-rule{width:35px;margin:13px 0 17px}#sc-proyecto-educativo .scpe-utility{padding-top:22px;justify-content:center}#sc-proyecto-educativo .scpe-dialog{width:calc(100vw - 20px);padding:12px;border-radius:8px}#sc-proyecto-educativo .scpe-dialog-top{font-size:14px}#sc-proyecto-educativo .scpe-dialog button{padding:8px 12px}#sc-proyecto-educativo .scpe-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){#sc-proyecto-educativo *,#sc-proyecto-educativo *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}#sc-proyecto-educativo .scpe-photo,#sc-proyecto-educativo .scpe-photo img,#sc-proyecto-educativo .scpe-sculpture{transform:none!important}}
@media print{#sc-proyecto-educativo .scpe-photo,#sc-proyecto-educativo .scpe-sculpture{transform:none!important}#sc-proyecto-educativo .scpe-sculpture img{animation:none!important}#sc-proyecto-educativo .scpe-utility,#sc-proyecto-educativo .scpe-photo-hint,#sc-proyecto-educativo dialog{display:none!important}#sc-proyecto-educativo .scpe-pillar{break-inside:avoid}}

/* Nuestra letra (SF Pro Text italic 300) en títulos + tamaños de letra reducidos — 20-oct-2026 */
#sc-proyecto-educativo #scpe-heading,#sc-proyecto-educativo .scpe-copy h3{font-family:-apple-system,"system-ui","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-weight:300;font-style:italic;letter-spacing:normal}
#sc-proyecto-educativo #scpe-heading{font-size:clamp(34px,3.9vw,56px);line-height:1.1}
#sc-proyecto-educativo .scpe-intro>p{font-size:clamp(14px,1.1vw,16px);line-height:1.7;letter-spacing:normal}
#sc-proyecto-educativo .scpe-copy h3{font-size:clamp(21px,1.95vw,28px);line-height:1.2}
#sc-proyecto-educativo .scpe-copy p{font-size:clamp(14px,1.05vw,15.5px);line-height:1.65;letter-spacing:normal}
#sc-proyecto-educativo .scpe-rule{margin:14px 0 16px}
@media(max-width:700px){#sc-proyecto-educativo #scpe-heading{font-size:clamp(30px,8.4vw,40px)}#sc-proyecto-educativo .scpe-intro>p{font-size:15px;margin-top:20px}#sc-proyecto-educativo .scpe-copy h3{font-size:23px}#sc-proyecto-educativo .scpe-copy p{font-size:15px}#sc-proyecto-educativo .scpe-rule{margin:11px 0 13px}}
/* Títulos y texto un poco más grandes — 20-oct-2026 (2) */
#sc-proyecto-educativo #scpe-heading{font-size:clamp(36px,4.3vw,62px)}
#sc-proyecto-educativo .scpe-intro>p{font-size:clamp(15px,1.2vw,17px)}
#sc-proyecto-educativo .scpe-copy h3{font-size:clamp(24px,2.35vw,34px)}
#sc-proyecto-educativo .scpe-copy p{font-size:clamp(15px,1.2vw,17px)}
@media(max-width:700px){#sc-proyecto-educativo #scpe-heading{font-size:clamp(32px,9vw,42px)}#sc-proyecto-educativo .scpe-intro>p{font-size:16px}#sc-proyecto-educativo .scpe-copy h3{font-size:26px}#sc-proyecto-educativo .scpe-copy p{font-size:16px}}
/* Aire antes del footer — 20-oct-2026 */
#sc-proyecto-educativo .scpe-shell{padding-bottom:110px}
@media(min-width:701px) and (max-width:1100px){#sc-proyecto-educativo .scpe-shell{padding-bottom:84px}}
@media(max-width:700px){#sc-proyecto-educativo .scpe-shell{padding-bottom:64px}}
/* Título principal algo más pequeño — 20-oct-2026 */
#sc-proyecto-educativo #scpe-heading{font-size:clamp(32px,3.5vw,50px)}
@media(max-width:700px){#sc-proyecto-educativo #scpe-heading{font-size:clamp(29px,8vw,36px)}}