/* The sunrise palette continues through the complete light edition. */
html[data-theme=light]{--bg:#fffaf3;--bg-2:#fff4e4;--bg-elev:#fffdf8;--text:#11172a;--text-dim:#535d6e;--text-mute:#6e6b72;--border:#c6985036;--border-strong:#c6985066;background:#fffaf3!important}
html[data-theme=light] body{background:#fffaf3;color:var(--text)}
html[data-theme=light] .page-background{background:#fffaf3}
html[data-theme=light] .page-background::before{background:radial-gradient(ellipse at 95% 12%,#ffce7838,transparent 52%),radial-gradient(ellipse at 0% 60%,#eedcff38,transparent 52%),radial-gradient(ellipse at 65% 95%,#ffe6ac3d,transparent 58%)}
html[data-theme=light] .page-background::after{background:radial-gradient(circle at 19% 24%,#b87d2526 0 1px,transparent 1.5px),radial-gradient(circle at 81% 83%,#9653d822 0 1px,transparent 1.5px);background-size:239px 241px,397px 277px;opacity:.5}
html[data-theme=light] .grain{opacity:.015}
/* Fade the photograph into the same transparent ambient layer used below it. */
html[data-theme=light] .cosmic-hero{background:transparent}
html[data-theme=light] .cosmic-hero::before{mask-image:linear-gradient(#000 65%,#000e 76%,#0007 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,#000e 76%,#0007 88%,transparent 100%)}
html[data-theme=light] .cosmic-hero::after{background:none;pointer-events:none}
html[data-theme=light] :is(#sobre-mi.about,#proyectos.project-showcase,#conecta.community,#servicios.services,.contact-scene,.contact-footer.footer,.signature-scene,.signature-journey){background:transparent;border-bottom:0}
html[data-theme=light] :is(#sobre-mi.about,#proyectos.project-showcase,#conecta.community,#servicios.services,.contact-scene){padding-top:clamp(60px,6vw,110px);padding-bottom:clamp(48px,5vw,90px)}
html[data-theme=light] :is(.section-title,#sobre-mi .about__name,.contact-heading h2,.direct-contact__heading h3){color:#11172a}
html[data-theme=light] :is(.showcase-gradient,.community-gradient,.about__name .name-gradient,.contact-heading h2>span){background-image:linear-gradient(105deg,#8c3bfa,#a054dd 52%,#cc731c)}
html[data-theme=light] :is(#sobre-mi .about__text,.about__expertise,.section-sub,#proyectos .section-sub,#conecta .section-sub,.contact-heading>p,.direct-contact__heading>p){color:#535d6e}
html[data-theme=light] :is(#sobre-mi .kicker,.about__note,.community-note,.services-note span,.contact-social__note){color:#82648f}
html[data-theme=light] .about__tech-label{color:#626777}
html[data-theme=light] .about__tech-label span{color:#8d37c8}
html[data-theme=light] .about__text strong{color:#11172a}
/* Keep the entire particle signature opaque, including its lower flourish. */
html[data-theme=light] #javiParticles{mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 97%,transparent)}
html[data-theme=light] .signature-visual img{filter:grayscale(1) brightness(.4)}
html[data-theme=light] .portrait-frame{border-color:#fff9e6;background:linear-gradient(140deg,#fffdf4,#e9ce9f77 40%,#d9c3f099);box-shadow:inset 0 0 0 3px #fff8e5b3,inset -4px -2px 8px #c99d5a55,5px 1px 0 #d2b77f66,0 18px 55px #9a662624}
html[data-theme=light] .portrait-frame::after{box-shadow:inset 0 0 20px #d9b57b22}
html[data-theme=light] .about__orbit{border-color:#ccac6a66;background:linear-gradient(125deg,#ffdf9c33,#efdcfa14 50%,#ffebbb33);box-shadow:inset 15px 7px 35px #ffdf961a,0 0 30px #dbb77a17}
html[data-theme=light] .about__orbit--second{border-color:#bc96d94d;background:linear-gradient(130deg,#eacdf622,transparent 55%)}
html[data-theme=light] :is(.about__skills li,.project-featured,.project-preview,.project-filter,.community-topic,.community-card,.community-proof,.p-card,.p-custom,.services__diag,.contact-panel,.direct-method,.project-case){background:linear-gradient(135deg,#ffffffed,#fff7e8de);border-color:#d7b88270;color:#11172a;box-shadow:inset 0 1px 0 #fff,0 10px 32px #a8753012}
html[data-theme=light] :is(.project-preview,.community-card,.p-card,.direct-method):hover{border-color:#b78ade;box-shadow:0 14px 38px #936a381a}
html[data-theme=light] :is(.project-preview h3,.project-featured h3,.community-topic strong,.community-card h3,.community-proof strong,.p-card h3,.p-card__price,.p-custom h3,.direct-method strong,.contact-promises strong,.proposal-label,.project-highlights strong){color:#11172a}
html[data-theme=light] :is(.project-featured__description,.project-preview p,.community-topic small,.community-card p,.community-proof small,.community-count small,.p-card li,.p-card p,.direct-method small,.direct-method__label,.contact-promises small,.contact-social p,.contact-footer__brand p,.contact-footer small,.contact-footer__nav a,.project-highlights small){color:#596174}
html[data-theme=light] :is(.project-tags span,.community-tags span,.community-count,.p-card__billing,.p-option,.p-feature,.contact-social__links>a){background:#fff5e7;border-color:#d2b78455;color:#675276}
html[data-theme=light] .project-featured::after{background:linear-gradient(90deg,#fffaf6 2%,#fffaf6f5 26%,#fffaf6b3 44%,transparent 82%),linear-gradient(0deg,#fffaf6b3,transparent 40%)}
html[data-theme=light] :is(.project-preview__visit,.project-page-arrow){background:#fffcf5;color:#843bc3;border-color:#c6a3dc;box-shadow:0 3px 12px #ad792412}
html[data-theme=light] .project-page-arrow:hover{background:#f2e8fb;color:#6625a1}
html[data-theme=light] .project-page-dots button{background:#d9ccbd}
html[data-theme=light] .project-page-dots button.is-active{background:linear-gradient(90deg,#b65bff,#7328e9)}
html[data-theme=light] :is(.community-topic>i,.contact-promises i){background:#f1e7fa;color:#8a39d0;border-color:#c79be744}
html[data-theme=light] :is(.community-card--featured,.p-card--featured){border-color:#b486d7;box-shadow:inset 0 1px 0 #fff,0 12px 36px #ab6dda24}
html[data-theme=light] .btn--primary{background:linear-gradient(115deg,#a44bff,#760ff3);border-color:#c493f680;box-shadow:0 8px 24px #9343ce30}
html[data-theme=light] .btn--ghost{background:#fffdf5dc;color:#24263b;border-color:#d8bd9066;box-shadow:0 5px 18px #a8753010}
html[data-theme=light] .project-filter.is-active{background:linear-gradient(115deg,#a44bff,#760ff3);color:#fff;border-color:#c493f6}
html[data-theme=light] .community-card .community-link.btn--ghost{background:#fff9ef;color:#573b70;border-color:#c8a5db;box-shadow:0 4px 12px #a8753010}
html[data-theme=light] .community-tags li{background:#f5ecfc;color:#71448c;border-color:#ceb3df80}
html[data-theme=light] .community-followers{background:#f1e9f8;border-color:#d4bedf;color:#754d92}
html[data-theme=light] .community-followers small{color:#62596e}
html[data-theme=light] .community-benefits{background:linear-gradient(135deg,#ffffffdb,#fff4e2cc);border-color:#d7b88270}
html[data-theme=light] .community-benefit strong{color:#22283a}
html[data-theme=light] .community-benefit small{color:#596174}
html[data-theme=light] #servicios .text-red{background-image:linear-gradient(105deg,#8c3bfa,#a054dd 52%,#cc731c)}
html[data-theme=light] :is(.proposal-field,.p-custom__budget,.p-custom__extra){background:#fffdf7;border-color:#cdbb9f70;box-shadow:inset 0 1px 3px #a8753006}
html[data-theme=light] .proposal-field :is(input,select,textarea){color:#3e4b60}
html[data-theme=light] .proposal-form .proposal-field{background:#fffdf7;border-color:#cdbb9f70;box-shadow:inset 0 1px 3px #a8753006}
html[data-theme=light] .proposal-field :is(input,textarea)::placeholder{color:#7a7f8a}
html[data-theme=light] .proposal-field select option{background:#fffcf5;color:#242b3b}
html[data-theme=light] :is(.proposal-counter,.proposal-privacy,.proposal-response){color:#626b7c}
html[data-theme=light] .proposal-available{color:#167458;background:#e0f5e9}
html[data-theme=light] .proposal-status{color:#167458}
html[data-theme=light] .direct-eyebrow{color:#8a5da8}
html[data-theme=light] .contact-mini-planet{background:radial-gradient(circle at 35% 30%,#fff8c9,#ffcb55 36%,#ed9b29 65%,#fff1b5);box-shadow:inset 3px 0 12px #fff8,0 0 22px #ffbc583d}
html[data-theme=light] .contact-mini-planet::before,html[data-theme=light] .contact-mini-planet::after{border-color:#c8914c99}
html[data-theme=light] .contact-footer.footer{border-top-color:#c5a46840;color:#596174}
html[data-theme=light] #welcomePreferences{color:#675276}
html[data-theme=light] .project-case p{color:#535d6e}
html[data-theme=light] .project-case::backdrop{background:#53412a60}
@media(max-width:800px){html[data-theme=light] .cosmic-hero::before{mask-image:linear-gradient(#000 72%,#0009 88%,transparent);-webkit-mask-image:linear-gradient(#000 72%,#0009 88%,transparent)}}
@media(max-width:600px){html[data-theme=light] .project-featured::after{background:linear-gradient(180deg,#fffaf6 0%,#fffaf6f5 39%,#fffaf680 62%,#fffaf611 78%,#fffaf6db 100%)}}