:root{
  --navy:#2F7A7B;--navy2:#1F5F61;--aqua:#9DD5D2;--aqua2:#E3F3F2;--aqua3:#F3F9F9;
  --ink:#27484A;--txt:#4E6B6C;--txt2:#6F8A8B;--line:#D8ECEA;--white:#fff;--sale:#C9564F;--ok:#2F7D62;
  --r1:12px;--r2:18px;--r3:28px;
  --sh:0 18px 44px -18px rgba(31,95,97,.35);--sh2:0 4px 14px -6px rgba(31,95,97,.3);
  --body:"Nunito Sans","Segoe UI",system-ui,sans-serif;--firma:"Allura","Segoe Script",cursive;
  --cab:64px;--inf:66px;--gut:18px;--ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
.ag input,.ag select,.ag textarea{font:inherit;color:inherit}
.ag figure{margin:0;padding:0}
.ag svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ag .w{max-width:1320px;margin:0 auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px)) max(var(--gut),env(safe-area-inset-right,0px))}
.ag .firma{font-family:var(--firma);font-weight:400;letter-spacing:0;line-height:.9}
.ag .barra{background:var(--navy);color:#fff;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:700;height:34px;display:flex;align-items:center}
.ag .barra .cinta{display:inline-flex;gap:38px;padding-left:38px;animation:cinta 34s linear infinite;will-change:transform}
.ag .barra .cinta span{display:inline-flex;align-items:center;gap:8px}
.ag .barra svg.i{width:16px;height:16px;color:var(--aqua)}
@keyframes cinta{to{transform:translateX(-50%)}}
.ag .ico{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--navy);transition:background .2s,transform .15s}
.ag .ico:hover{background:var(--aqua2)}
.ag .ico:active{transform:scale(.94)}
@keyframes salta{40%{transform:scale(1.45)}}
.ag .hero{position:relative;background:var(--navy2)}
.ag .hero-pistas{display:block;overflow:hidden;position:relative}
.ag .sl{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.ag .sl.on{opacity:1;pointer-events:auto;position:relative;display:block;width:100%}
.ag .hero-pistas{height:min(74svh,640px)}
.ag .sl{height:100%}
.ag .sl img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.ag .sl.on img{animation:acerca 7s ease-out both}
@keyframes acerca{from{transform:scale(1.07)}to{transform:scale(1)}}
.ag .sl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,95,97,.28) 0,transparent 20%,transparent 34%,rgba(23,75,77,.72) 62%,rgba(23,75,77,.94) 100%)}
.ag .sl-tx{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:26px;color:#fff}
.ag .sl-tx .firma{display:block;font-size:68px;color:var(--aqua);margin-bottom:-4px;text-shadow:0 2px 16px rgba(23,75,77,.6)}
.ag .sl-tx h1,.ag .sl-tx h2{color:#fff;font-size:clamp(32px,8.8vw,58px)}
.ag .sl-tx p{margin:9px 0 17px;font-size:16px;font-weight:500;max-width:30em;color:#EDF6F6}
.ag .stp{position:absolute;z-index:3;top:12px;left:var(--gut);right:var(--gut);display:flex;gap:5px}
.ag .stp i{flex:1;height:3px;background:rgba(255,255,255,.4);border-radius:2px;overflow:hidden}
.ag .stp i b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.ag .stp i.hecho b{transform:scaleX(1)}
.ag .stp i.act b{animation:llena 6.5s linear forwards}
@keyframes llena{to{transform:scaleX(1)}}
.ag .tz{position:absolute;z-index:1;top:0;bottom:45%;width:32%}
.ag .tz.a{left:0}
.ag .tz.b{right:0}
.ag .bt{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;font-size:16px;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}
.ag .bt:hover{background:var(--navy2);box-shadow:var(--sh2)}
.ag .bt:active{transform:scale(.975)}
.ag .bt.cl{background:#fff;color:var(--navy)}
.ag .bt.cl:hover{background:var(--aqua2)}
.ag .bt.ag{background:var(--aqua);color:var(--navy2)}
.ag .bt.ag:hover{background:#8BCBC8}
.ag .bt.lin{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.ag .bt.lin:hover{background:var(--aqua2)}
.ag .bt.anc{width:100%}
.ag .bt svg.i{width:19px;height:19px}
.ag .en{font-weight:800;color:var(--navy);display:inline-flex;align-items:center;gap:5px;font-size:15px;min-height:44px}
.ag .en svg.i{width:17px;height:17px;transition:transform .2s}
.ag .en:hover svg.i{transform:translateX(3px)}
.ag .circ{display:flex;gap:14px;overflow-x:auto;padding:20px var(--gut) 8px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:var(--gut)}
.ag .circ::-webkit-scrollbar{display:none}
.ag .circ a{flex:none;width:76px;text-align:center;font-size:13px;font-weight:700;line-height:1.2;color:var(--navy);scroll-snap-align:start}
.ag .circ .an{display:block;width:76px;height:76px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,var(--aqua),var(--navy),var(--aqua));margin-bottom:7px;transition:transform .25s var(--ease)}
.ag .circ a:hover .an{transform:scale(1.05)}
.ag .circ .an img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2.5px solid #fff}
.ag .circ a.of .an{background:conic-gradient(from 210deg,#E7A48F,var(--sale),#E7A48F)}
.ag .vent{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-block:14px 6px}
.ag .vent div{background:var(--aqua3);border-radius:var(--r1);padding:11px 8px;text-align:center;font-size:12.5px;line-height:1.25;font-weight:700;color:var(--navy);display:grid;justify-items:center;gap:5px}
.ag .vent .s760{display:none}
.ag .vent small{display:block;font-weight:500;font-size:11.5px;color:var(--txt)}
.ag .sec{padding-block:38px 8px}
.ag .sec-h{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}
.ag .sec-h h2{font-size:clamp(28px,6vw,44px)}
.ag .sec-h p{color:var(--txt);margin-top:5px;font-size:15px}
@keyframes entra{from{opacity:.001;transform:translateY(12px)}}
.ag .pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:3px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.ag .pr.of b{color:var(--sale)}
.ag .pr b{font-weight:800}
.ag .pr s{font-weight:500;color:var(--txt2);font-size:.88em}
.ag .look{background:var(--aqua2);padding-block:30px;margin-top:40px}
.ag .look-g{display:grid;gap:20px}
.ag .look-f{position:relative;border-radius:var(--r3);overflow:hidden;aspect-ratio:4/5;background:var(--aqua)}
.ag .look-f img{width:100%;height:100%;object-fit:cover}
.ag .pun{position:absolute;width:44px;height:44px;margin:-22px;display:grid;place-items:center}
.ag .pun::before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.4);animation:late 2.2s ease-out infinite}
.ag .pun i{position:relative;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh2);display:grid;place-items:center;color:var(--navy);font:800 11px var(--body)}
@keyframes late{from{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}
.ag .look h2 .firma{display:block;font-size:54px;color:var(--navy);margin-bottom:-6px}
.ag .look h2{font-size:clamp(30px,6.4vw,46px)}
.ag .look-tx>p{color:var(--txt);margin-top:8px}
.ag .ln{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(47,122,123,.14)}
.ag .ln img{width:62px;height:78px;border-radius:10px;object-fit:cover;object-position:center 20%}
.ag .ln h4{font-size:14.5px;font-weight:700;line-height:1.25}
.ag .ln .pr{font-size:14.5px}
.ag .ln-acc{display:flex;align-items:center;gap:6px}
.ag .ch{width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1.5px var(--navy);display:grid;place-items:center;color:#fff;transition:background .15s;flex:none}
.ag .ch svg.i{width:16px;height:16px;opacity:0;stroke-width:2.6}
.ag .ch.on{background:var(--navy)}
.ag .ch.on svg.i{opacity:1}
.ag .out{background:var(--navy);color:#fff;border-radius:var(--r3);padding:28px 22px;position:relative;overflow:hidden}
.ag .out h2{color:#fff;font-size:clamp(30px,6.4vw,46px)}
.ag .out .firma{color:var(--aqua);font-size:50px;display:block;margin-bottom:-4px}
.ag .out p{color:#2F5F61;margin-top:8px}
.ag .pre{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:20px}
.ag .pre a{background:rgba(255,255,255,.1);border-radius:var(--r1);text-align:center;padding:12px 2px 10px;font-size:11.5px;line-height:1.2;font-weight:600;transition:background .2s,transform .15s}
.ag .pre a:hover{background:var(--aqua);color:var(--navy2);transform:translateY(-2px)}
.ag .pre b{display:block;font-size:clamp(19px,5.6vw,30px);font-weight:900;letter-spacing:-.02em}
.ag .medida{display:grid;gap:18px;background:var(--aqua3);border-radius:var(--r3);padding:18px;overflow:hidden}
.ag .medida-f{position:relative;border-radius:var(--r2);overflow:hidden;aspect-ratio:1;background:#eee}
.ag .medida-f img{width:100%;height:100%;object-fit:cover}
.ag .medida h2{font-size:clamp(28px,6vw,42px)}
.ag .medida p{color:var(--txt);margin-top:8px}
.ag .bord{display:flex;align-items:center;justify-content:center;min-height:82px;margin:16px 0;border-radius:var(--r2);background:#4B4F55 radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.4px) 0 0/4px 4px;font-family:Georgia,serif;font-size:36px;letter-spacing:.14em;text-shadow:0 1px 1px rgba(0,0,0,.6);padding-left:.14em}
.ag .cmp{width:100%;height:50px;border-radius:var(--r1);border:1.5px solid var(--line);background:#fff;padding:0 14px;font-size:17px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ag .cmp:focus{outline:0;border-color:var(--navy)}
.ag .hilos{display:flex;gap:9px;margin:12px 0 2px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:700;color:var(--navy)}
.ag .hilo{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);position:relative}
.ag .hilo.on::after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 2px var(--navy)}
.ag .dir{display:grid;gap:18px;align-items:center}
.ag .dir-f{position:relative;border-radius:var(--r3);overflow:hidden;aspect-ratio:4/5}
.ag .dir-f img{width:100%;height:100%;object-fit:cover}
.ag .vivo{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:6px;background:var(--sale);color:#fff;font-size:12.5px;font-weight:800;padding:5px 11px;border-radius:999px}
.ag .vivo i{width:7px;height:7px;border-radius:50%;background:#fff;animation:latido 1.4s infinite}
@keyframes latido{50%{opacity:.25}}
.ag .dir h2{font-size:clamp(28px,6vw,42px)}
.ag .dir .firma{font-size:50px;color:var(--navy);display:block;margin-bottom:-5px}
.ag .dir p{color:var(--txt);margin:8px 0 16px}
.ag .dir-b{display:flex;flex-wrap:wrap;gap:9px}
.ag .ayu{display:grid;gap:10px;margin-block:36px 12px}
.ag .ayu a{display:flex;align-items:center;gap:13px;background:var(--aqua3);border-radius:var(--r2);padding:16px;font-size:14px;color:var(--txt);transition:background .2s}
.ag .ayu a:hover{background:var(--aqua2)}
.ag .ayu b{display:block;color:var(--navy);font-size:16px;font-weight:800}
.ag .ayu .wa{color:#fff;background:#25A266;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}
.ag .ayu .ci{color:var(--navy);background:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}
.ag .redes{display:flex;gap:6px;margin-top:8px}
.ag .redes a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.09)}
.ag .grupo{margin-top:20px}
.ag .grupo-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:800;color:var(--navy);margin-bottom:9px;font-size:15px}
.ag .grupo-h span span{font-weight:500;color:var(--txt)}
.ag .grupo-h button{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;min-height:44px;margin:-14px 0}
.ag .grupo.falta .grupo-h>span:first-child{color:var(--sale)}
.ag .grupo.falta .tallas{animation:agita .4s}
@keyframes agita{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ag .cols{display:flex;gap:10px;flex-wrap:wrap}
.ag .col{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.ag .col i{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(31,85,87,.22)}
.ag .col.on{box-shadow:0 0 0 2px var(--navy)}
.ag .tallas{display:flex;flex-wrap:wrap;gap:8px}
.ag .ta-b{min-width:54px;height:48px;padding:0 13px;border-radius:var(--r1);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:800;color:var(--navy);transition:.15s;background:#fff}
.ag .ta-b:hover{box-shadow:inset 0 0 0 1.5px var(--navy)}
.ag .ta-b.on{background:var(--navy);color:#fff;box-shadow:none}
.ag .ta-b[disabled]{color:var(--txt2);background:linear-gradient(to top right,#fff calc(50% - 1px),var(--line) 50%,#fff calc(50% + 1px));cursor:not-allowed;box-shadow:inset 0 0 0 1.5px var(--line)}
.ag .cj{margin:28px var(--gut) 0;background:var(--aqua2);border-radius:var(--r3);padding:20px 16px}
.ag .cj h2{font-size:26px}
.ag .cj .firma{display:block;font-size:42px;margin-bottom:-4px;color:var(--navy)}
.ag .cj>p{color:var(--txt);font-size:14.5px;margin-top:5px}
.ag .cj-t{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:var(--navy)}
.ag .cj-t b{font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}
.ag .cj .bt{margin-top:11px}
.ag .cj .alien{font-size:13.5px;font-weight:700;color:var(--ok);margin-top:8px;text-align:center}
.ag .fondo{position:fixed;inset:0;z-index:50;background:rgba(23,75,77,.48);animation:fade .2s both}
@keyframes fade{from{opacity:0}}
.ag .hoja{position:fixed;z-index:51;left:0;right:0;bottom:0;max-height:90svh;background:#fff;border-radius:var(--r3) var(--r3) 0 0;display:flex;flex-direction:column;animation:sube .34s var(--ease) both;box-shadow:var(--sh)}
@keyframes sube{from{transform:translateY(100%)}}
@keyframes lado{from{transform:translateX(100%)}}
.ag .h-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 12px var(--gut);border-bottom:1px solid var(--line)}
.ag .h-h h2{font-size:21px;letter-spacing:-.02em}
.ag .h-c{flex:1;overflow-y:auto;padding:14px var(--gut) 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ag .h-p{padding:12px var(--gut) calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff}
.ag .q-p{display:grid;grid-template-columns:84px 1fr;gap:13px;margin-bottom:6px}
.ag .q-p img{width:84px;height:108px;object-fit:cover;object-position:center 20%;border-radius:var(--r1)}
.ag .q-p h3{font-size:18px;letter-spacing:-.01em;color:var(--ink);font-weight:800}
.ag .q-p .pr{font-size:17px}
@keyframes resalta{0%,40%{background:var(--aqua2)}}
.ag .add{height:40px;padding:0 13px;border-radius:999px;background:var(--aqua2);color:var(--navy);font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:background .2s}
.ag .add:hover{background:var(--aqua)}
.ag .add svg.i{width:14px;height:14px}
@media (min-width:760px){:root{--gut:28px}
.ag .look-g,.ag .medida,.ag .dir{grid-template-columns:1fr 1fr;gap:34px}
.ag .medida{padding:26px}
.ag .ayu{grid-template-columns:repeat(3,1fr)}
.ag .vent{grid-template-columns:repeat(4,1fr)}
.ag .vent .s760{display:flex}
.ag .vent div{display:flex;text-align:left;font-size:14px;padding:14px;gap:11px;align-items:center}
.ag .sec{padding-block:56px 8px}}
@media (min-width:1040px){.ag .hero-pistas{height:auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:4px}
.ag .sl,.ag .sl.on{position:relative;opacity:1;pointer-events:auto;height:min(74vh,700px)}
.ag .sl img,.ag .sl.on img{animation:none}
.ag .sl:hover img{transform:scale(1.025)}
.ag .sl img{transition:transform .9s var(--ease)}
.ag .sl-tx{left:26px;right:26px;bottom:30px}
.ag .sl:not(:first-child) .sl-tx h1,.ag .sl:not(:first-child) .sl-tx h2{font-size:31px}
.ag .sl:not(:first-child) .firma{font-size:50px}
.ag .sl-tx h1{font-size:54px}
.ag .stp,.ag .tz{display:none}
.ag .circ{justify-content:center;gap:26px;padding-top:28px}
.ag .circ a,.ag .circ .an{width:92px}
.ag .circ .an{height:92px}
.ag .cj{margin:34px auto 0;max-width:calc(1320px - 2*var(--gut));padding:30px;display:grid;grid-template-columns:1fr 1.3fr;column-gap:40px}
.ag .cj-head{grid-row:span 3}}
@media (prefers-reduced-motion:reduce){.ag .barra .cinta{animation:none}}
@media (max-width:759px){.ag .circ{--n:4;--tam:calc((100vw - var(--gut) - var(--n)*12px)/(var(--n) + .5));gap:12px}
.ag .circ a,.ag .circ .an{width:var(--tam)}
.ag .circ .an{height:var(--tam)}}
@media (min-width:480px) and (max-width:759px){.ag .circ{--n:6}}