:root{--accent:#ba1e60;--ink:#333;--body:#666;--line:#e8e4e6}body{background:#fff;color:var(--ink)}p{color:var(--body)}em,.email{color:var(--accent)}.preview-note{background:#f8edf2;color:#8b1648}header{background:#0a0a0af5;border-color:#262626}nav a{color:#fff}.nav-contact{border-color:#777}nav a:hover{color:#ef92ba}.section-label,.eyebrow,.number{color:var(--accent)}.dot{background:var(--accent)}.hero{padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(76px,9.1vw,135px)}.hero-caption{color:#777;border-color:var(--line)}.button{background:var(--accent);border-radius:4px;transition:background .3s,transform .3s,box-shadow .3s}.button:hover{background:#96164b;transform:translateY(-2px);box-shadow:0 8px 20px #ba1e6022}.button span{transition:transform .3s}.button:hover span{transform:translateX(4px)}.text-link{color:var(--accent);border-color:#ba1e6055}.portrait{background:#fff;border-color:#ece4e8;box-shadow:0 15px 42px #3d1c3010;border-radius:3px;padding:0;overflow:hidden}.portrait>img{visibility:hidden;filter:none}.original-video{position:absolute;top:0;left:0;width:100%;height:calc(100% - 40px);object-fit:cover;background:#eee}.portrait-label{background:#ffffffed;bottom:40px;left:0;right:0;padding:18px 24px;color:#333}.portrait-label span:last-child{color:#666}.portrait-index{padding:13px 15px 11px;color:#777;line-height:16px;font-size:8px}.motion-toggle{position:absolute;right:12px;top:12px;font-size:10px;background:#ffffffec;border:1px solid #d2c6cc;padding:7px 10px;color:#4c3541;border-radius:3px;cursor:pointer}.section{border-color:var(--line)}.about{background:#f7f7f7;width:100%;padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:max(40px,calc((100vw - 1200px)/2))}.large-text{color:#333}.milestones strong{color:var(--accent)}.milestones span{color:#666}.services{background:none;border:0;gap:38px 44px}.services article{background:#fff;padding:12px 8px;position:relative;transform-origin:center top}.services h3{margin-top:18px;font-size:36px}.service-icon{width:85px;height:85px;object-fit:contain;display:block;margin-bottom:10px;transition:transform .4s}.services article:hover .service-icon{transform:translateY(-5px) rotate(-3deg)}.services .number{position:absolute;right:12px;top:18px;color:#aaa;font-size:10px}.services p{font-size:14px;line-height:1.8}.studio-interlude{height:190px;position:relative;overflow:hidden;display:grid;place-items:center;background:#333}.studio-background{position:absolute;inset:-70px 0;background:linear-gradient(#27101b70,#27101b70),url('assets/Imagen-JPEG-3-1024x576-1.jpeg') center/cover no-repeat;will-change:transform}.studio-interlude>span{position:relative;font-family:Phenomena,Arial;font-size:clamp(24px,3.2vw,48px);color:white;letter-spacing:.03em;text-align:center;padding:20px}.work-section{background:white;border-top:9px solid var(--accent)}.projects>a{background:#faf8f9;border-color:#e7dce2;border-radius:3px;transition:transform .3s,border-color .3s,box-shadow .3s}.projects>a:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 25px #ba1e6012}.projects span,.projects b{color:var(--accent)}.pricing{border-color:#e3c3d1;border-radius:5px;overflow:hidden}.price-card{background:#fcf2f6}.price span{color:var(--accent)}.tax{color:#7c4d61}.price-card ul{border-color:#e7ccd8}.price-card li::before{color:var(--accent)}.custom-price{background:#fff}.custom-price p{color:#666}.learning{border-color:var(--line)}.learning div{color:var(--accent)}.contact{background:#f8f8f8;border-top:7px solid var(--accent)}.contact .phone,.social{color:#666}.social a:hover{color:var(--accent)}footer{color:#666}.pro-membership{background:#fff;border-color:#e6c7d5;border-radius:5px;overflow:hidden}.pro-copy{background:#fbf4f7}.pro-copy ul{color:#555}.pro-plan{background:#fff;border-color:#e6c7d5}.pro-price span{color:var(--accent)}.pro-plan p{color:#666}.pro-copy h3{color:#333}.large-text,.about h2,.section-top h2{transition:opacity .7s,transform .7s}.motion-ready .slide-reveal:not(.is-visible){opacity:0;transform:translateX(-25px)}.motion-ready .fold-reveal:not(.is-visible){opacity:0;transform:perspective(900px) rotateX(-22deg) translateY(26px)}.fold-reveal{transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.25,1)}.motion-paused .slide-reveal,.motion-paused .fold-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .studio-background{transform:none!important}.motion-paused .button:hover,.motion-paused .projects>a:hover,.motion-paused .services article:hover .service-icon{transform:none}body:not(.motion-paused) .hero-copy{animation:hero-entry .85s both}@keyframes hero-entry{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}@media(max-width:700px){header{background:#0a0a0a}.hero{padding-top:45px;padding-bottom:45px}.hero h1{font-size:89px}nav{background:#0a0a0a;border-color:#444}.menu{border-color:#777}.about{padding-left:20px;padding-right:20px}.services{gap:24px 20px}.services article{padding:8px 0}.services h3{font-size:30px}.services p{font-size:12px}.service-icon{width:65px;height:65px}.services .number{right:0;top:8px}.custom-price{border-color:#e3c3d1}.pro-plan{border-top-color:#e6c7d5}.studio-interlude{height:145px}.portrait-label{padding:14px 18px}.portrait-label span:first-child{font-size:26px}.portrait-index{font-size:7px}.contact .phone{color:#666}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .slide-reveal,.motion-ready .fold-reveal{opacity:1!important;transform:none!important}.studio-background{transform:none!important}.button:hover,.projects>a:hover,.services article:hover .service-icon{transform:none!important}}
nav a{font-family:Phenomena,Arial,sans-serif;font-size:23px;letter-spacing:.025em}.nav-contact{font-size:22px}.about-intro{padding-top:10px}.about-intro .section-label{padding-top:0}.about-photo{width:100%;max-width:330px;height:auto;display:block;margin-top:34px;border-radius:3px}@media(max-width:700px){.about-photo{max-width:230px;margin-top:22px}nav a{font-size:25px}}

@font-face{font-family:Inter;src:url("assets/Inter-upright-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}footer button{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.privacy-panel{max-width:560px;width:calc(100% - 32px);border:1px solid #ddd;border-radius:12px;padding:26px;background:#fff;color:#222}.privacy-panel::backdrop{background:rgb(0 0 0 / .55)}.privacy-panel h2{font-size:36px;line-height:1.1;margin:0 0 18px}.privacy-panel p{font-size:14px;line-height:1.6}.privacy-panel .choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.privacy-panel button{font:inherit;padding:10px 15px;border:1px solid #BA1E60;border-radius:5px;background:white;color:#BA1E60;cursor:pointer}.privacy-panel .primary{background:#BA1E60;color:white}.legal{max-width:900px;padding:65px 25px}.legal h1{font-size:clamp(40px,8vw,64px)}.legal h2{font-size:32px;margin-top:35px}.legal h3{font-size:25px;margin-top:25px}.legal p{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.legal a{color:#BA1E60}footer{flex-wrap:wrap;gap:16px}

/* El vídeo se funde con la portada como una textura de estudio. */
.hero{position:relative;isolation:isolate;display:block;min-height:610px;padding-top:85px;padding-bottom:90px}
.hero-copy{position:relative;z-index:2;max-width:650px}
.hero .portrait{position:absolute;inset:0 -24px 0 25%;z-index:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;overflow:hidden;pointer-events:none}
.hero .original-video,.hero .portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.24;filter:saturate(.55);background:transparent;mask-image:radial-gradient(ellipse at 65% 45%,#000 12%,rgba(0,0,0,.75) 42%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at 65% 45%,#000 12%,rgba(0,0,0,.75) 42%,transparent 74%)}
.hero .portrait-label,.hero .portrait-index{display:none}
.hero .motion-toggle{pointer-events:auto;top:auto;bottom:18px;right:24px;background:transparent;border:0;border-bottom:1px solid #d7ccd1;border-radius:0;color:#74666d;padding:7px 0;font-size:10px}
.hero .motion-toggle:focus-visible{outline:2px solid #BA1E60;outline-offset:5px}
@media(max-width:700px){.hero{min-height:0;padding-top:48px;padding-bottom:80px}.hero-copy{max-width:none}.hero .portrait{inset:0 -20px}.hero .original-video,.hero .portrait>img{opacity:.15;object-position:60% center;mask-image:radial-gradient(ellipse at 80% 38%,#000 5%,rgba(0,0,0,.65) 40%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 80% 38%,#000 5%,rgba(0,0,0,.65) 40%,transparent 78%)}.hero .motion-toggle{right:20px;bottom:20px}}
