/* Sección 9 aprobada: papel plegado. Iconos de papel esculpido elegidos. */
.fold-page{margin:0;background:#e9b9aa}.folded,.folded *{box-sizing:border-box}.folded{font-family:Arial,Helvetica,sans-serif;background:#e9b9aa;color:#4f1729;min-height:100svh;padding:44px 5.6vw 64px;overflow:hidden;position:relative;isolation:isolate;scroll-margin-top:70px}.folded .fold-wrap{max-width:1140px;margin:auto;position:relative}.folded .folio{display:flex;justify-content:space-between;gap:20px;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0}.folded .folded-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:42px 0 58px}.folded .folded-title{font:900 clamp(5rem,10vw,9rem)/.83 Arial,sans-serif;letter-spacing:-.085em;margin:0;max-width:none}.folded .folded-title span{color:#f4eee3}.folded .folded-lead{font:500 27px/1.25 Arial,sans-serif;padding:0 10px 4px 0;margin:0}.folded .fold-shadow{filter:drop-shadow(0 24px 18px #633a2525);margin:0 6px;overflow:visible}.folded .fold-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;perspective:1600px;align-items:stretch}.folded .fold-panel{position:relative;display:flex;flex-direction:column;padding:25px 24px 24px;min-height:490px;isolation:isolate;background:#faf1df;transform-origin:left center;transform:translate3d(0,var(--sheet-y,0px),0) rotateY(var(--sheet-angle,0deg))}.folded .fold-panel::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#54342512,transparent 14%,transparent 87%,#ffffff75)}.folded .panel-1,.folded .panel-3{--open-angle:-22deg;clip-path:polygon(0 0,100% 2%,100% 98%,0 100%)}.folded .panel-2,.folded .panel-4{--open-angle:22deg;transform-origin:right center;clip-path:polygon(0 2%,100% 0,100% 100%,0 98%)}.folded .panel-2{background:#efe4ce}.folded .panel-3{background:#dce0c4}.folded .panel-4{background:#faf1df}.folded .panel-top{display:flex;justify-content:space-between;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em;margin:0}.folded .fold-icon{display:block;width:170px;max-width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;flex:none;margin:24px auto 27px;transform:translate3d(0,var(--icon-y,0px),0) rotate(var(--icon-turn,0deg));transition:scale .25s ease;scale:1}.folded[data-icons="a"] .fold-icon{background-image:url('assets/iconos-seccion-9/a.webp')}.folded[data-icons="b"] .fold-icon{background-image:url('assets/iconos-seccion-9/b.webp')}.folded[data-icons="c"] .fold-icon{background-image:url('assets/iconos-seccion-9/c.webp')}.folded .icon-1{background-position:0% 0%}.folded .icon-2{background-position:100% 0%}.folded .icon-3{background-position:0% 100%}.folded .icon-4{background-position:100% 100%}.folded .fold-panel h3{font:700 30px/1.02 Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance;margin:0;max-width:none}.folded .fold-panel p{font:400 17px/1.4 Arial,sans-serif;margin:18px 0 24px;max-width:none;text-wrap:balance}.folded .fold-number{margin-top:auto;padding-top:30px;font:900 72px/.85 Arial,sans-serif;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1px #4f17295c}.folded .closing{font:400 23px/1.4 Arial,sans-serif;text-align:center;margin:46px auto 0;max-width:none;text-wrap:balance}.folded.motion-ready .fold-panel.is-open{animation:paper-open .95s cubic-bezier(.2,.65,.25,1) both;animation-delay:calc(var(--panel-index) * .11s)}
@keyframes paper-open{from{transform:translate3d(0,35px,0) rotateY(var(--open-angle));opacity:.3}to{transform:translate3d(0,var(--sheet-y,0px),0) rotateY(var(--sheet-angle,0deg));opacity:1}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.folded .fold-panel:hover .fold-icon{scale:1.075}}
@media(min-width:761px){.folded .fold-panel h3,.folded .fold-panel p{text-align:center}}
@media(min-width:761px) and (max-width:1050px){.folded .fold-panel{padding-inline:18px}.folded .fold-panel h3{font-size:25px}.folded .fold-panel p{font-size:16px}.folded .fold-icon{width:145px}}
@media(max-width:760px){.folded{padding:28px 24px 46px}.folded .folio{font-size:9px;letter-spacing:.08em;gap:12px}.folded .folded-head{display:block;margin:42px 0 36px}.folded .folded-title{font-size:clamp(4rem,20vw,4.9rem)}.folded .folded-lead{font-size:23px;margin-top:24px;padding:0}.folded .fold-shadow{margin:0;filter:drop-shadow(0 12px 14px #633a251c)}.folded .fold-panels{grid-template-columns:1fr;perspective:1100px}.folded .fold-panel{min-height:390px;padding:25px 26px;clip-path:none;border-bottom:1px solid #4f172915;transform-origin:center top}.folded .fold-panel::after{background:linear-gradient(#54342510,transparent 15%,transparent 87%,#ffffff75)}.folded .fold-icon{width:178px;margin:20px auto 24px}.folded .fold-panel h3{font-size:33px;text-align:center}.folded .fold-panel h3 br{display:none}.folded .fold-panel p{font-size:18px;text-align:center;margin:15px auto 22px;max-width:25ch}.folded .fold-number{font-size:48px;padding-top:26px}.folded .closing{font-size:20px;margin-top:34px}.folded.motion-ready .fold-panel.is-open{animation-delay:0s;animation-name:paper-open-mobile}.folded .panel-1,.folded .panel-3{--open-angle:-11deg}.folded .panel-2,.folded .panel-4{--open-angle:11deg}}
@keyframes paper-open-mobile{from{transform:translate3d(0,28px,0) rotateX(var(--open-angle));opacity:.4}to{transform:translate3d(0,var(--sheet-y,0px),0) rotateX(var(--sheet-angle,0deg));opacity:1}}
@media(prefers-reduced-motion:reduce){.folded .fold-panel,.folded .fold-icon{transform:none!important;animation:none!important;transition:none!important;scale:1!important}}

/* El aro de la brújula sobresale del cuadrante inferior del atlas original.
   Encadrar desde 471px de la copia de 1024px muestra el icono completo.
   El último 5% de la celda superior solo contiene parte de ese aro, no la computadora. */
.folded[data-icons="a"] .icon-4{background-position:100% 92%}
.folded[data-icons="a"] .icon-2{clip-path:inset(0 0 5% 0)}