/* Kizuna Yori · Sitio (ADR-013) · CSS de la landing de El Diez Digital, migrado casi igual desde D:\Desktop\IA\El Diez Digital.
   Sigue siendo la hoja compilada de Tailwind + los estilos custom del sitio original; unificarla con el sistema de
   diseño de tokens.css/componentes.css queda para una siguiente pasada (docs/adr/013-sitio-publico-integrado.md). */
        @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
        @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/space-grotesk-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
        /* === TAILWIND CSS INLINED === */
        *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.headline-font{font-family:Space Grotesk,sans-serif}.glass-card{background:rgba(28,27,27,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05)}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-2{bottom:-.5rem}.-bottom-4{bottom:-1rem}.-left-1{left:-.25rem}.-left-20{left:-5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-20{right:-5rem}.-right-4{right:-1rem}.bottom-1{bottom:.25rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.top-1\/4{top:25%}.top-full{top:100%}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-96{height:24rem}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[90vh\]{min-height:90vh}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2\/3{width:66.666667%}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-96{width:24rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-\[\#00FF9F\]\/25{border-color:rgba(0,255,159,.25)}.border-\[\#00FF9F\]\/40{border-color:rgba(0,255,159,.4)}.border-primary{--tw-border-opacity:1;border-color:rgb(0 255 159/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-l-\[\#00FF9F\],.border-l-primary-container{--tw-border-opacity:1;border-left-color:rgb(0 255 159/var(--tw-border-opacity,1))}.bg-\[\#00FF9F\]{--tw-bg-opacity:1;background-color:rgb(0 255 159/var(--tw-bg-opacity,1))}.bg-\[\#00FF9F\]\/10{background-color:rgba(0,255,159,.1)}.bg-\[\#00FF9F\]\/5{background-color:rgba(0,255,159,.05)}.bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-\[\#0a0a0a\]\/95{background-color:hsla(0,0%,4%,.95)}.bg-\[\#0e0e0e\]{--tw-bg-opacity:1;background-color:rgb(14 14 14/var(--tw-bg-opacity,1))}.bg-\[\#0e0e0e\]\/80{background-color:hsla(0,0%,5%,.8)}.bg-\[\#111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 255 159/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(28 27 27/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#00FF9F\]{--tw-gradient-from:#00ff9f var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,255,159,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0e0e0e\]{--tw-gradient-from:#0e0e0e var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,5%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#00ff9f var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,255,159,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from:hsla(0,0%,100%,.05) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#00FF9F\]{--tw-gradient-to:rgba(0,255,159,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#00ff9f var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#22D3EE\],.to-secondary{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-black{fill:#000}.fill-primary{fill:#00ff9f}.fill-white{fill:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pl-8{padding-left:2rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-headline{font-family:Space Grotesk,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.05\]{line-height:1.05}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.6em\]{letter-spacing:.6em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#00FF9F\]{--tw-text-opacity:1;color:rgb(0 255 159/var(--tw-text-opacity,1))}.text-\[\#00FF9F\]\/70{color:rgba(0,255,159,.7)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(0 255 159/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_30px_rgba\(0\2c 255\2c 159\2c 0\.1\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(0\2c 255\2c 159\2c 0\.1\)\]{--tw-shadow:0 0 30px rgba(0,255,159,.1);--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.blur-\[120px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur:blur(120px)}.brightness-110{--tw-brightness:brightness(1.1)}.brightness-110,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.selection\:bg-secondary-container ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.selection\:bg-secondary-container ::selection{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.selection\:text-black ::-moz-selection{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.selection\:text-black ::selection{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.selection\:bg-secondary-container::-moz-selection{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.selection\:bg-secondary-container::selection{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.selection\:text-black::-moz-selection{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.selection\:text-black::selection{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:scale-\[1\.01\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:border-\[\#00FF9F\]\/40:hover{border-color:rgba(0,255,159,.4)}.hover\:bg-\[\#00FF9F\]:hover{--tw-bg-opacity:1;background-color:rgb(0 255 159/var(--tw-bg-opacity,1))}.hover\:bg-\[\#00FF9F\]\/10:hover{background-color:rgba(0,255,159,.1)}.hover\:bg-\[\#00e68e\]:hover{--tw-bg-opacity:1;background-color:rgb(0 230 142/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-\[\#00FF9F\]:hover{--tw-text-opacity:1;color:rgb(0 255 159/var(--tw-text-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_20px_rgba\(0\2c 255\2c 159\2c 0\.3\)\]:hover{--tw-shadow:0 0 20px rgba(0,255,159,.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(0\2c 255\2c 159\2c 0\.35\)\]:hover{--tw-shadow:0 0 25px rgba(0,255,159,.35);--tw-shadow-colored:0 0 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-\[\#00FF9F\]\/50:focus{border-color:rgba(0,255,159,.5)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-\[\#00FF9F\]{--tw-bg-opacity:1;background-color:rgb(0 255 159/var(--tw-bg-opacity,1))}.group:hover .group-hover\:fill-black{fill:#000}.group:hover .group-hover\:text-\[\#00FF9F\]{--tw-text-opacity:1;color:rgb(0 255 159/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:border-\[\#00FF9F\]{--tw-border-opacity:1;border-color:rgb(0 255 159/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-\[\#00FF9F\]{--tw-bg-opacity:1;background-color:rgb(0 255 159/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:col-span-12{grid-column:span 12/span 12}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-10{gap:2.5rem}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
        /* === ESTILOS CUSTOM === */
        body{background-color:transparent!important;color:#e5e2e1;font-family:'Inter',system-ui,-apple-system,sans-serif;overflow-x:hidden}
        html{background-color:#0a0a0a;scroll-behavior:smooth}
        /* Secciones translúcidas — canvas visible detrás */
        section, header, footer { background-color: transparent !important; }
        /* Bandas oscuras de contraste para legibilidad */
        #videos, #recomendados { background-color: rgba(17,17,17,0.65) !important; }
        #servicios, #colaboraciones, #sobre-mi, #comunidad { background-color: rgba(14,14,14,0.55) !important; }
        header { background-color: rgba(10,10,10,0.70) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
        @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

        /* === CANVAS BG === */
        #bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
        /* Contenido sobre el canvas */
        body>header,body>main,body>footer,#formToast{position:relative;z-index:1}

        /* === REVEAL ON SCROLL === */
        [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
        [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}

        /* === TILT 3D + GLOW INTERNO en glass-card === */
        .glass-card{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;position:relative}
        .glass-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(0,255,194,.12),transparent 40%);opacity:0;transition:opacity .35s;pointer-events:none}
        .glass-card:hover::after{opacity:1}
        .glass-card:hover{box-shadow:0 18px 50px -10px rgba(0,255,194,.18),0 0 0 1px rgba(0,255,194,.18) inset}

        /* === FORM === */
        .field-error{border-color:rgba(255,80,80,.6)!important}
        .field-msg{font-size:10px;color:#ff6b6b;letter-spacing:.15em;text-transform:uppercase;font-weight:700;min-height:12px;display:block;margin-top:4px}
        .form-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(20,20,20,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,255,194,.3);border-radius:14px;padding:14px 22px;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .35s,transform .35s;z-index:100;box-shadow:0 20px 50px -10px rgba(0,0,0,.6)}
        .form-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
        .form-toast.error{border-color:rgba(255,107,107,.5)}
        button[disabled]{opacity:.6;cursor:wait}
        .play-overlay{opacity:0;transition:opacity .25s ease}
        .group:hover .play-overlay{opacity:1}

        /* Stagger: los hijos de un contenedor .stagger entran en cascada */
        .stagger>[data-reveal]:nth-child(2){transition-delay:.08s}
        .stagger>[data-reveal]:nth-child(3){transition-delay:.16s}
        .stagger>[data-reveal]:nth-child(4){transition-delay:.24s}
        .stagger>[data-reveal]:nth-child(5){transition-delay:.32s}

        /* Accesibilidad: foco visible por teclado en todo el sitio */
        a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
            outline:3px solid var(--md-secondary);outline-offset:3px
        }


        /* Clases que sustituyen estilos en linea */
        .hero-accent{padding-right:.35em;display:inline-block}
        .hp-field{position:absolute;left:-9999px;opacity:0}
        /* Contraste: opacidades minimas legibles sobre el fondo oscuro */
        .text-white\/45{color:hsla(0,0%,100%,.45)}
        .text-white\/50{color:hsla(0,0%,100%,.5)}
        .text-\[\#00FF9F\]\/70{color:rgba(0,255,159,.7)}
        .hover\:opacity-90:hover{opacity:.9}
        /* FAQ */
        .faq details{border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:0 20px;background:rgba(255,255,255,.02)}
        .faq summary{cursor:pointer;padding:18px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;color:#fff;min-height:48px;align-items:center}
        .faq summary::-webkit-details-marker{display:none}
        .faq summary::after{content:"+";color:#00FF9F;font-size:22px;line-height:1;flex-shrink:0}
        .faq details[open] summary::after{content:"−"}
        .faq details p{padding:0 0 18px;color:#94a3b8;font-size:15px;line-height:1.65}
        /* CTA fija en móvil */
        .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid hsla(0,0%,100%,.08);transform:translateY(110%);transition:transform .35s}
        .sticky-cta.show{transform:none}
        @media(min-width:768px){.sticky-cta{display:none}}
        #mobileMenu{background:rgba(10,10,10,.97);box-shadow:0 20px 40px rgba(0,0,0,.5)}
        #mobileMenu:not(.hidden){display:flex}
        /* Contraste WCAG AA: subir el blanco al 55% mínimo en textos informativos */
        .text-white\/40{color:hsla(0,0%,100%,.55)}

        /* === M3 EXPRESSIVE · tokens de color, forma y movimiento === */
        :root{
          --md-primary:#00FF9F;--md-on-primary:#00391F;--md-primary-cont:#005234;--md-on-primary-cont:#8CFFC6;
          --md-secondary:#B3CCBD;--md-secondary-cont:#344A3E;--md-on-secondary-cont:#CFE9D8;
          --md-surface:#0A0A0A;--md-sc-low:#101311;--md-sc:#151916;--md-sc-high:#1C211E;--md-sc-highest:#262C28;
          --md-on-surface:#E1E4E0;--md-on-surface-var:#BFC9C1;--md-outline:#89938B;--md-outline-var:#343D37;
          --md-tertiary:#CDB8FF;--md-on-tertiary:#36206F;--md-tertiary-cont:#51399A;--md-on-tertiary-cont:#EADDFF;
          --md-error:#FFB4AB;--md-on-error:#690005;
          --r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:28px;--r-2xl:48px;
          --sp-fast:cubic-bezier(.2,0,0,1);--sp-fast-d:348ms;--sp-def:cubic-bezier(.2,0,0,1);--sp-def-d:412ms;--sp-slow:cubic-bezier(.2,0,0,1);--sp-slow-d:568ms;--ef-fast:cubic-bezier(.2,0,0,1);--ef-fast-d:138ms;--ef-def:cubic-bezier(.2,0,0,1);--ef-def-d:212ms;
          --shape-circle:polygon(50% 0%,53.3% 0.1%,56.5% 0.4%,59.8% 1%,62.9% 1.7%,66.1% 2.7%,69.1% 3.8%,72.1% 5.2%,75% 6.7%,77.8% 8.4%,80.4% 10.3%,83% 12.4%,85.4% 14.6%,87.6% 17%,89.7% 19.6%,91.6% 22.2%,93.3% 25%,94.8% 27.9%,96.2% 30.9%,97.3% 33.9%,98.3% 37.1%,99% 40.2%,99.6% 43.5%,99.9% 46.7%,100% 50%,99.9% 53.3%,99.6% 56.5%,99% 59.8%,98.3% 62.9%,97.3% 66.1%,96.2% 69.1%,94.8% 72.1%,93.3% 75%,91.6% 77.8%,89.7% 80.4%,87.6% 83%,85.4% 85.4%,83% 87.6%,80.4% 89.7%,77.8% 91.6%,75% 93.3%,72.1% 94.8%,69.1% 96.2%,66.1% 97.3%,62.9% 98.3%,59.8% 99%,56.5% 99.6%,53.3% 99.9%,50% 100%,46.7% 99.9%,43.5% 99.6%,40.2% 99%,37.1% 98.3%,33.9% 97.3%,30.9% 96.2%,27.9% 94.8%,25% 93.3%,22.2% 91.6%,19.6% 89.7%,17% 87.6%,14.6% 85.4%,12.4% 83%,10.3% 80.4%,8.4% 77.8%,6.7% 75%,5.2% 72.1%,3.8% 69.1%,2.7% 66.1%,1.7% 62.9%,1% 59.8%,0.4% 56.5%,0.1% 53.3%,0% 50%,0.1% 46.7%,0.4% 43.5%,1% 40.2%,1.7% 37.1%,2.7% 33.9%,3.8% 30.9%,5.2% 27.9%,6.7% 25%,8.4% 22.2%,10.3% 19.6%,12.4% 17%,14.6% 14.6%,17% 12.4%,19.6% 10.3%,22.2% 8.4%,25% 6.7%,27.9% 5.2%,30.9% 3.8%,33.9% 2.7%,37.1% 1.7%,40.2% 1%,43.5% 0.4%,46.7% 0.1%);--shape-square:polygon(50% 0%,53.3% 0%,56.6% 0%,59.9% 0%,63.4% 0%,67% 0%,70.7% 0%,74.6% 0%,78.8% 0.2%,83.1% 0.5%,87.5% 1.2%,91.6% 2.6%,95% 5%,97.4% 8.4%,98.8% 12.5%,99.5% 16.9%,99.8% 21.2%,100% 25.4%,100% 29.3%,100% 33%,100% 36.6%,100% 40.1%,100% 43.4%,100% 46.7%,100% 50%,100% 53.3%,100% 56.6%,100% 59.9%,100% 63.4%,100% 67%,100% 70.7%,100% 74.6%,99.8% 78.8%,99.5% 83.1%,98.8% 87.5%,97.4% 91.6%,95% 95%,91.6% 97.4%,87.5% 98.8%,83.1% 99.5%,78.8% 99.8%,74.6% 100%,70.7% 100%,67% 100%,63.4% 100%,59.9% 100%,56.6% 100%,53.3% 100%,50% 100%,46.7% 100%,43.4% 100%,40.1% 100%,36.6% 100%,33% 100%,29.3% 100%,25.4% 100%,21.2% 99.8%,16.9% 99.5%,12.5% 98.8%,8.4% 97.4%,5% 95%,2.6% 91.6%,1.2% 87.5%,0.5% 83.1%,0.2% 78.8%,0% 74.6%,0% 70.7%,0% 67%,0% 63.4%,0% 59.9%,0% 56.6%,0% 53.3%,0% 50%,0% 46.7%,0% 43.4%,0% 40.1%,0% 36.6%,0% 33%,0% 29.3%,0% 25.4%,0.2% 21.2%,0.5% 16.9%,1.2% 12.5%,2.6% 8.4%,5% 5%,8.4% 2.6%,12.5% 1.2%,16.9% 0.5%,21.2% 0.2%,25.4% 0%,29.3% 0%,33% 0%,36.6% 0%,40.1% 0%,43.4% 0%,46.7% 0%);--shape-pentagon:polygon(50% 0%,53.3% 0.3%,56.4% 1.3%,59.4% 2.7%,62.2% 4.4%,64.9% 6.2%,67.4% 8.1%,69.8% 9.8%,72.2% 11.6%,74.5% 13.3%,76.9% 15%,79.2% 16.7%,81.6% 18.4%,84% 20.2%,86.5% 22%,89% 23.9%,91.5% 26%,93.9% 28.4%,95.8% 31%,97.3% 34%,98.1% 37.1%,98.3% 40.4%,97.9% 43.7%,97.3% 46.9%,96.4% 50%,95.4% 53%,94.5% 55.9%,93.6% 58.7%,92.7% 61.4%,91.8% 64.2%,90.9% 66.9%,90% 69.7%,89.1% 72.6%,88.1% 75.5%,87.1% 78.5%,85.9% 81.5%,84.4% 84.4%,82.6% 87.2%,80.4% 89.6%,77.7% 91.4%,74.7% 92.7%,71.5% 93.5%,68.2% 93.9%,65% 94.1%,61.8% 94.1%,58.8% 94.1%,55.8% 94.1%,52.9% 94.1%,50% 94.1%,47.1% 94.1%,44.2% 94.1%,41.2% 94.1%,38.2% 94.1%,35% 94.1%,31.8% 93.9%,28.5% 93.5%,25.3% 92.7%,22.3% 91.4%,19.6% 89.6%,17.4% 87.2%,15.6% 84.4%,14.1% 81.5%,12.9% 78.5%,11.9% 75.5%,10.9% 72.6%,10% 69.7%,9.1% 66.9%,8.2% 64.2%,7.3% 61.4%,6.4% 58.7%,5.5% 55.9%,4.6% 53%,3.6% 50%,2.7% 46.9%,2.1% 43.7%,1.7% 40.4%,1.9% 37.1%,2.7% 34%,4.2% 31%,6.1% 28.4%,8.5% 26%,11% 23.9%,13.5% 22%,16% 20.2%,18.4% 18.4%,20.8% 16.7%,23.1% 15%,25.5% 13.3%,27.8% 11.6%,30.2% 9.8%,32.6% 8.1%,35.1% 6.2%,37.8% 4.4%,40.6% 2.7%,43.6% 1.3%,46.7% 0.3%);
        }
        /* Muelles M3 Expressive (rigidez/amortiguación) convertidos a linear(); sin soporte queda el cubic-bezier */
        @supports (transition-timing-function:linear(0,1)){:root{--sp-fast:linear(0,0.042,0.146,0.285,0.437,0.586,0.722,0.838,0.931,1,1.048,1.078,1.092,1.095,1.089,1.078,1.064,1.05,1.036,1.024,1.013,1.005,0.999,0.995,0.992,0.991,0.991,0.992,0.993,0.994,0.996,0.997,1);--sp-def:linear(0,0.028,0.096,0.189,0.293,0.399,0.501,0.595,0.678,0.751,0.813,0.863,0.905,0.937,0.962,0.981,0.994,1.003,1.009,1.013,1.015,1.015,1.015,1.014,1.012,1.011,1.009,1.007,1.006,1.005,1.004,1.003,1);--sp-slow:linear(0,0.028,0.096,0.189,0.293,0.399,0.501,0.595,0.679,0.751,0.813,0.864,0.905,0.937,0.962,0.981,0.994,1.003,1.009,1.013,1.015,1.015,1.015,1.014,1.012,1.01,1.009,1.007,1.006,1.005,1.004,1.003,1);--ef-fast:linear(0,0.03,0.1,0.19,0.288,0.383,0.473,0.555,0.627,0.69,0.744,0.789,0.828,0.859,0.886,0.908,0.925,0.94,0.952,0.961,0.969,0.975,0.98,0.984,0.987,0.99,0.992,0.994,0.995,0.996,0.997,0.998,1);--ef-def:linear(0,0.029,0.099,0.189,0.286,0.382,0.472,0.553,0.626,0.688,0.742,0.788,0.826,0.858,0.885,0.907,0.925,0.939,0.951,0.961,0.969,0.975,0.98,0.984,0.987,0.99,0.992,0.994,0.995,0.996,0.997,0.998,1);}}

        html{background-color:var(--md-surface)}
        body{color:var(--md-on-surface)}
        ::selection{background:var(--md-primary);color:var(--md-on-primary)}
        .text-on-surface-variant{color:var(--md-on-surface-var)}
        #videos,#recomendados{background-color:rgba(16,19,17,.62)!important}
        #servicios,#colaboraciones,#sobre-mi,#comunidad{background-color:rgba(10,10,10,.5)!important}

        /* Aparición: opacidad como efecto, desplazamiento con muelle lento */
        [data-reveal]{transform:translate3d(0,24px,0);transition:opacity .5s cubic-bezier(.2,0,0,1),transform var(--sp-slow-d) var(--sp-slow)}
        [data-reveal].rv-done{transition-delay:0s!important}

        /* Superficies tonales en lugar de vidrio (el vidrio queda solo en header y CTA fija) */
        .glass-card{background:var(--md-sc);border:1px solid var(--md-outline-var);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--r-xl);
          transition:opacity .5s cubic-bezier(.2,0,0,1),transform var(--sp-def-d) var(--sp-def),background-color var(--ef-def-d) var(--ef-def),border-color var(--ef-def-d) var(--ef-def)}
        .glass-card::after{content:none}
        .glass-card:hover{box-shadow:none}
        @media (hover:hover){article.glass-card:hover,a.glass-card:hover{background:var(--md-sc-high)}article.glass-card:hover{transform:translateY(-4px)}}
        .glass-card.m3-featured{background:var(--md-primary-cont);border-color:transparent;box-shadow:none}
        .m3-featured .text-on-surface-variant{color:var(--md-on-secondary-cont)}

        /* Botones: píldora que pasa a 12 px al presionar + capa de estado M3 */
        .m3-btn{--bh:48px;position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--bh) / 2);
          transition:border-radius var(--sp-fast-d) var(--sp-fast),transform var(--sp-fast-d) var(--sp-fast),background-color var(--ef-def-d) var(--ef-def),color var(--ef-def-d) var(--ef-def)}
        .m3-btn.min-h-\[44px\]{--bh:44px}.m3-btn.min-h-\[46px\]{--bh:46px}.m3-btn.min-h-\[52px\]{--bh:52px}.m3-btn.min-h-\[56px\],.m3-btn.py-4{--bh:56px}
        .m3-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--ef-fast-d) var(--ef-fast)}
        .m3-btn:hover::before{opacity:.08}.m3-btn:focus-visible::before{opacity:.1}.m3-btn:active::before{opacity:.12}
        .m3-btn:active{border-radius:var(--r-md)}
        .m3-btn:hover{box-shadow:none;filter:none}
        .m3-filled,.m3-filled:hover{background-color:var(--md-primary);color:var(--md-on-primary)}
        /* Tonal = botones del canal, en terciario */
        .m3-tonal,.m3-tonal:hover{background-color:var(--md-tertiary-cont);color:var(--md-on-tertiary-cont);border-color:transparent}
        .m3-outlined,.m3-outlined:hover{background-color:transparent;color:var(--md-primary);border-color:var(--md-outline)}

        /* Iconos estilo Material Symbols Rounded */
        .m3-ic{width:1.15em;height:1.15em;flex:none}
        .m3-check{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:var(--md-primary);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
        .m3-chip{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;height:26px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:var(--md-sc-highest);color:var(--md-on-surface-var);font-size:12px;font-weight:600;line-height:1}
        .m3-chip svg{width:15px;height:15px;color:var(--md-primary)}
        .m3-featured .m3-chip{background:rgba(0,0,0,.28);color:var(--md-on-primary-cont)}

        /* Formas: foto del hero en «square», pasos y botón Play */
        .m3-portrait{position:relative;aspect-ratio:1}
        .m3-portrait-bg{position:absolute;inset:-4%;background:var(--md-tertiary-cont);clip-path:var(--shape-square);transform:rotate(8deg);transition:transform var(--sp-slow-d) var(--sp-slow)}
        .m3-portrait picture{position:relative;display:block;width:100%;height:100%}
        .m3-portrait img{width:100%;height:100%;object-fit:cover;clip-path:var(--shape-square);transition:transform var(--sp-slow-d) var(--sp-slow)}
        @media (hover:hover){.m3-portrait:hover img{transform:rotate(-4deg) scale(1.02)}.m3-portrait:hover .m3-portrait-bg{transform:rotate(18deg)}}
        .m3-sq{clip-path:var(--shape-square)}
        .m3-step{width:56px;height:56px;display:grid;place-items:center;font-size:24px;font-weight:700;line-height:1;background:var(--md-secondary-cont);color:var(--md-on-secondary-cont);transition:transform var(--sp-def-d) var(--sp-def)}
        .m3-step-1{clip-path:var(--shape-circle)}.m3-step-2{clip-path:var(--shape-square)}.m3-step-3{clip-path:var(--shape-pentagon);background:var(--md-primary);color:var(--md-on-primary)}
        @media (hover:hover){.glass-card:hover .m3-step{transform:rotate(-10deg)}}
        .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4)}
        .m3-play{width:64px;height:64px;display:grid;place-items:center;background:var(--md-primary);color:var(--md-on-primary);clip-path:var(--shape-square);transform:scale(.85);transition:clip-path var(--sp-def-d) var(--sp-def),transform var(--sp-def-d) var(--sp-def)}
        .m3-play{background:var(--md-tertiary);color:var(--md-on-tertiary)}
        .m3-play svg{width:30px;height:30px;fill:currentColor}
        .group:hover .m3-play{clip-path:var(--shape-circle);transform:scale(1)}
        .m3-morph{clip-path:var(--shape-circle);transition:clip-path var(--sp-def-d) var(--sp-def),background-color var(--ef-def-d) var(--ef-def)}
        .group:hover .m3-morph{clip-path:var(--shape-square)}
        /* Terciario púrpura = lo del canal (tomado de la luz de fondo de las fotos) */
        .m3-t{color:var(--md-tertiary)}
        .group:hover .m3-vtitle{color:var(--md-tertiary)}
        .group:hover .m3-morph{background-color:var(--md-tertiary)}
        .group:hover .m3-morph svg{fill:var(--md-on-tertiary)}
        #comunidad a.glass-card:hover{border-color:rgba(205,184,255,.4)}
        .m3-badge{width:52px;height:52px;flex:none;display:grid;place-items:center;background:var(--md-primary);color:var(--md-on-primary);clip-path:var(--shape-square)}
        .m3-badge svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
        .m3-photo{border-radius:var(--r-2xl);border-color:var(--md-outline-var)}
        .m3-assist{border-radius:var(--r-sm);background:var(--md-sc-high);border-color:var(--md-outline-var)}
        .m3-assist-hl{background:var(--md-tertiary-cont);border-color:transparent;color:var(--md-on-tertiary-cont)}

        /* FAQ: forma y altura con muelle (la altura solo en navegadores con interpolate-size) */
        .faq details{border:1px solid var(--md-outline-var);border-radius:var(--r-lg);background:var(--md-sc);transition:border-radius var(--sp-def-d) var(--sp-def),background-color var(--ef-def-d) var(--ef-def)}
        .faq details[open]{border-radius:var(--r-xl);background:var(--md-sc-high)}
        .faq summary{color:var(--md-on-surface)}
        .faq details p{color:var(--md-on-surface-var)}
        .faq summary::after{transition:transform var(--sp-fast-d) var(--sp-fast)}
        .faq details[open] summary::after{content:"+";transform:rotate(45deg)}
        @supports (interpolate-size:allow-keywords){
          :root{interpolate-size:allow-keywords}
          .faq details::details-content{height:0;overflow:clip;transition:height var(--sp-def-d) var(--sp-def),content-visibility var(--sp-def-d) allow-discrete}
          .faq details[open]::details-content{height:auto}
        }

        /* CTA fija y aviso (snackbar M3) */
        .sticky-cta{transition:transform var(--sp-def-d) var(--sp-def)}
        .form-toast{background:var(--md-on-surface);color:var(--md-surface);border:0;border-radius:var(--r-xs);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 20px rgba(0,0,0,.5);transition:opacity var(--ef-def-d) var(--ef-def),transform var(--sp-def-d) var(--sp-def)}
        .form-toast.error{background:var(--md-error);color:var(--md-on-error)}