*{box-sizing:border-box;}
  :root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);}
  html{scroll-behavior:smooth;scroll-padding-top:88px;}
  body{margin:0;background:#16120d;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  ::selection{background:rgba(211,175,55,.28);color:inherit;}
  /* press feedback (standalone scale property composes with transform-based hover) */
  a[data-press]:active,button[data-press]:active{scale:.97;}
  @keyframes twk{0%,100%{opacity:.18}50%{opacity:1}}
  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
  @keyframes floatYsm{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes spinr{to{transform:rotate(-360deg)}}
  @keyframes glowpulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}
  @keyframes flk{0%,100%{opacity:.1}50%{opacity:.55}}
  @keyframes heroIn{from{opacity:0}to{opacity:1}}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.18s!important;}
  }
  @media(max-width:1080px){
    #nav-links{display:none!important}
    #tracker{display:none!important}
  }
  @media(max-width:920px){
    #svc-grid{grid-template-columns:repeat(2,1fr)!important}
    #proc-grid{grid-template-columns:repeat(2,1fr)!important}
    #proj-grid{grid-template-columns:repeat(2,1fr)!important}
    #etereo-grid{grid-template-columns:1fr!important;text-align:center!important}
    #etereo-copy{align-items:center!important}
    #about-grid{grid-template-columns:1fr!important}
    #contact-grid{grid-template-columns:1fr!important}
    #footer-grid{grid-template-columns:repeat(2,1fr)!important}
  }
  @media(max-width:600px){
    #svc-grid,#proc-grid,#proj-grid,#footer-grid{grid-template-columns:1fr!important}
    #hero-buttons,#etereo-buttons,#emblema-buttons,#paisaje-buttons{flex-direction:column!important}
  }

  /* ============================================================
     ELEVATED MICRO-INTERACTIONS
     All effects appear only on hover / focus, so the resting
     design is byte-for-byte identical to the original.
     ============================================================ */

  /* Keyboard accessibility — visible gold focus ring */
  a:focus-visible,button:focus-visible{outline:2px solid #D4AF37;outline-offset:3px;border-radius:5px;}
  :focus:not(:focus-visible){outline:none;}

  /* Smooth, GPU-friendly transition for the magnetic/press transforms baked in via JS */
  [data-magnet]{transition:translate .35s var(--ease-out);}

  @media (hover:hover) and (pointer:fine){
    /* Nav center links: gold underline that wipes in from the left */
    #nav-links a{position:relative;transition:opacity .3s var(--ease-out);}
    #nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,#D4AF37,#E6CB6E);transform:scaleX(0);transform-origin:left center;transition:transform .32s var(--ease-out);}
    #nav-links a:hover{opacity:1;}
    #nav-links a:hover::after{transform:scaleX(1);}

    /* Concept selector: faint underline preview on hover */
    [data-hero]:hover{opacity:1!important;}

    /* Cursor spotlight that follows the pointer across cards */
    [data-spotlight]:hover::before{opacity:1;}
  }

  /* Spotlight overlay (kept behind card content) */
  [data-spotlight]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),rgba(230,203,110,.16),transparent 62%);opacity:0;transition:opacity .45s var(--ease-out);pointer-events:none;z-index:0;}
  [data-spotlight]>*{position:relative;z-index:1;}

  /* Theme toggle glyph swap */
  @keyframes glyphIn{from{opacity:0;transform:rotate(-35deg) scale(.55)}to{opacity:1;transform:none}}

  @media (prefers-reduced-motion: reduce){
    [data-magnet]{translate:none!important;}
    #nav-links a::after,[data-spotlight]::before{transition:none;}
  }