:root{--hero-overlay:linear-gradient(90deg,rgba(8,9,11,.95),rgba(8,9,11,.76) 40%,rgba(8,9,11,.1)),linear-gradient(0deg,#0f1115,transparent 40%);--glass:rgba(24,27,33,.8)}
#av-preview .open-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:38px 0}
#av-preview .open-benefits article{padding:0 32px;border-right:1px solid var(--av-line)}
#av-preview .open-benefits article:first-child{padding-left:0}
#av-preview .open-benefits article:last-child{border:0;padding-right:0}
#av-preview .open-benefits span{font-size:10px;letter-spacing:1.5px;color:var(--av-red);font-weight:700}
#av-preview .open-benefits h3{font-size:24px;font-weight:500;margin:18px 0 12px}
#av-preview .open-benefits p{font-size:14px;max-width:300px;margin:0}
#av-preview .benefit-link{display:inline-flex;gap:38px;align-items:center;font-size:13px;font-weight:600;border-bottom:1px solid var(--av-red);padding-bottom:9px}
#av-preview .service-explorer{position:relative;min-height:400px;margin-top:36px}
#av-preview .service-choice{width:34%}
#av-preview .service-choice summary{list-style:none;display:flex;align-items:center;gap:16px;padding:26px 10px 26px 0;border-bottom:1px solid var(--av-line);cursor:pointer;font-size:18px;font-weight:500;line-height:1.4}
#av-preview .service-choice summary::-webkit-details-marker{display:none}
#av-preview .choice-num{font-size:11px;color:var(--av-muted)}
#av-preview .choice-arrow{margin-left:auto;font-size:22px;color:var(--av-muted)}
#av-preview .service-choice small{display:block;color:var(--av-muted);font-size:11px;font-weight:400;margin-top:9px}
#av-preview .service-choice[open] summary{border-bottom-color:var(--av-red)}
#av-preview .service-choice[open] .choice-num,#av-preview .service-choice[open] .choice-arrow{color:var(--av-red)}
#av-preview .service-detail{position:absolute;left:40%;top:0;width:60%;background:none}
#av-preview .service-photo{height:230px;background:var(--service-photo) center/cover;border-radius:6px}
#av-preview .service-copy{padding:24px 0 24px 30px;border-left:1px solid var(--av-line)}
@media(max-width:700px){#av-preview .service-copy{padding:18px 0;border-left:0}}
#av-preview .service-copy h3{font-size:27px;font-weight:500}
#av-preview .service-copy p{font-size:14px}
#av-preview .service-copy ul{font-size:13px;columns:1}
#av-preview .service-copy button{font:600 13px Montserrat,sans-serif;background:none;border:0;border-bottom:1px solid var(--av-red);color:var(--av-text);padding:0 0 10px;cursor:pointer}
@media(max-width:700px){#av-preview .open-benefits{grid-template-columns:1fr;gap:24px}#av-preview .open-benefits article,#av-preview .open-benefits article:first-child,#av-preview .open-benefits article:last-child{padding:0 0 24px;border:0;border-bottom:1px solid var(--av-line)}#av-preview .open-benefits p{max-width:none}#av-preview .service-explorer{min-height:0}#av-preview .service-choice{width:100%}#av-preview .service-detail{position:static;width:100%;padding-top:20px}#av-preview .service-photo{height:190px}#av-preview .service-choice summary{font-size:18px}}
:root[data-theme=light]{--hero-overlay:linear-gradient(90deg,rgba(248,248,247,.95),rgba(248,248,247,.85) 36%,rgba(248,248,247,.13)),linear-gradient(0deg,#f8f8f7,transparent 40%);--glass:rgba(255,255,255,.78)}
.preview-notice{font:500 11px/1.5 Montserrat,sans-serif;letter-spacing:1px;color:#fff;background:#8f1518;padding:10px 5%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.preview-notice span{letter-spacing:0;opacity:.85}
#av-preview{background:radial-gradient(ellipse at 85% 30%,rgba(194,30,30,.07),transparent 40%),var(--av-bg)}
#av-preview .av-top{max-width:none;padding:24px max(30px,calc((100vw - 1200px)/2));background:var(--glass);backdrop-filter:blur(18px);box-shadow:0 10px 35px #00000012;position:relative;z-index:3}
#av-preview .av-brand img{width:260px}#av-preview .av-page{max-width:1320px;padding-top:0}
#av-preview .restored-hero{position:relative;isolation:isolate;min-height:470px;padding:64px 0 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#av-preview .restored-hero::before{content:"";position:absolute;inset:0 calc((min(1320px,100vw) - 100vw)/2 - 44px);z-index:-2;background-image:var(--hero-overlay),var(--hero-image);background-size:cover;background-position:center,right center}
#av-preview [data-page=inicio]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-inicio-hd.webp")}
#av-preview [data-page=servicios]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-servicios-hd.webp")}
#av-preview [data-page=nosotros]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-nosotros-hd.webp")}
:root[data-theme=light] #av-preview [data-page=inicio]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-inicio-light-hd.webp")}
:root[data-theme=light] #av-preview [data-page=servicios]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-servicios-light-hd.webp")}
:root[data-theme=light] #av-preview [data-page=nosotros]{--hero-image:url("https://avantixpartners.com/assets/avantix-bg-nosotros-light-hd.webp")}
#av-preview h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(2.7rem,4.8vw,4.55rem);font-weight:500;line-height:1.1;letter-spacing:0;max-width:840px;text-shadow:0 1px 0 #bcc4d229,0 0 22px #9ca6b81f,0 10px 34px #00000033}
#av-preview h1 em{background:linear-gradient(120deg,#ee4242,#c21e1e 60%,#8f1518);background-clip:text;-webkit-background-clip:text;color:transparent}
#av-preview .av-kicker{font-weight:800;letter-spacing:.16em;font-size:12px}
#av-preview .av-intro{font-size:clamp(.92rem,1.25vw,1.03rem);font-weight:600;line-height:1.58;max-width:530px}
#av-preview .av-action{min-height:44px;border-radius:5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;transition:transform .2s,box-shadow .2s}
#av-preview .av-main{box-shadow:0 0 28px #c21e1e36}
#av-preview .av-action:hover{transform:translateY(-2px)}
#av-preview .av-card{border:1px solid var(--av-line);border-top:1px solid #c21e1e66;box-shadow:0 18px 50px #00000012;background:var(--glass);backdrop-filter:blur(12px);padding:30px 26px;transition:transform .22s,border-color .22s,box-shadow .22s}
#av-preview .av-card:hover{transform:translateY(-5px);border-color:#c21e1e88;box-shadow:0 20px 45px #00000025}
#av-preview .av-cards{gap:22px}#av-preview .av-card h3{font-size:19px;font-weight:600}#av-preview .av-card p{font-size:13px;line-height:1.65}
#av-preview .av-icon{font-size:12px;font-weight:700;letter-spacing:2px}
#av-preview .av-rule{margin:24px 0 30px;background:linear-gradient(90deg,#c21e1e88,var(--av-line),transparent)}
#av-preview [data-page=nosotros] .restored-hero{min-height:350px}
#av-preview [data-page=nosotros] .av-split{padding-top:34px}
#av-preview [data-page=contacto]{padding-top:65px;position:relative}
#av-preview [data-page=contacto]::before{content:"";position:absolute;inset:0 calc((min(1320px,100vw) - 100vw)/2 - 44px);pointer-events:none;opacity:1;background:linear-gradient(90deg,rgba(15,17,21,.3),rgba(15,17,21,.05)),url("/contacto-ambiente-v1.png") center/cover no-repeat}
:root[data-theme=light] #av-preview [data-page=contacto]::before{background:linear-gradient(90deg,rgba(248,248,247,.3),rgba(248,248,247,.05)),url("/contacto-ambiente-claro-v1.png") center/cover no-repeat}
#av-preview [data-page=contacto] .av-form{background:light-dark(rgba(255,255,255,.91),rgba(24,27,33,.91))}
#av-preview #theme-toggle{width:44px;height:44px;min-height:44px;flex:0 0 44px;border-radius:50%;padding:0;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--av-line);box-shadow:none;color:var(--av-muted)}
#av-preview #theme-toggle:hover{color:var(--av-text);background:var(--glass);transform:none}
#av-preview #theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){#av-preview [data-page=contacto]::before{inset:0 -22px}}
#av-preview [data-page=contacto]>*{position:relative}
#av-preview .av-form{background:var(--glass);backdrop-filter:blur(15px);box-shadow:0 20px 70px #00000018}
#av-preview .av-form h1{font-size:40px}
#av-preview .av-page:not([hidden]) .restored-hero>*{animation:av-arrive .6s both}
#av-preview .av-page:not([hidden]) .restored-hero>:nth-child(2){animation-delay:.08s}
#av-preview .av-page:not([hidden]) .restored-hero>:nth-child(3){animation-delay:.16s}
#av-preview .av-page:not([hidden]) .restored-hero>:nth-child(4){animation-delay:.22s}
@keyframes av-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#av-preview *,#av-preview *::before{animation:none!important;transition:none!important}}
@media(max-width:800px){#av-preview .av-top{padding:22px}#av-preview .av-page{padding-top:0}#av-preview .restored-hero{min-height:420px;padding:48px 0 30px}#av-preview .restored-hero::before{inset:0 -22px}#av-preview h1{font-size:clamp(34px,7vw,55px)}#av-preview .av-brand img{width:210px}#av-preview .av-cards{gap:16px}}
