/* Progressive enhancement: content and all CTAs remain visible without scripts. */
:root{--ease-out:cubic-bezier(.2,.75,.25,1);--ease-smooth:cubic-bezier(.4,0,.2,1)}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#c65a2d;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.whatsapp-float{position:fixed;right:28px;bottom:26px;z-index:25;display:flex;align-items:center;gap:13px;border-radius:40px;color:white;isolation:isolate;min-width:58px;min-height:58px;filter:drop-shadow(0 6px 13px #183b2526)}
.whatsapp-float-label{display:grid;gap:3px;line-height:1.4;background:var(--white);border:1px solid #d1d8cb;padding:10px 17px;border-radius:8px;color:var(--muted);font-size:.61rem;box-shadow:0 2px 8px #1a35160b}
.whatsapp-float-label strong{font-size:.76rem;font-weight:650;color:var(--green)}
.whatsapp-float-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#187b43;border:1px solid #126334;box-shadow:inset 0 0 0 3px #ffffff15}
.whatsapp-float-icon>.icon{width:31px;height:31px}
.dialog-open .whatsapp-float{visibility:hidden;pointer-events:none}
.button{transition:transform 180ms var(--ease-out),background-color 180ms ease,box-shadow 180ms ease}
.button>span,.circle-link,.whatsapp-float-icon{transition:transform 220ms var(--ease-out),background-color 220ms ease}
.button:active{transform:scale(.98)}
.site-header nav a{position:relative}
.site-header nav a::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}
.site-header nav a:focus-visible::after{transform:scaleX(1)}
.hero h1 em{position:relative;display:inline-block}
.hero h1 em::after{content:"";position:absolute;left:2%;right:0;bottom:-.075em;height:2px;background:#b04c2859;transform:rotate(-2deg);transform-origin:left}
.portrait-panel{border-radius:5px 5px 0 0;box-shadow:0 15px 40px #3833230a}
.portrait-panel::after{content:"";position:absolute;width:240px;height:240px;top:39px;right:33px;border:1px solid #f5f2eb8a;border-radius:50%;z-index:-1;pointer-events:none}
.portrait-caption{border-radius:0 0 5px 5px}
.value-item{position:relative;isolation:isolate}
.value-item::after{content:"";position:absolute;inset:12px 12px -14px 0;background:#ebe7db;border-radius:5px;z-index:-1;opacity:0;transform:translateY(7px);transition:opacity 220ms ease,transform 220ms var(--ease-out)}
.value-item+.value-item::after{left:12px}
.index{display:inline-block;transition:transform 220ms var(--ease-out)}
.offer-card{box-shadow:0 20px 55px #071b1024;border-top:3px solid #c8d5a6}
.lot-current .lot-number{box-shadow:0 0 0 5px #d6dfba0d}
.expand{transition:transform 200ms var(--ease-out)}
details[open]>summary .expand{transform:rotate(180deg)}
.enrollment-dialog[open]{animation:dialog-enter 200ms var(--ease-out)}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover) and (pointer:fine){
  .site-header nav a:hover::after{transform:scaleX(1)}
  .button-primary:hover>span{transform:translate(3px,-3px)}
  .circle-link:hover{transform:rotate(8deg)}
  .value-item:hover::after{opacity:1;transform:translateY(0)}
  .value-item:hover .index{transform:translateX(4px)}
  .whatsapp-float:hover .whatsapp-float-icon{transform:translateY(-3px);background:#126b37}
}
@media(max-width:820px){.whatsapp-float{right:22px;bottom:24px}.whatsapp-float-label{display:none}}
@media(max-width:640px){
  .whatsapp-float{right:18px;bottom:max(13px,env(safe-area-inset-bottom));min-width:54px;min-height:54px}
  .whatsapp-float-icon{width:54px;height:54px}
  .whatsapp-float-icon>.icon{width:29px;height:29px}
  .mobile-bar .button{min-width:0;flex:1;padding-inline:13px;white-space:nowrap}
  .mobile-bar>div{margin-right:0;white-space:nowrap}
  .mobile-bar{padding-right:88px;min-height:80px}
  .value-item::after{display:none}
  .hero h1 em::after{height:1px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none;transition:none;scroll-behavior:auto}
  .reading-progress{display:none}
}
