/* ===================================================================
   SITHO.XYZ  ·  AURORA GLASS EDITION 2026
   Paleta: obsidiana + rojo coral satinado + azul hielo.
   Capas translúcidas, luz ambiental y diseño adaptable de 320 px a 4K.
   Cargar DESPUÉS de styles.css en todas las páginas.
   =================================================================== */
:root {
  color-scheme:dark;
  --bg:#0a101b;
  --bg-2:#101827;
  --bg-3:#132034;
  --panel:rgba(27,40,58,.52);
  --panel-2:rgba(30,47,70,.48);
  --line:rgba(190,211,237,.13);
  --line-2:rgba(199,220,247,.25);
  --white:#f7f9fc;
  --text:#ced9e9;
  --muted:#a5b4ca;
  --red:#ec8a9b;
  --red-light:#ffabba;
  --blue:#80a9da;
  --blue-light:#a9cfff;
  --purple:#c0acd9;
  --gradient:linear-gradient(108deg,#f4a0a9 0%,#e49dbb 24%,#c6afe5 51%,#93c4ed 78%,#b1deee 100%);
  --glass:linear-gradient(155deg,rgba(255,255,255,.078),rgba(255,255,255,.019) 55%,rgba(125,170,220,.035));
  --shadow:0 24px 65px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.095);
  --radius:22px;
}
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body {
  background:radial-gradient(ellipse 920px 730px at 100% -10%,rgba(105,154,203,.11),transparent 72%),
  radial-gradient(ellipse 670px 710px at -18% 34%,rgba(172,104,148,.05),transparent 72%),
  #0a101b;
  color:var(--text);
  overflow-x:clip;
}
body::before{opacity:.055}
::selection{background:rgba(174,188,236,.33);color:#fff}
img,video,iframe{max-width:100%;height:auto}
.container{width:min(calc(100% - 56px),1200px)}
:is(.hero-layout,.section-top,.split-showcase,.contact-grid,.about-hero-layout,.service-benefits,.faq-layout,.manifesto-grid,.page-hero-inner,.feature-grid,.service-detail-grid,.examples-grid,.process-grid,.values-grid)>*{min-width:0}
/* Menos bloques opacos, más transparencia y profundidad. */
.topline{background:linear-gradient(100deg,#111925 0%,#0b1422 65%,#142234 100%);border-color:rgba(216,234,255,.08)}
.topline-inner{color:#adbed4;font-weight:700;letter-spacing:.11em}
.topline-domain{color:#d1def0}
.status-dot{background:#9bd6bc;box-shadow:0 0 0 3px rgba(154,222,187,.1),0 0 15px rgba(154,222,187,.27)}
.site-header{background:rgba(11,19,31,.73);border-bottom:1px solid rgba(205,226,249,.12);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.site-header.scrolled{box-shadow:0 15px 45px rgba(0,0,0,.16),0 1px 0 rgba(211,224,250,.08)}
.brand-mark{border-radius:15px;border-color:rgba(210,226,255,.3);background:linear-gradient(155deg,rgba(94,129,175,.42),rgba(39,58,83,.65) 50%,rgba(150,98,135,.32));box-shadow:0 9px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22),inset -6px -7px 17px rgba(31,44,70,.25)}
.brand-mark:before{opacity:.36}
.brand-mark-pixel{background:#f3a1b1;box-shadow:0 0 12px rgba(243,157,180,.4)}
.brand-dot{color:#f5a7b4}
.brand-word small{color:#d1d8e6}
.nav-link{color:#b5c2d4;font-weight:600}
.nav-link:hover,.nav-link.active{color:#f7fbff}
.nav-cta{color:#f8faff;border:1px solid rgba(209,225,248,.23);background:linear-gradient(110deg,rgba(176,124,154,.11),rgba(107,160,210,.14));border-radius:14px}
.nav-cta:hover{background:linear-gradient(110deg,rgba(176,124,154,.19),rgba(107,160,210,.24));border-color:rgba(214,231,255,.44)}
.nav-cta svg,.text-link svg{color:#e89ba9}
.menu-toggle{background:rgba(186,209,239,.08);border-color:rgba(211,229,252,.27);border-radius:13px}
.mobile-nav{background:rgba(12,20,33,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 30px 50px rgba(0,0,0,.28)}
.mobile-nav .nav-link.active{color:#f0a5b6}
.mobile-nav .mobile-wa{background:linear-gradient(110deg,#c5748b,#888bc3)!important;box-shadow:0 12px 30px rgba(105,94,161,.18)}
/* Botones: rojos/azules de acabado satinado, sin colores chillones. */
.btn{border-radius:15px;font-weight:750;letter-spacing:.01em;box-shadow:none}
.btn-primary{color:#fff;border-color:rgba(255,221,236,.25);background:linear-gradient(115deg,#c76880 0%,#b7709a 41%,#7885c2 100%);box-shadow:0 13px 30px rgba(118,97,151,.22),inset 0 1px 0 rgba(255,255,255,.29)}
.btn-primary:hover{box-shadow:0 18px 40px rgba(142,101,159,.27),inset 0 1px 0 rgba(255,255,255,.28);filter:brightness(1.06)}
.btn-outline,.btn-ghost,.btn-outline-light{background:linear-gradient(132deg,rgba(218,228,247,.075),rgba(105,146,186,.055));border-color:rgba(191,214,244,.25);color:#e6edfa}
.btn-outline:hover,.btn-ghost:hover,.btn-outline-light:hover{background:linear-gradient(132deg,rgba(218,228,247,.13),rgba(105,146,186,.11));border-color:rgba(192,219,250,.56)}
.btn-white{color:#192339;background:#f1f5fa}
.eyebrow{color:#bdd5f1;letter-spacing:.14em}
.eyebrow-line{height:2px;background:var(--gradient);box-shadow:none}
.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-heading span{color:#b1cde8}
.section-aside p,.section-heading-centered p,.body-copy{color:#a9bdd4}
.section{padding-block:clamp(65px,7vw,112px)}
.section-alt{background:linear-gradient(117deg,rgba(38,56,76,.21),rgba(17,29,43,.38) 43%,rgba(34,54,76,.24) 100%);border-block:1px solid rgba(197,224,248,.08)}
/* Cabecera principal: luces orgánicas en lugar de fondo duro. */
.hero{padding-top:clamp(64px,7vw,98px);background:
  radial-gradient(ellipse 580px 420px at 80% 15%,rgba(125,174,221,.2),transparent 72%),
  radial-gradient(ellipse 560px 480px at 54% 63%,rgba(183,104,152,.125),transparent 70%),
  radial-gradient(ellipse 720px 540px at -10% 100%,rgba(95,126,170,.08),transparent 72%),
  linear-gradient(135deg,#0a111d 0%,#121b2a 57%,#0b1420 100%);
  border-bottom:1px solid rgba(189,218,246,.11)
}
.hero::before{content:"";position:absolute;pointer-events:none;z-index:-1;top:7%;right:7%;width:clamp(220px,37vw,510px);aspect-ratio:1;border:1px solid rgba(223,231,251,.045);border-radius:47%;transform:rotate(-28deg);background:linear-gradient(138deg,rgba(150,179,217,.035),transparent);box-shadow:0 0 0 45px rgba(190,214,243,.01)}
.hero-noise{opacity:.32;background-size:94px 94px;background-image:linear-gradient(rgba(174,207,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(174,207,238,.06) 1px,transparent 1px)}
.hero-glow-red{background:#dc8aa7;opacity:.16;filter:blur(130px)}
.hero-glow-blue{background:#91bce0;opacity:.20;filter:blur(125px)}
.hero-layout{gap:clamp(12px,3vw,42px)}
.hero h1{font-weight:700;letter-spacing:-.066em;color:#f7f9ff;text-shadow:0 8px 34px rgba(0,0,0,.12);font-size:clamp(46px,5.2vw,76px);overflow-wrap:normal}
.hero h1 .gradient-text{background:linear-gradient(99deg,#f4a9b5 5%,#e8a9cc 34%,#a5c3f3 79%,#b8e3f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-tag{color:#e0e9f6;border:1px solid rgba(205,224,252,.19);border-radius:100px;background:linear-gradient(110deg,rgba(200,141,174,.105),rgba(148,196,236,.085));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);letter-spacing:.1em}
.tag-spark{color:#f5b1bb}
.hero-desc{color:#bbcbe0;max-width:515px}
.hero-trust span{color:#adbbce}.hero-trust svg{color:#a3bfe8}
/* 3D con acabado metálico mate, no neon saturado. */
.holo-back-glow{background:radial-gradient(ellipse at 47% 50%,rgba(143,169,219,.25),rgba(174,124,180,.11) 48%,transparent 73%)}
.holo-grid-plane{opacity:.55;filter:none}
.holo-ring-outer{border-color:rgba(189,216,247,.18);box-shadow:0 0 30px rgba(149,189,238,.065)}
.holo-ring-outer::after{border-top-color:rgba(252,175,189,.66);border-bottom-color:rgba(168,211,239,.5)}
.holo-ring-mid{border-color:rgba(190,213,246,.19)}
.holo-ring-inner{border-color:rgba(213,233,255,.13);box-shadow:0 0 60px rgba(151,184,226,.09)}
.holo-star{color:#b5d9f5;text-shadow:0 0 15px rgba(177,205,247,.38)}
.star-two{color:#f6b5bf}
.cube-face{border-color:rgba(235,239,252,.38);background:linear-gradient(145deg,rgba(120,161,199,.49),rgba(34,57,87,.91) 52%,rgba(116,90,131,.73));box-shadow:inset 0 0 55px rgba(167,194,240,.115),0 0 25px rgba(160,187,235,.045)}
.face-right{background:linear-gradient(125deg,#2d354d,#845a79 63%,#576585)}
.face-top{background:linear-gradient(135deg,#6484a4,#8c9cc5)}
.face-bottom{background:#263a51}
.cube-s{text-shadow:0 0 27px rgba(225,230,255,.22)}
.cube-s span{color:#f2a6b2;text-shadow:0 0 14px rgba(240,151,171,.27)}
.face-caption{color:#d7e9f8}
.holo-label{border-color:rgba(209,226,248,.25);background:linear-gradient(128deg,rgba(56,78,105,.75),rgba(17,28,47,.87) 72%);box-shadow:0 15px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(250,250,255,.11);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}
.holo-label small{color:#abc6e2}
.holo-label-top{background:linear-gradient(115deg,rgba(50,72,91,.78),rgba(23,41,62,.88));color:#f3f8ff}
.holo-led{background:#a0d8bc;box-shadow:0 0 13px rgba(158,219,188,.3)}
.holo-label-icon{background:rgba(231,154,172,.14);border-color:rgba(240,180,202,.23);color:#f5b3bc}
.holo-check{background:rgba(149,187,224,.14);border-color:rgba(183,211,244,.33);color:#c4e1f8}
.holo-terminal{border-color:rgba(183,212,244,.28);background:linear-gradient(148deg,rgba(32,49,70,.9),rgba(14,25,40,.94));box-shadow:0 23px 54px rgba(0,0,0,.27),0 0 42px rgba(169,202,243,.05);border-radius:17px}
.holo-terminal-body code{color:#e1eafa}
.holo-terminal-body code em{color:#eab5cf}.holo-terminal-body code strong{color:#abd2f1}.holo-terminal-body code b{color:#b7dfd1}
.holo-caption,.holo-caption span{color:#c1d8f0}
/* Vidrio con bordes suaves y animación discreta. */
.feature-card,.service-detail-card,.example-card,.value-card,.process-item,.contact-form-panel,.contact-banner,.note-box{
  background:var(--glass);
  background-color:rgba(21,36,55,.41);
  border:1px solid rgba(205,226,248,.17);
  box-shadow:var(--shadow);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
  border-radius:20px;
}
.feature-card::after,.service-detail-card::after,.example-card::after,.value-card::after{background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(178,200,234,.105),transparent 61%)}
.feature-card:hover,.service-detail-card:hover,.example-card:hover,.value-card:hover{border-color:rgba(208,233,252,.38);box-shadow:0 28px 58px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.11)}
.feature-card:nth-child(2)::before{background:linear-gradient(100deg,#e6a4b8,#a4c2e8)}
.feature-card:nth-child(3)::before{background:linear-gradient(100deg,#bfc2e7,#9dcfea)}
.feature-card h3,.service-detail-card h2,.example-info h2,.value-card h3{color:#f5f8fd}
.feature-card p,.service-detail-card p,.example-info p,.value-card p{color:#b3c3d8}
.feature-icon,.service-circle,.value-symbol{border:1px solid rgba(215,226,250,.16);background:linear-gradient(140deg,rgba(143,180,217,.16),rgba(191,141,189,.075))}
.blue-icon{color:#bdd8f5}.red-icon{color:#f2b6c5}.purple-icon{color:#d1c6f4}
.service-circle.blue-icon{background:rgba(145,187,234,.11);color:#bad9fa}
.service-circle.red-icon{background:rgba(235,164,183,.11);color:#f5bac3}
.service-circle.violet-icon{background:rgba(186,165,229,.11);color:#d5c8f0}
.feature-bottom,.service-link,.example-info>a{border-color:rgba(223,233,252,.13);color:#e9eff9}
.feature-bottom>span,.service-link svg,.example-info>a svg{color:#edacba}
.build-strip{background:linear-gradient(120deg,rgba(21,36,54,.78),rgba(38,56,76,.64));border-color:rgba(200,227,246,.1)}
.build-items>span{color:#bccde2}
.showcase-grid{opacity:.58}
.code-window{background:linear-gradient(155deg,rgba(33,49,70,.85),rgba(12,22,37,.96));border-color:rgba(195,221,248,.28);box-shadow:0 30px 75px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.095)}
.showcase-stamp{background:linear-gradient(135deg,rgba(203,150,178,.89),rgba(133,161,211,.85))}
.process-item{background-color:rgba(24,37,55,.30)}
.process-num{color:#b5c9e7}
/* Internas */
.page-hero{background:radial-gradient(ellipse 650px 480px at 86% 17%,rgba(130,171,218,.17),transparent 72%),radial-gradient(ellipse 450px 350px at 40% 100%,rgba(191,123,159,.09),transparent 76%),linear-gradient(130deg,#0d1421,#172334 75%,#0c1523);border-color:rgba(190,221,248,.12)}
.page-hero::after{opacity:.62;mask-image:linear-gradient(90deg,transparent,black)}
.page-hero-glow{background:#db99b8;opacity:.2}
.page-hero h1{color:#f9fbfe}
.page-hero p{color:#bdcee0}
.inner-hero-ring{border-color:rgba(193,225,248,.31)}
.inner-hero-ring-1{border-top-color:#f5b5c2}
.inner-hero-ring-2{border-right-color:#aad4ef}
.inner-hero-gem{background:linear-gradient(140deg,#6b87a9,#273a56 63%,#7c5779);border-color:rgba(222,234,255,.45);box-shadow:17px 19px 0 -2px #263649,20px 20px 0 0 rgba(206,221,245,.14),28px 42px 55px rgba(0,0,0,.29),inset 0 1px 25px rgba(178,208,242,.14)}
.inner-hero-gem i{color:#f7b3bd;text-shadow:none}
.inner-hero-satellite{color:#c1def4;background:rgba(39,57,80,.75);border-color:rgba(203,223,251,.27)}
.service-tags span,.filter-btn{background:linear-gradient(130deg,rgba(163,188,218,.09),rgba(179,143,191,.07));border-color:rgba(213,231,250,.18);color:#c6d4e7;border-radius:10px}
.filter-btn{min-height:42px}
.filter-btn.active{background:linear-gradient(110deg,#d99dad,#a6c1e7);color:#1d283c;border-color:rgba(244,246,255,.45)}
.example-visual.sky{background:radial-gradient(ellipse at 68% 5%,#587da0,#223e58 75%)}
.example-visual.coral{background:radial-gradient(ellipse at 68% 5%,#9d7188,#3c314c 78%)}
.example-visual.indigo{background:radial-gradient(ellipse at 68% 5%,#6d729f,#34385e 80%)}
.benefit-icon{background:rgba(154,187,229,.105);color:#b5d0f2}
.about-symbol{background:linear-gradient(155deg,#55718f,#233851 53%,#73536d);border-color:rgba(219,237,255,.35);box-shadow:20px 22px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22)}
.about-symbol i,.manifesto-sign span,.quote-big{color:#f3afbc}
.about-stamp{background:linear-gradient(130deg,rgba(57,76,100,.88),rgba(38,51,72,.92));border-color:rgba(226,238,255,.21);color:#e7effb}
.about-stamp-two{color:#f4b6c4}
.value-card:nth-child(n) .value-symbol{background:linear-gradient(145deg,rgba(170,197,231,.13),rgba(188,144,180,.09));color:#d4e5fa}
blockquote span{color:#b9cfea}
.contact-banner{background-color:rgba(24,37,56,.37)}
.contact-banner h2 span{color:#b5cfe9}
.form-field input,.form-field select,.form-field textarea{background:rgba(6,14,25,.53);border-color:rgba(216,228,247,.17);border-radius:12px;color:#f4f7fd;min-height:45px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#9bafc7}
.form-field select:invalid{color:#adc1d6}
.form-field option{background:#172337;color:#f1f6ff}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#a9ccef;box-shadow:0 0 0 3px rgba(150,199,236,.13)}
.form-field .invalid{border-color:#f0a6b4!important}
.contact-method strong{color:#f7f9ff}
.contact-method em,.contact-method small,.contact-availability{color:#b3c4d8}
.contact-method>.icon{color:#e9acba}
/* CTA: reemplaza bloque fucsia muy sólido por tarjeta translúcida premium. */
.cta-panel{
  background:radial-gradient(ellipse 500px 400px at 86% 10%,rgba(142,190,225,.32),transparent 77%),
    radial-gradient(ellipse 610px 510px at 3% 120%,rgba(205,128,161,.27),transparent 75%),
    linear-gradient(110deg,rgba(47,61,87,.91),rgba(52,64,94,.84) 55%,rgba(38,72,94,.88));
  border:1px solid rgba(220,236,252,.29);
  box-shadow:0 28px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22);
  border-radius:28px;
}
.cta-content h2,.cta-content h2 em{color:#fff}
.cta-orb{background:#a8bcdc;opacity:.42}
.orb-ring{border-color:rgba(222,234,252,.25);box-shadow:0 0 19px rgba(177,206,238,.075)}
/* Pie discreto, menos contrastes agresivos. */
.footer{background:linear-gradient(115deg,#0a121f,#0d1826 67%,#131c2b);border-color:rgba(204,222,247,.1)}
.footer-col a,.footer-brand p{color:#a9bcd3}
.footer-col a:hover{color:#f6f8fb}
.footer-bottom{color:#9cacc1}
.heart{color:#e9a4b3}
.wa-round{box-shadow:0 0 0 5px rgba(60,184,126,.085),0 10px 26px rgba(0,0,0,.23)}
.protection-toast{white-space:normal;text-align:center;background:rgba(29,43,61,.96);border-color:rgba(206,227,247,.29);color:#eef3fb}
/* Adaptación real: pantallas grandes, laptops, tablets, móviles y móviles estrechos. */
@media (min-width:1600px){
  .container{width:min(calc(100% - 112px),1300px)}
  .hero-layout{min-height:680px}
  .hero h1{font-size:clamp(70px,4.9vw,87px)}
  .hero-visual{max-width:650px}
  .hero-desc{font-size:18px}
}
@media (max-width:1200px){
  .desktop-nav{gap:clamp(13px,2.25vw,27px)}
  .nav-shell{gap:15px}
  .hero h1{font-size:clamp(49px,5.25vw,69px)}
}
@media (max-width:960px){
  .container{width:min(calc(100% - 48px),730px)}
  .hero{padding-block:70px 38px}
  .hero-layout{grid-template-columns:minmax(0,1fr);min-height:0;gap:10px}
  .hero-copy{padding:0}
  .hero h1{max-width:790px;font-size:clamp(51px,8.5vw,76px)}
  .hero-visual{width:100%;max-width:570px;height:510px;margin:0 auto}
  .hero-desc{max-width:680px}
  .page-hero{padding-top:86px;padding-bottom:85px}
  .mobile-nav{border-bottom:1px solid rgba(216,231,252,.2)}
  .service-benefits{gap:36px}
  .contact-grid{gap:38px}
}
@media (max-width:680px){
  .container{width:calc(100% - 36px)}
  .section{padding-block:63px}
  .section-top{gap:17px}
  .section-heading{font-size:clamp(31px,8.5vw,48px);line-height:1.13}
  .site-header{height:67px}
  .mobile-nav{top:67px}
  .topline-inner{font-size:9px;letter-spacing:.045em}
  .topline-domain{font-size:10px}
  .hero{padding-top:53px;padding-bottom:31px}
  .hero h1{font-size:clamp(41px,10.25vw,60px);letter-spacing:-.06em;line-height:1.1}
  .hero-tag{font-size:9px;padding:8px 10px;margin-bottom:24px;letter-spacing:.05em}
  .hero-desc{font-size:clamp(14px,3.7vw,16px);line-height:1.75;margin-bottom:25px}
  .hero-actions{gap:10px}
  .hero-actions .btn{padding-inline:16px}
  .hero-trust{gap:10px 15px;margin-top:26px}
  .hero-trust span{white-space:normal}
  .hero-visual{max-width:460px;height:435px}
  .holo-label-top{right:3%}
  .holo-label-left{left:1%}
  .holo-label-right{right:1%}
  .page-hero{padding-top:73px;padding-bottom:70px}
  .page-hero h1{font-size:clamp(36px,9vw,57px)}
  .page-hero-inner{gap:16px}
  .about-hero{padding:65px 0 53px}
  .footer-main{gap:25px}
  .float-wa{right:max(13px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
  .filter-buttons{gap:7px}
  .filter-btn{min-height:43px;padding:9px 12px}
  .form-field input,.form-field select,.form-field textarea{font-size:16px}
  .cta-panel{border-radius:23px}
}
@media (max-width:430px){
  .container{width:calc(100% - 32px)}
  .brand-mark{width:41px;height:41px}
  .brand-word{font-size:25px}
  .hero h1{font-size:clamp(38px,10.4vw,47px);letter-spacing:-.055em}
  .hero-visual{height:398px;max-width:100%}
  .holo-label-top{top:0}
  .holo-label-left{left:0;top:28%}
  .holo-label-right{right:0;top:59%}
  .holo-terminal{width:96%;bottom:2px}
  .holo-terminal-body code{font-size:8.3px}
  .holo-label strong{font-size:9px}
  .holo-label small{font-size:7px}
  .cta-actions .btn{white-space:normal;text-align:center}
  .service-detail-card,.feature-card,.value-card,.example-info{padding:22px}
  .example-visual{padding:28px 18px 0}
  .about-hero h1{font-size:clamp(36px,10vw,49px)}
  .contact-method strong{font-size:17px;overflow-wrap:anywhere}
  .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .footer-col{min-width:0}
}
@media (max-width:360px){
  .container{width:calc(100% - 28px)}
  .hero h1{font-size:38px}
  .hero-tag{gap:6px;letter-spacing:0}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%;white-space:normal}
  .hero-visual{height:368px}
  .holo-label-left{transform:scale(.9);transform-origin:left center}
  .holo-label-right{transform:scale(.9);transform-origin:right center}
  .holo-terminal-body code{font-size:7.5px}
  .hero-trust span{font-size:10px}
  .page-hero h1{font-size:36px}
  .btn{white-space:normal;text-align:center}
}
@media (hover:none),(pointer:coarse){
  .btn,.feature-card,.service-detail-card,.example-card,.value-card{will-change:auto}
  .code-window{transform:none}
  .feature-card:hover,.service-detail-card:hover,.example-card:hover,.value-card:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .holo-stage,.holo-cube,.holo-ring,.inner-hero-ring{animation:none!important;transition:none!important}
  .feature-card,.service-detail-card,.value-card,.example-card{will-change:auto}
}
@media print{
  body{background:#fff!important;color:#111827!important}
  .site-header{position:static}
}
/* El brillo decorativo no debe empujar el contenido del título interno. */
.page-hero > .page-hero-glow { position:absolute!important;z-index:-1!important;pointer-events:none }
@media(max-width:360px){
  .topline-inner{justify-content:center}
  .topline-inner>span:first-child{display:none}
  .topline-domain{font-size:11px;letter-spacing:.13em}
}