:root{--bg:#285571;--ink:#f4f1ff;--muted:#c4dbec;--lime:#d4f27a;--peach:#ffc2a8;--hand:"Caveat", cursive;--sans:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden;background:var(--bg)!important}body{touch-action:none}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.brand{pointer-events:none;position:fixed;top:26px;left:34px}.brand-name{font-family:var(--hand);white-space:nowrap;color:var(--ink);transform-origin:0;text-shadow:0 2px #142d5059;margin:0;font-size:44px;font-weight:700;line-height:1;transform:rotate(-3deg)}.brand-name span{color:var(--lime)}.hint{pointer-events:none;font-family:var(--hand);color:var(--lime);font-size:28px;transition:opacity .8s;animation:2.2s ease-in-out infinite bob;position:fixed;bottom:5vh;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}@keyframes bob{50%{transform:translate(-50%,6px)}}.panel{touch-action:none;--fade-t:0px;--fade-b:0px;width:min(520px,40vw);max-height:80vh;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent 100%);opacity:0;pointer-events:none;padding:10px 18px 10px 10px;transition:opacity .7s,transform .7s;position:fixed;top:50%;right:max(80px,7vw);overflow:hidden;transform:translateY(calc(18px - 50%))}.panel.more-up{--fade-t:46px}.panel.more-down{--fade-b:46px}.panel-in{will-change:transform;display:flow-root}.panel.wide{width:min(640px,48vw)}.panel.side-left{left:max(64px,6vw);right:auto}.panel.visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.panel .kicker{font-family:var(--hand);color:var(--peach);font-size:26px}.panel h2{font-family:var(--hand);color:var(--ink);transform-origin:0;text-shadow:0 3px 16px #0f233c99,0 0 34px #0f233c73;margin:0 0 16px;font-size:68px;font-weight:700;line-height:.9;transform:rotate(-2deg)}.panel p{color:var(--ink);text-shadow:0 1px 3px #0f233c8c,0 0 18px #0f233cd9;margin:0 0 12px;font-size:16px;line-height:1.65}.panel .tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.panel .tags li{border:1.5px solid var(--lime);color:var(--lime);border-radius:14px 10px 16px 12px;padding:4px 12px;font-size:13px}#stops{flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:26px;transform:translateY(-50%)}#stops button{cursor:pointer;border:1.5px solid var(--muted);background:0 0;border-radius:50%;width:12px;height:12px;padding:0;transition:background .3s,transform .3s;position:relative}#stops button.active{background:var(--peach);border-color:var(--peach);transform:scale(1.3)}#stops button span{white-space:nowrap;font-family:var(--hand);color:var(--ink);opacity:0;pointer-events:none;font-size:22px;transition:opacity .25s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}#stops button:hover span,#stops button:focus-visible span{opacity:1}body.in-project #stops,body.in-project .hint{opacity:0;pointer-events:none}#stops{transition:opacity .5s}.project{opacity:0;touch-action:pan-y;-webkit-backdrop-filter:blur(10px);background:#10263a9e;border-radius:26px 18px 30px 22px;flex-direction:column;width:min(860px,62vw);transition:opacity .6s,transform .6s;display:flex;position:fixed;top:7vh;bottom:7vh;right:max(48px,5vw);overflow:hidden;transform:translateY(16px)}.project[hidden]{display:none}.project.visible{opacity:1;transform:none}.project-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px 8px 18px;display:flex}.project-steps{gap:4px;display:flex}.project-bar button{font-family:var(--hand);color:var(--muted);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px 9px 13px 10px;padding:3px 10px;font-size:20px;line-height:1;transition:border-color .25s,color .25s}.project-steps button{padding:0 9px 3px;font-size:26px}.project-bar button:hover:not(:disabled),.project-bar button:focus-visible{border-color:var(--peach);color:var(--peach);outline:none}.project-bar button:disabled{opacity:.25;cursor:default}.project-scroll{scrollbar-width:thin;scrollbar-color:#ffc9b080 transparent;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:6px 38px 28px;overflow-y:auto}.go{cursor:pointer;font-family:var(--hand);color:var(--lime);text-shadow:0 2px 10px #0f233cb3;-webkit-tap-highlight-color:transparent;opacity:0;pointer-events:none;background:0 0;border:0;padding:4px 8px;font-size:38px;font-weight:700;line-height:1;transition:opacity .25s;display:none;position:fixed;right:12px}@media (pointer:coarse){.go{display:block}}body.pad-mode .go{display:block}.go.show{opacity:1;pointer-events:auto}.go-up{top:calc(46px + env(safe-area-inset-top))}.go-down{bottom:calc(0px + env(safe-area-inset-bottom))}.go-up.show{animation:1.8s ease-in-out infinite go-up}.go-down.show{animation:1.8s ease-in-out infinite go-down}@keyframes go-up{50%{transform:translateY(-5px)}}@keyframes go-down{50%{transform:translateY(5px)}}body.in-project .go{opacity:0;pointer-events:none}@media (width<=760px),(orientation:portrait){.project{top:max(16vh,70px);bottom:calc(12px + env(safe-area-inset-bottom));width:auto;left:12px;right:12px}.project-bar{padding:8px 10px 6px 14px}.project-scroll{padding:4px 20px 22px}.brand{top:calc(14px + env(safe-area-inset-top));left:18px}.brand-name{font-size:30px}.panel,.panel.wide{top:auto;bottom:calc(40px + env(safe-area-inset-bottom));width:auto;max-height:62vh;padding:6px 12px 6px 6px;left:18px;right:18px;transform:translateY(18px)}.panel.side-left{left:18px;right:18px}.panel.visible{transform:none}.panel .kicker{font-size:20px}.panel h2{margin-bottom:10px;font-size:44px}.panel p{margin-bottom:8px;font-size:14.5px;line-height:1.55}.panel .tags{gap:6px;margin-top:10px}.panel .tags li{padding:3px 10px;font-size:12px}#stops{top:calc(22px + env(safe-area-inset-top));flex-direction:row;gap:7px;right:18px;transform:none}#stops button{border-width:1.2px;width:8px;height:8px}#stops button span,.hint{display:none}}.lil-gui{--width:290px}.panel .pn{--sombra:0 1px 3px #0f233c99, 0 0 18px #0f233cd9;--tarjeta:#142d466b;--borde:16px 12px 18px 14px;color:var(--ink);font-size:15px;line-height:1.55}.panel .pn p{font-size:inherit;line-height:inherit;text-shadow:var(--sombra);margin:0 0 10px}.panel .pn ul{margin:0;padding:0;list-style:none}.panel .pn em{font-style:italic}.panel .pn .ico{flex:none;width:26px;height:26px}.panel .pn h1,.panel .pn h2,.panel .pn h3,.panel .pn h4{margin:0;font-weight:700}.panel .pn .pn-h3{font-family:var(--hand);color:var(--lime);text-shadow:0 2px 12px #0f233cb3;margin:16px 0 8px;font-size:34px;line-height:1}.panel .pn .pn-title{font-family:var(--hand);color:var(--ink);transform-origin:0;text-shadow:0 3px 16px #0f233c99,0 0 34px #0f233c73;margin:0 0 12px;font-size:60px;line-height:.9;transform:rotate(-2deg)}.panel .pn .pn-btn{cursor:pointer;font-family:var(--hand);color:var(--ink);border:1.5px solid var(--peach);border-radius:var(--borde);background:#142d4680;align-items:center;gap:8px;padding:8px 18px;font-size:24px;line-height:1;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.panel .pn .pn-btn .ico{width:22px;height:22px}.panel .pn .pn-btn:hover,.panel .pn .pn-btn:focus-visible{background:var(--peach);color:#1d3a52;outline:none}.panel .pn a:focus-visible,.panel .pn button:focus-visible,.panel .pn input:focus-visible,.panel .pn textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.panel .pn-bienvenida .pn-name{font-family:var(--hand);color:var(--ink);transform-origin:0;text-shadow:0 3px 16px #0f233c99,0 0 34px #0f233c73;margin:0 0 8px;font-size:96px;line-height:.88;transform:rotate(-3deg)}.panel .pn-bienvenida .pn-name span{color:var(--lime)}.panel .pn-bienvenida .pn-role{letter-spacing:.12em;text-transform:uppercase;color:var(--peach);margin:0 0 12px;font-size:13px}.panel .pn-bienvenida .pn-lead,.panel .pn-contacto .pn-lead{font-family:var(--hand);color:var(--ink);margin:0 0 6px;font-size:31px;line-height:1.12}.panel .pn-bienvenida .pn-lead{max-width:30ch}.panel .pn-do{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel .pn-do li{color:var(--peach);background:var(--tarjeta);border-radius:var(--borde);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.panel .pn-do li:nth-child(2){border-radius:12px 18px 14px 16px}.panel .pn-do li:nth-child(3){border-radius:18px 14px 16px 12px}.panel .pn-do li:nth-child(4){border-radius:14px 16px 12px 18px}.panel .pn-do b{font-family:var(--hand);color:var(--lime);margin-bottom:4px;font-size:24px;line-height:1;display:block}.panel .pn-do span{color:var(--muted);font-size:13.5px;line-height:1.4;display:block}.panel .pn-do .ico{margin-top:2px}.panel .pn-me{grid-template-columns:150px 1fr;align-items:start;gap:22px;display:grid}.panel .pn-photo{background:radial-gradient(60% 70% at 28% 30%,#ffc9b0a6,#0000 70%),radial-gradient(55% 65% at 75% 68%,#8b86dea6,#0000 70%),radial-gradient(40% 50% at 62% 18%,#d4f27a66,#0000 70%),#2f5f86;border:3px solid #ffc2a8b3;border-radius:50%;place-items:center;width:150px;height:150px;margin-top:4px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 24px #0f233c80}.panel .pn-photo span{font-family:var(--hand);color:var(--ink);text-shadow:0 2px 8px #0f233c80;font-size:62px;font-weight:700}.panel .pn-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.panel .pn-personal{border-left:2px solid var(--peach);margin-top:14px;padding-left:14px}.panel .pn-personal p{color:var(--muted);margin-bottom:6px;font-size:13.5px;font-style:italic}.panel .pn-intro p{font-size:15px}.panel .pn-samples{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px;display:grid}.panel .pn-samples li{position:relative}.panel .pn-samples li.sola{grid-column:1/-1}.panel .pn-samples button{text-align:left;cursor:pointer;border-radius:var(--borde);background:var(--tarjeta);width:100%;height:100%;color:var(--ink);font:inherit;border:1.5px solid #0000;padding:10px 14px 10px 46px;transition:border-color .25s,background .25s;display:block;position:relative}.panel .pn-samples button:hover,.panel .pn-samples button:focus-visible{border-color:var(--peach);background:#142d46a8}.panel .pn-samples .num{width:26px;height:26px;font:700 21px/1 var(--hand);color:#1d3a52;background:var(--peach);border-radius:50% 46% 52% 48%;place-items:center;font-style:normal;display:grid;position:absolute;top:10px;left:12px}.panel .pn-samples b{font-family:var(--hand);color:var(--lime);font-size:24px;font-weight:700;line-height:1.05;display:block}.panel .pn-samples span{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35;display:block}.panel .pn-samples li.par:after{content:"";border-top:2px dotted var(--peach);pointer-events:none;width:16px;height:0;position:absolute;top:50%;left:100%;transform:translateY(-1px)}.panel .helix{padding-left:58px;position:relative;overflow:hidden}.panel .helix:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='80' viewBox='0 0 40 80' fill='none' stroke-linecap='round'%3E%3Cg stroke='%23c4dbec' stroke-width='1.3' opacity='.55'%3E%3Cpath d='M12 10h16M8 20h24M12 30h16M12 50h16M8 60h24M12 70h16'/%3E%3C/g%3E%3Cpath d='M20 0C4 13 4 27 20 40s16 27 0 40' stroke='%23c4dbec' stroke-width='2.4'/%3E%3Cpath d='M20 0c16 13 16 27 0 40S4 67 20 80' stroke='%23ffc2a8' stroke-width='2.4'/%3E%3C/svg%3E") 0 0/40px 80px repeat-y;width:40px;height:calc(100% + 80px);animation:9s linear infinite helix-baja;position:absolute;top:-80px;left:0}@keyframes helix-baja{to{transform:translateY(80px)}}.panel .helix .pn-h3{margin:14px 0 6px}.panel .helix .pn-h3:first-child{margin-top:0}.panel .hito{margin-bottom:14px;position:relative}.panel .hito:before{content:"";background:var(--bg);border:2.5px solid var(--lime);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-45px;box-shadow:0 0 0 3px #285571d9,0 0 12px #d4f27a80}.panel .hito h4{font-family:var(--hand);color:var(--ink);text-shadow:var(--sombra);font-size:26px;line-height:1.05}.panel .hito .hito-meta{color:var(--muted);flex-wrap:wrap;gap:0 14px;margin:2px 0 6px;font-size:13px;line-height:1.4;display:flex}.panel .hito .hito-meta time{color:var(--peach);white-space:nowrap}.panel .hito ul{gap:4px;display:grid}.panel .hito li{text-shadow:var(--sombra);padding-left:14px;font-size:14px;line-height:1.45;position:relative}.panel .hito li:before{content:"";background:var(--peach);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.panel .pn-cols{grid-template-columns:1.3fr 1fr;gap:6px 26px;margin-top:6px;display:grid}.panel .pn-cols .pn-h3{margin-top:8px}.panel .pn-tools{gap:4px;display:grid}.panel .pn-tools li{text-shadow:var(--sombra);font-size:14px;line-height:1.4}.panel .pn-tools b{color:var(--peach);font-weight:600}.panel .pn-cols p{font-size:14px;line-height:1.45}.panel .pn-cols .pn-btn{margin-top:6px}.panel .pn-contacto .pn-lead{margin-bottom:14px;font-size:28px}.panel .pn-form{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.panel .pn-form>:nth-child(n+3){grid-column:1/-1}.panel .pn-form label{letter-spacing:.04em;color:var(--muted);text-shadow:var(--sombra);gap:4px;font-size:13px;display:grid}.panel .pn-form input,.panel .pn-form textarea{width:100%;font:inherit;color:var(--ink);resize:vertical;background:#10263a8c;border:1.5px solid #c4dbec59;border-radius:14px 10px 16px 12px;padding:9px 12px;font-size:15px;transition:border-color .25s}.panel .pn-form input:focus,.panel .pn-form textarea:focus{border-color:var(--peach);outline:none}.panel .pn-form-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:2px;display:flex}.panel .pn-form-row .pn-aviso{color:var(--lime);flex:200px;margin:0;font-size:13px;line-height:1.4}.panel .pn ul.pn-links{border-top:1.5px dashed #c4dbec4d;flex-wrap:wrap;gap:10px 26px;margin-top:20px;padding-top:16px;display:flex}.panel .pn-links li{color:var(--peach);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel .pn-links a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--peach);text-decoration-color:var(--peach);text-underline-offset:4px;text-shadow:var(--sombra)}.panel .pn-links a:hover{color:var(--lime)}.panel .pn-copy{cursor:pointer;font:inherit;font-family:var(--hand);color:var(--ink);background:#142d4680;border:1.5px solid #c4dbec66;border-radius:12px 9px 13px 10px;align-items:center;gap:6px;padding:4px 12px;font-size:20px;line-height:1;transition:border-color .25s,color .25s;display:inline-flex}.panel .pn-copy .ico{width:18px;height:18px}.panel .pn-copy:hover{border-color:var(--peach);color:var(--peach)}@media (prefers-reduced-motion:reduce){.panel .helix:before{animation:none;transform:translateY(40px)}}@media (width<=760px),(orientation:portrait){.panel .pn{font-size:14px;line-height:1.5}.panel .pn p{margin-bottom:8px}.panel .pn .pn-h3{margin:12px 0 6px;font-size:28px}.panel .pn .pn-title{margin-bottom:8px;font-size:46px}.panel .pn .pn-btn{padding:6px 14px;font-size:21px}.panel .pn-bienvenida .pn-name{margin-bottom:6px;font-size:58px}.panel .pn-bienvenida .pn-role{margin-bottom:8px;font-size:12px}.panel .pn-bienvenida .pn-lead{max-width:none;font-size:25px}.panel .pn-contacto .pn-lead{margin-bottom:10px;font-size:23px}.panel .pn-do{gap:8px}.panel .pn-do li{flex-direction:column;gap:6px;padding:10px 11px}.panel .pn-do .ico{width:22px;height:22px;margin:0}.panel .pn-do b{font-size:20px}.panel .pn-do span{font-size:12.5px;line-height:1.35}.panel .pn-me{grid-template-columns:1fr;gap:10px}.panel .pn-photo{border-width:2px;width:84px;height:84px;margin:0 auto 2px}.panel .pn-photo span{font-size:36px}.panel .pn-personal{margin-top:10px}.panel .pn-personal p{font-size:13px}.panel .pn-intro p{font-size:14px}.panel .pn-samples{grid-template-columns:1fr;gap:6px;margin-top:10px}.panel .pn-samples button{padding:7px 12px 7px 42px}.panel .pn-samples .num{width:24px;height:24px;font-size:19px;top:8px;left:10px}.panel .pn-samples b{font-size:21px}.panel .pn-samples span{margin-top:0;font-size:12px}.panel .pn-samples li.par:after{display:none}.panel .helix{padding-left:50px}.panel .helix:before{left:-2px}.panel .hito:before{left:-39px}.panel .hito h4{font-size:23px}.panel .hito li{font-size:13px}.panel .pn-cols{grid-template-columns:1fr;gap:0}.panel .pn-form{grid-template-columns:1fr;gap:8px}.panel .pn-form input,.panel .pn-form textarea{padding:7px 10px;font-size:16px}.panel .pn ul.pn-links{gap:8px 20px;margin-top:14px;padding-top:12px}}.sample{max-width:100%}.sample .kicker{font-family:var(--hand);color:var(--peach);font-size:24px;display:block}.sample>h2{font-family:var(--hand);color:var(--ink);margin:2px 0 6px;font-size:clamp(40px,4.4vw,58px);font-weight:700;line-height:1}.sample-encargo{color:var(--muted);max-width:62ch;margin:8px 0 26px;font-size:15px;font-style:italic;line-height:1.55}.sample-encargo strong{color:var(--peach);font-style:normal;font-weight:700}.md{color:var(--ink);overflow-wrap:break-word;font-size:16px;line-height:1.7}.md p{margin:0 0 14px;font-size:16px;line-height:1.7}.md strong{color:#fff}.md a{color:var(--lime);text-underline-offset:3px}.md a:hover{color:var(--peach)}.md ul,.md ol{margin:0 0 16px;padding-left:1.3em}.md li{margin:0 0 6px;line-height:1.65}.md li::marker{color:var(--peach)}.md hr{background:linear-gradient(90deg,#0000,#ffc2a880,#0000);border:0;height:2px;margin:30px 0}.md .doc-h1{font-family:var(--hand);color:var(--lime);margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.05}.md .doc-h2{font-family:var(--hand);color:var(--lime);margin:30px 0 8px;scroll-margin-top:12px;font-size:34px;font-weight:700;line-height:1.1}.md .doc-h3{font-family:var(--hand);color:var(--peach);margin:24px 0 6px;scroll-margin-top:12px;font-size:28px;font-weight:700;line-height:1.1}.md .doc-h4{font-family:var(--sans);color:var(--muted);letter-spacing:.02em;margin:20px 0 6px;scroll-margin-top:12px;font-size:16px;font-weight:700}.md>p>em:only-child{color:var(--muted)}.md .doc-h1+p{margin-top:0}.md blockquote.esencial{color:#3a2318;border:2px solid var(--peach);background:#ffd9c6;border-radius:20px 14px 24px 16px;margin:22px 0 26px;padding:16px 22px 8px;box-shadow:0 6px 18px #0a192d4d}.md blockquote.esencial p,.md blockquote.esencial li{color:#3a2318}.md blockquote.esencial strong{color:#7a2f10;font-family:var(--hand);font-size:28px;line-height:1}.md blockquote.esencial li::marker{color:#c8602f}.fig-placeholder{text-align:center;color:#2c3a46;background:#dfe3e7;border:1.5px dashed #9aa5ae;border-radius:14px 10px 16px 12px;justify-content:center;align-items:center;min-height:120px;margin:18px 0 22px;padding:22px 20px;display:flex}.fig-placeholder figcaption{max-width:60ch;font-size:14px;line-height:1.55}.fig-placeholder figcaption strong{color:#1d2a35}.tabla-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffc9b080 transparent;margin:4px 0 18px;overflow-x:auto}.tabla-scroll table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}.tabla-scroll.ancha table{min-width:560px}.tabla-scroll th,.tabla-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid #c4dbec38;padding:8px 12px}.tabla-scroll th{color:var(--peach);white-space:nowrap;border-bottom:2px solid #ffc2a88c;font-weight:700}.tabla-scroll tbody tr:nth-child(2n){background:#ffffff0a}.tabla-scroll td:first-child{color:#fff}.doc-indice{background:#ffffff0f;border:1.5px solid #c4dbec4d;border-radius:16px 12px 18px 14px;margin:6px 0 22px;padding:10px 16px}.doc-indice summary{cursor:pointer;font-family:var(--hand);color:var(--lime);align-items:center;gap:8px;font-size:28px;list-style:none;display:flex}.doc-indice summary::-webkit-details-marker{display:none}.doc-indice summary:after{content:"▾";font-family:var(--sans);color:var(--peach);font-size:14px;transition:transform .25s}.doc-indice[open] summary:after{transform:rotate(180deg)}.doc-indice ul{columns:2 280px;column-gap:28px;margin:8px 0 4px;padding:0;list-style:none}.doc-indice li{break-inside:avoid;margin:0;font-size:14px;line-height:1.4}.doc-indice li.n3{padding-left:14px;font-size:13px}.doc-indice a{color:var(--ink);padding:4px 0;text-decoration:none;display:block}.doc-indice a:hover,.doc-indice a:focus-visible{color:var(--peach);outline:none}.sample-seo{background:#ffffff0d;border:1.5px dashed #c4dbec66;border-radius:16px 12px 18px 14px;margin:30px 0 4px;padding:14px 18px 8px}.sample-seo h3{font-family:var(--hand);color:var(--peach);margin:0 0 6px;font-size:28px;font-weight:700}.sample-seo .tabla-scroll{margin:0 0 8px}.sample-seo .tabla-scroll table{font-size:14px}.sample-seo .tabla-scroll td:first-child{white-space:nowrap;color:var(--muted);font-weight:700}.sample-seo .tabla-scroll td:last-child{color:var(--ink)}.sample-pdf{margin:30px 0 4px}.btn-pdf{font-family:var(--hand);color:#1c3a4f;background:var(--lime);border:2px solid var(--lime);border-radius:18px 12px 20px 14px;padding:9px 24px 7px;font-size:28px;line-height:1.1;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-block;box-shadow:0 4px 14px #08162659}.btn-pdf:hover,.btn-pdf:focus-visible{background:var(--peach);border-color:var(--peach);outline:none;transform:translateY(-2px)rotate(-1deg)}.ficha{justify-items:center;gap:26px;display:grid}.papel{cursor:zoom-in;background:#fff;border:0;border-radius:2px;width:min(100%,640px);padding:0;display:block;box-shadow:0 10px 30px #0612228c,0 2px 6px #06122266}.papel img{width:100%;height:auto;display:block}.papel:focus-visible{outline:3px solid var(--peach);outline-offset:4px}.slider{max-width:100%}.slider-marco{background:#0e2436;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 26px #06122280}.slider-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden}.slider-track::-webkit-scrollbar{display:none}.slider-track:focus-visible{outline:3px solid var(--peach);outline-offset:-3px}.slide{scroll-snap-align:center;scroll-snap-stop:always;cursor:zoom-in;background:0 0;border:0;flex:0 0 100%;padding:0}.slide img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.slides-16x9 .slide img{aspect-ratio:16/9}.slides-4x5 .slide img{aspect-ratio:4/5}.slider-flecha{cursor:pointer;color:#fff;background:#10263ab8;border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;width:40px;height:40px;padding:0 0 4px;font-size:30px;line-height:1;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slider-flecha.prev{left:8px}.slider-flecha.next{right:8px}.slider-flecha:hover:not(:disabled),.slider-flecha:focus-visible{background:#ff8c5ae6;outline:none}.slider-flecha:disabled{opacity:0;pointer-events:none}.slider-barra{justify-content:center;align-items:center;gap:16px;min-height:30px;padding-top:12px;display:flex}.slider-cuenta{font-family:var(--hand);color:var(--ink);text-align:center;min-width:4.2em;font-size:24px}.slider-puntos{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.slider-puntos button{cursor:pointer;background:0 0;border:0;width:22px;height:26px;padding:0;position:relative}.slider-puntos button:after{content:"";border:1.5px solid var(--muted);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:background .2s,transform .2s;position:absolute;top:50%;left:50%}.slider-puntos button.on:after{background:var(--peach);border-color:var(--peach);transform:scale(1.3)}.li-card{color:#1d2226;font-family:var(--sans);background:#f4f6f8;border-radius:12px;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #06122280}.li-cab{height:var(--li-cab);box-sizing:border-box;align-items:center;gap:9px;padding:0 12px;display:flex}.li-avatar{color:#fff;background:linear-gradient(135deg,#285571,#8b86de);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid;position:relative;overflow:hidden}.li-avatar img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.li-avatar img.ok{opacity:1}.li-quien{flex-direction:column;min-width:0;line-height:1.2;display:flex}.li-quien b{color:#1d2226;white-space:nowrap;font-size:13px;font-weight:700}.li-quien span{color:#5e6870;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.li-slider{background:#e4e8ec}.li-slider .slider-marco{box-shadow:none;border-radius:0}.li-slider .slider-barra{min-height:var(--li-cuenta);height:var(--li-cuenta);padding:0}.li-slider .slider-cuenta{font-family:var(--sans);color:#44505a;font-size:12px}.li-barra{height:var(--li-pie);background:#f4f6f8;border-top:1px solid #d5dade;justify-content:space-around;align-items:center;display:flex}.li-barra span{color:#4b5760;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.li-txt{font-style:normal}.li-barra svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.project:has(.sample-fit) .project-scroll{flex-direction:column;display:flex;overflow:hidden}.project:has(.sample-fit) .project-body{flex-direction:column;flex:1;min-height:0;display:flex}.sample-fit{--res:36px;--li-cab:34px;--li-pie:26px;--li-cuenta:0px;flex-direction:column;flex:1;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;column-gap:20px;min-height:0;display:grid}.sample-fit>.kicker{grid-area:1/1;font-size:20px;line-height:1.1}.sample-fit>h2{grid-area:2/1}.sample-fit>.sample-encargo{grid-area:3/1}.sample-fit>.sample-pdf{grid-area:1/2/4;align-self:center}.sample-fit>.sample-body{grid-area:4/1/auto/-1}.sample-fit>h2{margin:0 0 2px;font-size:clamp(30px,5.4vh,46px)}.sample-fit .sample-encargo{margin:2px 0 8px;font-size:clamp(12px,1.9vh,15px);line-height:1.45}.sample-fit .sample-pdf{margin:0 0 6px}.sample-fit .btn-pdf{white-space:nowrap;padding:6px 18px 4px;font-size:22px}.sample-fit .sample-body{flex:1;min-height:0;container-type:size}.sample-fit .slider{width:min(100cqw, calc((100cqh - var(--res)) * var(--prop)));margin:0 auto}.sample-fit .slider-marco{width:100%;aspect-ratio:var(--prop)}.sample-fit .slider-track,.sample-fit .slide{height:100%}.sample-fit .slide img{object-fit:cover;width:100%;height:100%}.sample-fit .slider-barra{box-sizing:border-box;height:36px;min-height:0;padding-top:6px}.sample-fit .slides-16x9{--prop:1.7778}.sample-fit .li-wrap{--gut:46px;width:min(calc(100cqw - 2 * var(--gut)), calc((100cqh - var(--li-cab) - var(--li-pie) - var(--li-cuenta)) * .8));margin:0 auto;position:relative}.sample-fit .li-wrap .li-card{width:100%}.li-wrap .slider-flecha.prev{left:calc(-1 * var(--gut) + 3px)}.li-wrap .slider-flecha.next{right:calc(-1 * var(--gut) + 3px)}.sample-fit .li-card .slider{--prop:.8;width:100%}.li-slider{position:relative}.sample-fit .li-slider .slider-barra{pointer-events:none;background:#141e2899;border-radius:10px;height:auto;min-height:0;padding:2px 9px;position:absolute;top:8px;right:8px}.sample-fit .li-slider .slider-cuenta{color:#fff;min-width:0;font-size:12px}.project:has(.sample-slides){height:fit-content;max-height:86vh;margin:auto 0;top:0;bottom:0}.project:has(.sample-slides) .project-scroll{flex:0 auto}.project:has(.sample-slides) .project-body{flex:0 auto}.sample-slides{--tope-alto:220px;flex:0 auto}.sample-slides .sample-body{flex:none;container-type:normal}.sample-slides .slider{width:min(100%, calc((86vh - var(--tope-alto)) * var(--prop)))}.lightbox{z-index:1000;background:#06101cf0;flex-direction:column;animation:.25s lb-in;display:flex;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}}.lb-stage{touch-action:none;flex:1;min-height:0;padding:54px 64px 8px;display:flex;overflow:hidden}.lb-stage img{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.lightbox.zoom .lb-stage{touch-action:pan-x pan-y;padding:54px 12px 8px;overflow:auto}.lightbox.zoom .lb-stage img{cursor:zoom-out;flex:none;width:min(230vw,1500px);max-width:none;max-height:none}.lb-pie{color:var(--muted);justify-content:center;align-items:baseline;gap:18px;padding:6px 12px 14px;display:flex}.lb-count{font-family:var(--hand);color:var(--ink);font-size:24px}.lb-ayuda{opacity:.7;font-size:12px}.lightbox.zoom .lb-ayuda{display:none}.lb-btn{z-index:2;cursor:pointer;color:#fff;background:#285571d9;border:1.5px solid #ffffff80;border-radius:50%;place-items:center;width:46px;height:46px;padding:0 0 4px;font-size:34px;line-height:1;transition:background .2s;display:grid;position:absolute}.lb-btn:hover,.lb-btn:focus-visible{background:#ff8c5af2;outline:none}.lb-close{top:10px;right:12px}.lb-prev{margin-top:-23px;top:50%;left:10px}.lb-next{margin-top:-23px;top:50%;right:10px}@media (width<=760px),(orientation:portrait){.sample>h2{font-size:42px}.sample .kicker{font-size:20px}.sample-encargo{margin-bottom:20px;font-size:14px}.md,.md p{font-size:15.5px;line-height:1.65}.md .doc-h1{font-size:32px}.md .doc-h2{font-size:30px}.md .doc-h3{font-size:26px}.md blockquote.esencial{margin-left:0;margin-right:0;padding:14px 16px 6px}.doc-indice ul{columns:1}.tabla-scroll th,.tabla-scroll td{padding:7px 9px;font-size:13.5px}.sample-seo{padding:12px 12px 6px}.btn-pdf{font-size:26px}.papel{width:100%}.slider-flecha{width:34px;height:34px;font-size:26px}.slider-flecha.prev{left:5px}.slider-flecha.next{right:5px}.slider-puntos button{width:16px}.sample-fit{--res:34px;--li-cab:32px;--li-pie:24px;grid-template-columns:minmax(0,1fr)}.sample-fit>h2{font-size:clamp(28px,5vh,40px)}.sample-fit>.kicker{font-size:18px}.sample-fit .sample-encargo{margin:2px 0 6px;font-size:12px;line-height:1.4}.sample-fit>.sample-pdf{grid-area:5/1;align-self:start;margin:8px 0 0}.sample-fit .btn-pdf{padding:5px 18px 3px;font-size:22px}.project:has(.sample-slides){top:auto;bottom:calc(12px + env(safe-area-inset-bottom));height:fit-content;max-height:calc(100dvh - max(16vh, 70px) - 12px - env(safe-area-inset-bottom));margin:0}.sample-slides{--tope-alto:300px;flex-direction:column;display:flex}.sample-slides>.sample-pdf{margin:8px 0 0}.li-cab{padding:4px 10px}.li-txt{display:none}.li-barra svg{width:18px;height:18px}.sample-fit .li-wrap{--gut:40px}.li-wrap .slider-flecha{width:34px;height:34px}.li-avatar{width:26px;height:26px;font-size:10px}.li-quien b{font-size:12px}.li-quien span{font-size:10.5px}.lb-stage{padding:54px 4px 4px}.lb-prev,.lb-next{width:40px;height:40px;margin-top:0;top:auto;bottom:8px}.lb-prev{left:12px}.lb-next{right:12px}.lb-ayuda{display:none}}@media (prefers-reduced-motion:reduce){.lightbox{animation:none}.slider-track{scroll-behavior:auto}}