/* HeyRev — hoja de estilos. Se escribe en unidades "u" (calc(1*var(--u)) = 1px del diseño) y build.py las convierte a calc(). */
@font-face{font-family:"Founders Grotesk Cond";font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/FoundersGroteskCond-Light.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk Cond";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/FoundersGroteskCond-Regular.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk Cond";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/FoundersGroteskCond-Medium.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk Cond";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/FoundersGroteskCond-Semibold.woff2) format("woff2")}
@font-face{font-family:"Founders Grotesk Cond";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/FoundersGroteskCond-Bold.woff2) format("woff2")}
@font-face{font-family:"League Gothic";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/LeagueGothic-Regular.woff2) format("woff2")}

:root{
  --red:#ca3832; --red-t:#ca3932; --brown:#4a2513; --brown2:#641c19; --brown3:#5c211c;
  --cream:#f5f5eb; --mint:#d9e9e6; --teal:#9ec7be; --amber:#ecab3f; --pine:#397374;
  --fg:"Founders Grotesk Cond","Arial Narrow",Arial,sans-serif; --lg:"League Gothic","Arial Narrow",Impact,sans-serif;
  --u:calc(min(100vw - 15px,960px)/960);
}
@media (max-width:767.98px){:root{--u:calc(min(100vw,560px)/393)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}
body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--fg);font-weight:500;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
.bd{display:inline}.bm{display:none}
br.bd{display:inline}br.bm{display:none}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:calc(960*var(--u));margin:0 auto;position:relative}
.c{text-align:center}
.lbl{font-family:var(--lg);font-weight:400;font-size:calc(20*var(--u));letter-spacing:.1em;color:var(--brown);line-height:1}
.h2{font-weight:700;color:var(--red-t);font-size:calc(45*var(--u));line-height:1.11;letter-spacing:.05em;text-transform:uppercase}
.btn-red{display:inline-block;background:var(--red);color:var(--cream);font-family:var(--lg);letter-spacing:.05em;text-transform:uppercase}
.btn-out{display:inline-block;border:calc(3*var(--u)) solid var(--brown);background:var(--cream);color:var(--red);font-weight:600;font-size:calc(26*var(--u));letter-spacing:.01em;text-transform:uppercase;box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown);padding:calc(7*var(--u)) calc(14*var(--u)) calc(4*var(--u)) calc(14*var(--u))}

/* ---------- Encabezado ---------- */
.hdr{background:var(--cream);height:calc(85*var(--u));position:relative;z-index:20}
.hdr .logo{position:absolute;left:calc(64.5*var(--u));top:calc(20*var(--u));width:calc(116*var(--u))}
.hdr .logo img{width:100%}
.nav{position:absolute;right:calc(65*var(--u));top:calc(27*var(--u));display:flex;align-items:center;gap:calc(34*var(--u));height:calc(31*var(--u))}
.nav a{font-family:var(--lg);font-size:calc(20*var(--u));letter-spacing:.05em;color:var(--brown2);text-transform:uppercase;line-height:calc(31*var(--u))}
.nav a.cta{background:var(--red);color:var(--cream);padding:0 calc(10*var(--u));height:calc(31*var(--u));line-height:calc(32*var(--u))}
.burger{display:none}
.drawer{display:none}

/* ---------- Hero ---------- */
.hero{background:var(--teal);line-height:0}
.hero img{width:100%;height:auto}

/* ---------- 01 Qué somos ---------- */
.qs{background:var(--mint);height:calc(744*var(--u));position:relative}
.qs .lbl{position:absolute;left:calc(90*var(--u));top:calc(55*var(--u))}
.qs h2{position:absolute;left:calc(90*var(--u));top:calc(98*var(--u));width:calc(420*var(--u));font-size:calc(45*var(--u));line-height:calc(50*var(--u))}
.qs .p{position:absolute;left:calc(90*var(--u));top:calc(323*var(--u));width:calc(420*var(--u));font-size:calc(20*var(--u));line-height:calc(22*var(--u));font-weight:500;letter-spacing:.021em}
.qs .chart{position:absolute;left:calc(570*var(--u));top:calc(104.5*var(--u));width:calc(300.4*var(--u))}
.qs .big{position:absolute;left:0;right:0;top:calc(444*var(--u));text-align:center;font-weight:700;font-size:calc(120*var(--u));line-height:calc(120*var(--u));color:var(--red-t);text-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);letter-spacing:.025em;white-space:nowrap}
.qs .cap{position:absolute;left:0;right:0;top:calc(607*var(--u));text-align:center;font-weight:700;font-size:calc(22*var(--u));line-height:calc(22*var(--u));letter-spacing:.03em}

/* ---------- 02 Tarjetas ---------- */
.un{background:var(--cream);height:calc(734*var(--u));position:relative}
.un .lbl{position:absolute;left:calc(90*var(--u));top:calc(48*var(--u))}
.un h2{position:absolute;left:calc(90*var(--u));top:calc(80*var(--u));font-size:calc(47*var(--u));letter-spacing:.03em;white-space:nowrap}
.cards{position:absolute;left:calc(70*var(--u));top:calc(167*var(--u));width:calc(820*var(--u));display:flex;gap:calc(20*var(--u))}
.card{width:calc(260*var(--u));height:calc(397*var(--u));perspective:calc(1400*var(--u));cursor:pointer;-webkit-tap-highlight-color:transparent;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:center}
.card span{display:block}
.card .in{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.1,.2,1)}
.card:hover .in,.card.flip .in{transform:rotateY(180deg)}
.card .f,.card .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center}
.card .f{background:var(--mint)}
.card .b{background:var(--red);transform:rotateY(180deg);color:#f6f5eb}
.num{font-weight:700;font-size:calc(94*var(--u));line-height:calc(94*var(--u));color:var(--red-t);text-shadow:calc(4*var(--u)) calc(4*var(--u)) 0 var(--brown3)}
.card .f .num{margin-top:calc(7*var(--u))}
.card .eq{display:flex;flex-direction:column;align-items:center}
.card .f .t{font-weight:700;font-size:calc(22*var(--u));line-height:calc(22*var(--u));letter-spacing:.034em;margin-top:calc(22*var(--u));padding:0 calc(10*var(--u))}
.card .f .s{font-weight:400;font-size:calc(18*var(--u));line-height:calc(17*var(--u));margin-top:calc(17*var(--u));padding:0 calc(22*var(--u));letter-spacing:-.01em}
.card .f .s.m2{font-weight:500;font-size:calc(20*var(--u));line-height:calc(22*var(--u));margin-top:calc(22*var(--u))}
.eq{display:flex;flex-direction:column;align-items:center;margin-top:calc(30*var(--u))}
.eq .w{font-family:var(--lg);font-size:calc(20*var(--u));letter-spacing:.05em;color:var(--pine);line-height:calc(20*var(--u));text-transform:uppercase}
.eq .w.r{color:var(--red-t)}
.eq i{display:grid;place-items:center;width:calc(23*var(--u));height:calc(23*var(--u));border-radius:50%;background:#fff;color:var(--red-t);font-style:normal;font-weight:700;font-size:calc(21*var(--u));line-height:1;margin:calc(8*var(--u)) auto}
.card .b .num{color:#f6f5eb}
.hand{position:absolute;left:calc(366*var(--u));top:calc(580*var(--u));width:calc(236.5*var(--u));height:calc(245.3*var(--u));overflow:hidden;border-radius:0 0 calc(118*var(--u)) calc(118*var(--u));z-index:3;pointer-events:none}
.hand img{width:calc(236.5*var(--u));height:auto}

/* ---------- 03 No más ---------- */
.nm{background:var(--red);height:calc(502*var(--u));position:relative;color:var(--mint)}
.nm h2{position:absolute;left:0;right:0;top:calc(122*var(--u));text-align:center;font-weight:700;font-size:calc(56*var(--u));line-height:calc(56*var(--u));letter-spacing:.03em;color:#d9eae6}
.nm ul{position:absolute;left:0;right:0;top:calc(231*var(--u))}
.nm li{position:absolute;width:calc(190*var(--u));text-align:center;margin-left:calc(-95*var(--u))}
.nm li img{width:calc(102*var(--u));height:calc(102*var(--u));margin:0 auto}
.nm li p{margin-top:calc(17*var(--u));font-weight:700;font-size:calc(24*var(--u));line-height:calc(25*var(--u));letter-spacing:.03em;color:#d9eae6}
.nm li:nth-child(1){left:calc(160*var(--u))}.nm li:nth-child(2){left:calc(374*var(--u))}.nm li:nth-child(3){left:calc(591*var(--u))}.nm li:nth-child(4){left:calc(790*var(--u))}
.gr{height:calc(562*var(--u));background:linear-gradient(rgba(245,245,235,.55),rgba(245,245,235,.55)),#f5f5eb url(../img/grunge.webp) center/cover;position:relative}
.gr p{position:absolute;left:0;right:0;top:calc(190*var(--u));text-align:center;font-weight:700;font-size:calc(42*var(--u));line-height:calc(42*var(--u));color:var(--red-t);letter-spacing:.03em}

/* ---------- 04 Cómo lo hacemos ---------- */
.how1{background:var(--teal);height:calc(219*var(--u));position:relative}
.how1 .lbl{position:absolute;left:calc(90*var(--u));top:calc(70*var(--u));letter-spacing:.1em}
.how1 h2{position:absolute;left:calc(90*var(--u));top:calc(106*var(--u))}
.how1 .idea{position:absolute;left:calc(521.5*var(--u));top:calc(7*var(--u));width:calc(438.5*var(--u));z-index:2}
.how2{background:var(--cream);height:calc(467*var(--u));position:relative}
.how2 .kick{position:absolute;left:calc(90.5*var(--u));top:calc(89*var(--u));font-family:var(--lg);font-size:calc(20*var(--u));letter-spacing:.1em;color:var(--brown)}
.how2 .rev{position:absolute;left:calc(90*var(--u));top:calc(112*var(--u));font-weight:700;font-size:calc(47*var(--u));line-height:calc(47*var(--u));color:var(--red-t);letter-spacing:.03em}
.how2 .cal{position:absolute;left:calc(82*var(--u));top:calc(186.4*var(--u));width:calc(236.7*var(--u))}
.step{position:absolute;width:calc(232*var(--u));border-top:calc(2*var(--u)) solid var(--brown);padding-top:calc(6*var(--u))}
.step b{display:block;font-weight:700;font-size:calc(35*var(--u));line-height:calc(35*var(--u));color:var(--red-t)}
.step p{margin-top:calc(18*var(--u));font-weight:400;font-size:calc(22*var(--u));line-height:calc(22*var(--u));letter-spacing:.01em}
.how2 .s1{left:calc(390*var(--u));top:calc(118*var(--u))}.how2 .s2{left:calc(648*var(--u));top:calc(118*var(--u))}.how2 .s3{left:calc(390*var(--u));top:calc(274*var(--u))}.how2 .s4{left:calc(648*var(--u));top:calc(274*var(--u))}
.enc{background:var(--mint);height:calc(396*var(--u));position:relative}
.enc .lbl{position:absolute;right:calc(95*var(--u));top:calc(62*var(--u));letter-spacing:.1em;text-align:right}
.enc h2{position:absolute;right:calc(90*var(--u));top:calc(85*var(--u));font-size:calc(45*var(--u));text-align:right}
.enc .tab{position:absolute;left:calc(655.8*var(--u));top:calc(151.4*var(--u));width:calc(235*var(--u))}
.enc .tx{position:absolute;left:calc(125*var(--u));top:calc(128*var(--u));width:calc(395*var(--u));text-align:center;font-weight:600;font-size:calc(25*var(--u));line-height:calc(27*var(--u));letter-spacing:.033em}
.rep{background:var(--cream);height:calc(396*var(--u));position:relative}
.rep .lbl{position:absolute;left:calc(90.5*var(--u));top:calc(61*var(--u))}
.rep h2{position:absolute;left:calc(90*var(--u));top:calc(83*var(--u));font-size:calc(47*var(--u));letter-spacing:.03em}
.rep .gfx{position:absolute;left:calc(77*var(--u));top:calc(141.5*var(--u));width:calc(238.7*var(--u))}
.rep .tx{position:absolute;left:calc(498*var(--u));top:calc(126*var(--u));width:calc(290*var(--u));text-align:center;font-weight:600;font-size:calc(25*var(--u));line-height:calc(27*var(--u));letter-spacing:.033em}

/* ---------- Además ---------- */
.ad{background:var(--teal);height:calc(444*var(--u));position:relative}
.ad h2{position:absolute;left:0;right:0;top:calc(44*var(--u));text-align:center;font-size:calc(47*var(--u));letter-spacing:.03em}
.ad .col{position:absolute;top:calc(152*var(--u));width:calc(230*var(--u));text-align:center}
.ad .col::before{content:"";position:absolute;left:50%;margin-left:calc(-13*var(--u));top:calc(-24*var(--u));width:calc(26*var(--u));height:calc(2*var(--u));background:var(--brown)}
.ad .col h3{font-family:var(--lg);font-weight:400;font-size:calc(26*var(--u));letter-spacing:.05em;color:#fff;line-height:calc(26*var(--u));text-transform:uppercase}
.ad .col .sub{font-weight:600;font-size:calc(18*var(--u));color:var(--brown2);margin-top:calc(2*var(--u));line-height:calc(18*var(--u))}
.ad .col p{margin-top:calc(15*var(--u));font-weight:500;font-size:calc(20*var(--u));line-height:calc(22*var(--u));letter-spacing:.02em}
.ad .col small{display:block;margin-top:calc(10*var(--u));font-weight:400;font-size:calc(14*var(--u));line-height:calc(14*var(--u))}
.ad .c1{left:calc(63*var(--u))}.ad .c2{left:calc(354*var(--u))}.ad .c3{left:calc(629*var(--u))}
.ad .btn-red{position:absolute;left:calc(675*var(--u));top:calc(362*var(--u));font-size:calc(16*var(--u));padding:calc(7*var(--u)) calc(8*var(--u)) calc(4*var(--u));line-height:calc(16*var(--u))}

/* ---------- Círculo ---------- */
.ci{background:var(--red);height:calc(672*var(--u));position:relative;overflow:hidden}
.ci .rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 49.5% 59%,rgba(110,15,15,.2) 0 4.5deg,rgba(0,0,0,0) 4.5deg 9deg)}
.ci h2{position:absolute;left:0;right:0;top:calc(46*var(--u));text-align:center;color:#fff;font-size:calc(45*var(--u));letter-spacing:.03em}
.ci svg{position:absolute;left:0;top:0;width:calc(960*var(--u));height:calc(672*var(--u))}
.ci .fist{position:absolute;left:calc(343.7*var(--u));top:calc(265.7*var(--u));width:calc(262.5*var(--u))}
.node-t{position:absolute;color:#fffffa}
.node-t h3{font-family:var(--lg);font-weight:400;font-size:calc(29*var(--u));letter-spacing:.05em;line-height:calc(29*var(--u));text-transform:uppercase}
.node-t p{font-weight:500;font-size:calc(17*var(--u));line-height:calc(16*var(--u));color:#d9eae6;letter-spacing:.03em;margin-top:calc(2*var(--u))}
.node-t.r{text-align:right}

/* ---------- 05 Planes ---------- */
.pl{background:var(--cream);height:calc(1193*var(--u));position:relative}
.pl .lbl{position:absolute;left:calc(90*var(--u));top:calc(61*var(--u))}
.pl h2{position:absolute;left:calc(88*var(--u));top:calc(92*var(--u))}
.pcard{position:absolute;top:calc(179.7*var(--u));width:calc(380*var(--u));background:var(--mint);text-align:left}
.pcard .k{font-family:var(--lg);font-size:calc(20*var(--u));letter-spacing:.1em;text-align:center;margin-top:calc(35*var(--u));line-height:calc(20*var(--u))}
.pcard h3{font-weight:700;font-size:calc(35*var(--u));line-height:calc(35*var(--u));color:var(--red-t);text-align:center;margin-top:calc(12*var(--u));letter-spacing:.01em;text-transform:uppercase}
.pcard .ph{margin-top:calc(34*var(--u));height:calc(272*var(--u));overflow:hidden}
.pcard .ph img{width:100%;height:100%;object-fit:cover}
.pcard .tt{font-weight:700;font-size:calc(22*var(--u));line-height:calc(22*var(--u));text-align:left;margin:calc(26*var(--u)) calc(4*var(--u)) 0 calc(29*var(--u));letter-spacing:.02em}
.pcard .pp{font-weight:500;font-size:calc(20*var(--u));line-height:calc(22*var(--u));text-align:left;margin:calc(18*var(--u)) calc(29*var(--u)) 0;letter-spacing:.02em}
.pcard .ul{margin:calc(13*var(--u)) calc(14*var(--u)) 0 calc(27*var(--u))}
.pcard .ul li{font-weight:500;font-size:calc(18*var(--u));line-height:calc(18*var(--u));padding:calc(9*var(--u)) 0 calc(9*var(--u)) calc(20*var(--u));position:relative;border-bottom:calc(1*var(--u)) solid var(--brown);letter-spacing:0}
.pcard .ul li::before{content:"✓";position:absolute;left:0;color:var(--red-t);font-size:calc(16*var(--u));font-family:Arial,sans-serif}
.pcard .btn-red{display:block;margin:calc(14*var(--u)) 0 0 calc(29*var(--u));width:max-content;font-size:calc(16*var(--u));padding:calc(8*var(--u)) calc(8*var(--u)) calc(5*var(--u));line-height:calc(16*var(--u))}
.pl .go{position:absolute;left:0;right:0;text-align:center;top:calc(1072*var(--u))}

/* ---------- Contáctanos + pie ---------- */
.ct{background:var(--red);height:calc(185*var(--u));position:relative}
.ct h2{position:absolute;left:calc(64.6*var(--u));top:calc(62*var(--u));font-size:calc(47*var(--u));color:var(--cream);letter-spacing:.03em;text-transform:uppercase;line-height:calc(47*var(--u))}
.ct a{position:absolute;left:calc(480*var(--u));top:calc(68*var(--u));font-size:calc(40*var(--u));line-height:calc(40*var(--u));font-weight:400;color:#f6f5eb;letter-spacing:.01em}
.ft{background:#4a2512;height:calc(271*var(--u));position:relative;color:var(--cream)}
.ft .logo{position:absolute;left:calc(64.5*var(--u));top:calc(78*var(--u));width:calc(152*var(--u))}
.ft .logo img{width:100%}
.ft .menu{position:absolute;left:calc(300.6*var(--u));top:calc(82*var(--u))}
.ft .menu b{display:block;font-weight:700;font-size:calc(19*var(--u));color:var(--teal);letter-spacing:.09em;line-height:calc(19*var(--u));margin-bottom:calc(24*var(--u))}
.ft .menu a{display:block;font-size:calc(19*var(--u));line-height:calc(22*var(--u));font-weight:500;letter-spacing:.05em}
.ft .addr{position:absolute;left:calc(682.4*var(--u));top:calc(128*var(--u));font-style:normal;font-weight:400;font-size:calc(19*var(--u));line-height:calc(22*var(--u));letter-spacing:.04em}
.ft .addr a{display:block;margin-top:calc(19*var(--u))}
.cp{background:var(--cream);height:calc(65*var(--u));position:relative}
.cp p,.cp a{position:absolute;top:calc(25*var(--u));font-weight:500;font-size:calc(19*var(--u));line-height:calc(19*var(--u));color:var(--brown2);letter-spacing:.03em}
.cp p{left:calc(63.2*var(--u))}.cp a{left:calc(682.8*var(--u))}

.enc .tx::before,.rep .tx::before{content:"";display:block;width:calc(26*var(--u));height:calc(2*var(--u));background:var(--brown);margin:0 auto calc(24*var(--u))}

.ft .aviso{display:none}

/* caja centrada: el diseño mide calc(960*var(--u)) (PC) / calc(393*var(--u)) (celular) y se centra en pantallas más anchas */
.in{position:relative;width:calc(960*var(--u));height:100%;margin:0 auto}
.ci .rays{z-index:0}.ci .in{z-index:1}
.hdr .in{height:calc(85*var(--u))}

/* menú: página activa */
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:calc(3*var(--u));text-underline-offset:calc(7*var(--u))}
.nav a.cta[aria-current="page"]{background:#9c2a25;text-decoration:none}
.drawer a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--brown3);text-decoration-thickness:calc(5*var(--u));text-underline-offset:calc(9*var(--u))}
/* botón flotante Cotiza */
.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:25;background:var(--cream);color:var(--red);font-family:var(--fg);font-weight:700;font-size:20px;line-height:1;letter-spacing:.04em;padding:12px 18px 9px;border:3px solid var(--brown3);box-shadow:5px 5px 0 var(--brown3);transition:transform .15s}
.fab:hover{transform:translate(-2px,-2px)}
.fab:focus-visible{outline:3px solid var(--brown3);outline-offset:3px}
.pcard .tt,.pcard .pp{max-width:none}

.card .b .num.no{font-family:var(--lg);font-weight:400;font-size:calc(108*var(--u));line-height:1;margin-top:calc(20*var(--u));color:#fdf3e0;text-shadow:calc(5*var(--u)) calc(5*var(--u)) 0 var(--brown3);letter-spacing:.01em}
.card .b .tx{font-weight:700;font-size:calc(25*var(--u));line-height:calc(25*var(--u));margin-top:calc(18*var(--u));padding:0 calc(14*var(--u));letter-spacing:.02em;color:#fdf3e0}
.hdr .in{width:100%}
.ft .menu{display:grid;grid-template-columns:auto auto;column-gap:calc(60*var(--u));align-items:start}
.ft .menu b{grid-column:1/-1}
.ft .menu span{display:block}
.ft .addr a{margin-top:0}
.ft .logo{top:calc(78*var(--u))}
/* ventanas emergentes (selector de contacto y aviso de privacidad) */
dialog.dlg{position:fixed;border:3px solid var(--brown3);background:var(--cream);color:var(--brown);padding:30px 28px 26px;width:min(92vw,500px);box-shadow:8px 8px 0 var(--brown3);font-family:var(--fg);max-height:88vh;overflow:auto}
dialog.dlg::backdrop{background:rgba(74,37,18,.62)}
.dlg h2{margin:0 0 4px;font-weight:700;font-size:38px;line-height:1;color:var(--red-t);text-transform:uppercase;letter-spacing:.03em}
.dlg .sub{margin:0;font-weight:500;font-size:20px;line-height:1.15}
.dlg .opts{display:grid;gap:14px;margin-top:20px}
.dlg .opt{display:block;padding:14px 18px 11px;border:3px solid var(--brown3);background:var(--red);color:var(--cream);font-weight:700;font-size:28px;line-height:1;text-transform:uppercase;letter-spacing:.03em;box-shadow:5px 5px 0 var(--brown3);transition:transform .15s}
.dlg .opt:hover{transform:translate(-2px,-2px)}
.dlg .opt small{display:block;font-weight:500;font-size:16px;text-transform:none;letter-spacing:.01em;margin-top:7px;line-height:1.2}
.dlg .opt.alt{background:var(--cream);color:var(--red)}
.dlg .opt:focus-visible,.dlg .x:focus-visible{outline:3px solid var(--brown3);outline-offset:3px}
.dlg .x{position:absolute;top:6px;right:12px;background:none;border:0;font:700 36px/1 var(--fg);cursor:pointer;color:var(--brown3);padding:4px 8px}
button.opt{width:100%;text-align:left;font-family:inherit;cursor:pointer}
dialog.cform{width:min(92vw,460px)}
.cform form{display:grid;gap:12px;margin-top:16px}
.cform label{display:grid;gap:4px;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.03em}
.cform input,.cform textarea{font:500 18px/1.2 var(--fg);color:var(--brown);background:#fff;border:3px solid var(--brown3);padding:9px 11px;border-radius:0;width:100%;box-sizing:border-box;text-transform:none;letter-spacing:0}
.cform textarea{min-height:110px;resize:vertical}
.cform input:focus-visible,.cform textarea:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.cform .bad{border-color:var(--red);background:#fff4f2}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .cerr{margin:0;min-height:20px;font-weight:700;font-size:16px;color:var(--red)}
.cform .go{font:700 26px/1 var(--fg);text-transform:uppercase;letter-spacing:.03em;padding:12px 18px 10px;border:3px solid var(--brown3);background:var(--red);color:var(--cream);box-shadow:5px 5px 0 var(--brown3);cursor:pointer}
.cform .go:disabled{opacity:.6;cursor:wait}
.cform .gracias{margin:20px 0 4px;font-weight:600;font-size:22px;line-height:1.2}
/* Contáctanos: look plano según diseño (fondo blanco, opciones de color sin borde ni sombra) */
dialog.dlg.contacto,dialog.dlg.cform{background:#fff;box-shadow:none;border-color:var(--brown)}
.contacto .opt{border:0;box-shadow:none;background:var(--red);color:var(--cream)}
.contacto .opt:hover{transform:none;filter:brightness(.94)}
.contacto .opt.alt{background:var(--pine);color:var(--cream)}
.contacto .opt.alt:last-child{background:var(--mint);color:var(--brown)}
.cform .go{border:0;box-shadow:none}
dialog.aviso{width:min(94vw,700px)}
.aviso h3{font-weight:700;font-size:22px;line-height:1.1;margin:18px 0 4px;text-transform:uppercase;letter-spacing:.03em}
.aviso p{margin:0 0 8px;font-weight:500;font-size:18px;line-height:1.3}
.aviso .fecha{font-size:15px;opacity:.75}

.sr{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:calc(2.5*var(--u));text-underline-offset:calc(4*var(--u));text-decoration-skip-ink:none}
.qs .cap .sr{text-underline-offset:calc(5*var(--u))}

/* selector de idioma */
.lang{position:relative;margin-left:calc(4*var(--u))}
.lang-btn{display:grid;place-items:center;width:calc(40*var(--u));height:calc(40*var(--u));padding:0;background:none;border:0;cursor:pointer;color:var(--brown2);border-radius:50%;transition:color .15s,transform .2s}
.lang-btn svg{width:calc(28*var(--u));height:calc(28*var(--u))}
.lang-btn:hover{color:var(--red);transform:rotate(-12deg)}
.lang-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.lang-btn[aria-expanded="true"]{color:var(--red)}
.lang-menu{position:absolute;right:-6px;top:100%;margin:10px 0 0;padding:6px;list-style:none;min-width:160px;background:var(--cream);border:3px solid var(--brown3);box-shadow:5px 5px 0 var(--brown3);z-index:40}
.lang-menu[hidden]{display:none}
.lang-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 14px 7px;font:700 19px/1 var(--fg);letter-spacing:.03em;color:var(--brown2);cursor:pointer}
.lang-menu button:hover,.lang-menu button:focus-visible{background:var(--mint);outline:none}
.lang-menu button.on{background:var(--brown3);color:var(--cream)}
.lang-d{display:none}
.drawer .lang-d{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:320px;margin-top:6px}
.lang-d button{background:none;border:2px solid var(--cream);color:var(--cream);font:700 20px/1 var(--fg);letter-spacing:.03em;padding:10px 14px 7px;cursor:pointer}
.lang-d button.on{background:var(--cream);color:var(--red)}
/* otros idiomas: los saltos de línea del diseño en español no aplican */
html:not([lang="es"]) br.bd,html:not([lang="es"]) br.bm{display:none}
html:lang(zh){--fg:"Founders Grotesk Cond","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;--lg:"League Gothic","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif}

.node-t{max-width:calc(240*var(--u))}
html:not([lang="es"]) .qs .cap{left:calc(140*var(--u));right:calc(140*var(--u))}

html:not([lang="es"]) .gr p{padding:0 calc(110*var(--u))}
html:lang(zh) :is(.qs .p,.card .f .s,.card .b .tx,.step p,.fc .tx,.pcard .pp,.pcard .ul li,.ad .col p,.enc .tx,.rep .tx,.ev2 .b,.ev2 .a,.pt p,.dk .m,.nm li p,.node-t p,.row .l,.row .a,.row .b,.cb .s,.cz .sub){line-height:1.5}
html:lang(zh) .row .l .sub{line-height:1.45}

html:not([lang="es"]) .un h2{font-size:calc(36*var(--u));line-height:calc(40*var(--u));white-space:normal;width:calc(780*var(--u))}

/* ---------- Páginas interiores (PC) ---------- */
.hdr[aria-hidden]{display:none}
.cb{background:var(--red);position:relative;text-align:center}
.cb .t{font-weight:700;font-size:calc(95*var(--u));line-height:calc(95*var(--u));color:var(--cream);text-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);letter-spacing:.02em;position:absolute;left:0;right:0}
.cb .s{white-space:nowrap;font-weight:600;font-size:calc(26*var(--u));line-height:calc(27*var(--u));color:var(--cream);position:absolute;left:0;right:0;letter-spacing:.01em}
.cb .go{position:absolute;left:0;right:0}
.btn-ink{display:inline-block;background:var(--cream);color:var(--red);font-weight:600;font-size:calc(26*var(--u));letter-spacing:.01em;text-transform:uppercase;box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);border:calc(3*var(--u)) solid var(--brown3);padding:calc(6*var(--u)) calc(20*var(--u)) calc(3*var(--u))}

/* Planes */
.pt{background:none;height:calc(203*var(--u));position:relative}
.pt h1{position:absolute;left:0;right:0;top:calc(57*var(--u));text-align:center;font-weight:700;font-size:calc(45*var(--u));line-height:calc(50*var(--u));color:var(--red-t);letter-spacing:.03em;text-transform:uppercase}
.pt p{position:absolute;left:0;right:0;top:calc(120*var(--u));text-align:center;font-weight:700;font-size:calc(22*var(--u));line-height:calc(24*var(--u));letter-spacing:.03em}
.pt p em{font-style:normal;color:var(--red-t)}
.tbl{background:none;position:relative;height:calc(1131*var(--u));margin-top:0}
.tbl .pic{position:absolute;top:0;width:calc(240*var(--u));height:calc(172*var(--u));overflow:hidden}
.tbl .pic img{width:100%;height:100%;object-fit:cover}
.tbl .ca{position:absolute;left:calc(360*var(--u));top:0;width:calc(240*var(--u));height:calc(1131*var(--u));background:var(--mint)}
.tbl .cb2{position:absolute;left:calc(624*var(--u));top:0;width:calc(240*var(--u));height:calc(1131*var(--u));background:var(--mint)}
.tbl .hd{position:absolute;top:calc(172*var(--u));width:calc(240*var(--u));font-family:var(--lg);font-size:calc(18*var(--u));letter-spacing:.1em;color:var(--brown2);padding-left:calc(19*var(--u));padding-top:calc(14*var(--u));line-height:calc(18*var(--u))}
.tbl .hd h2{font-weight:700;font-size:calc(35*var(--u));line-height:calc(31*var(--u));color:var(--red-t);margin-top:calc(10*var(--u));letter-spacing:.01em;font-family:var(--fg);text-transform:uppercase}
.tbl .hd h2 small{font-family:var(--lg);font-weight:400;font-size:calc(20*var(--u));color:var(--brown);letter-spacing:.02em;text-transform:none;margin-left:calc(6*var(--u))}
.rows{position:absolute;left:calc(90*var(--u));top:calc(297*var(--u));width:calc(780*var(--u))}
.row{display:grid;grid-template-columns:calc(270*var(--u)) calc(240*var(--u)) calc(24*var(--u)) calc(240*var(--u)) calc(6*var(--u));border-top:calc(1*var(--u)) solid var(--brown);position:relative}
.row .l{font-weight:600;font-size:calc(18*var(--u));line-height:calc(18*var(--u));padding:calc(10*var(--u)) calc(20*var(--u)) 0 0;letter-spacing:.005em}
.row .l .sub{display:block;font-weight:400;margin-top:0}
.row .a,.row .b{background:var(--mint);padding:0;font-weight:400;font-size:calc(18*var(--u));line-height:calc(18*var(--u));position:relative}
.row .a.ok::after,.row .b.ok::after{content:"✓";position:absolute;left:calc(44*var(--u));top:calc(14*var(--u));font-family:Arial,sans-serif;font-size:calc(20*var(--u));color:var(--brown2)}
.row .a.tx,.row .b.tx{padding:calc(11*var(--u)) calc(12*var(--u)) 0 calc(14*var(--u))}
.row .a.tx{color:var(--brown2)} .row .b.tx{color:var(--brown2)}
.row .r{color:#c93831}
.row .hrs{position:absolute;left:calc(44*var(--u));top:calc(14*var(--u));font-weight:700;font-size:calc(40*var(--u));line-height:calc(40*var(--u));color:var(--brown2)}
.row .hrs.r{color:var(--red-t)}
.row .hrs small{font-family:var(--lg);font-weight:400;font-size:calc(18*var(--u));letter-spacing:.05em;margin-left:calc(8*var(--u))}

.ga{background:var(--brown3);margin:0 calc(90*var(--u));position:relative}
.dk{position:relative;width:calc(780*var(--u));margin:0 auto;height:calc(345*var(--u));background:#4a2512;color:#f6f5eb}
.dk .k{position:absolute;left:calc(80*var(--u));top:calc(50*var(--u));font-family:var(--lg);font-size:calc(18*var(--u));letter-spacing:.1em;color:#f5f4e9}
.dk h2{position:absolute;left:calc(80*var(--u));top:calc(78*var(--u));font-weight:700;font-size:calc(40*var(--u));line-height:calc(40*var(--u));letter-spacing:.02em;text-transform:uppercase}
.dk .m{position:absolute;left:calc(80*var(--u));top:calc(177*var(--u));font-weight:500;font-size:calc(20*var(--u));color:#bfbaa4}
.dk .p1,.dk .p2{position:absolute;top:calc(218*var(--u))}
.dk .p1{left:calc(80*var(--u))}.dk .p2{left:calc(400*var(--u))}
.dk b{display:block;font-weight:700;font-size:calc(32*var(--u));line-height:calc(32*var(--u));color:#f5f4e9}
.dk span{display:block;font-weight:400;font-size:calc(20*var(--u));margin-top:calc(10*var(--u))}
.dk img{position:absolute;right:calc(48*var(--u));top:calc(48*var(--u));width:calc(150*var(--u))}
.pg-ct{height:calc(402*var(--u))}
.pg-ct .t{top:calc(113*var(--u))}.pg-ct .s{top:calc(233*var(--u))}.pg-ct .go{top:calc(353*var(--u))}
.gap{height:calc(56*var(--u));background:none}

/* Nosotros */
.fh{background:none;height:calc(131*var(--u));position:relative}
.fh h1{position:absolute;left:0;right:0;top:calc(44*var(--u));text-align:center;font-weight:700;font-size:calc(45*var(--u));line-height:calc(50*var(--u));color:var(--red-t);letter-spacing:.05em}
.fg{background:none;height:calc(696*var(--u));position:relative}
.fc{position:absolute;top:0;width:calc(240*var(--u));height:calc(603*var(--u));background:var(--mint)}
.fc .nm2{height:calc(106*var(--u));background:var(--red);color:#f6f5eb;font-weight:700;font-size:calc(32*var(--u));line-height:calc(30*var(--u));padding:calc(24*var(--u)) calc(19*var(--u)) 0;letter-spacing:.01em}
.fc .rl{font-family:var(--lg);font-size:calc(18*var(--u));letter-spacing:.1em;color:var(--red-t);margin:calc(18*var(--u)) calc(19*var(--u)) 0;line-height:calc(18*var(--u));text-transform:uppercase}
.fc .tx{margin:calc(15*var(--u)) calc(19*var(--u)) 0;font-weight:400;font-size:calc(18*var(--u));line-height:calc(19*var(--u));letter-spacing:.005em}
.fc .ex{font-family:var(--lg);font-size:calc(18*var(--u));letter-spacing:.1em;color:#5d221d;margin:calc(14*var(--u)) calc(19*var(--u)) 0;padding-top:calc(12*var(--u));border-top:calc(1*var(--u)) solid var(--brown);line-height:calc(18*var(--u));text-transform:uppercase}
.fc .tx.sm{margin-top:calc(15*var(--u))}
.fc1{left:calc(90*var(--u))}.fc2{left:calc(360*var(--u))}.fc3{left:calc(630*var(--u))}
.nos-ct{height:calc(381*var(--u))}.nos-ct .t{top:calc(82*var(--u))}.nos-ct .s{top:calc(202*var(--u))}.nos-ct .go{top:calc(332*var(--u))}

/* Cotiza */
.cz{background:var(--red);height:calc(1009*var(--u));position:relative;color:var(--cream)}
.cz h1{position:absolute;left:0;right:0;top:calc(86*var(--u));text-align:center;font-weight:700;font-size:calc(95*var(--u));line-height:calc(95*var(--u));text-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);letter-spacing:.02em}
.cz .sub{position:absolute;left:0;right:0;top:calc(205*var(--u));text-align:center;font-weight:600;font-size:calc(26*var(--u));line-height:calc(27*var(--u))}
.cz .req{position:absolute;left:0;right:0;top:calc(251*var(--u));text-align:center;font-weight:600;font-size:calc(18*var(--u));line-height:calc(18*var(--u))}
.cz form{position:absolute;left:0;right:0;top:0;height:100%}
.cz label,.cz .gl{position:absolute;left:0;right:0;text-align:center;font-weight:600;font-size:calc(26*var(--u));line-height:calc(27*var(--u))}
.cz .reg{font-weight:400!important}
.cz .f{position:absolute;background:#fff;border:0;height:calc(36*var(--u));border-radius:0;color:var(--brown);font-family:var(--fg);font-weight:500;font-size:calc(20*var(--u));padding:0 calc(12*var(--u));outline-offset:3px}
.cz select.f{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%234a2513'/%3E%3C/svg%3E") no-repeat right calc(12*var(--u)) center}
.cz .f.tan{background:rgba(245,245,235,.75)}
.cz .f.tan::placeholder{color:rgba(74,37,19,.45)}
.cz .f:focus-visible{outline:3px solid var(--cream)}
.cz .msg{position:absolute;left:0;right:0;top:calc(833*var(--u));text-align:center;font-weight:400;font-size:calc(26*var(--u));line-height:calc(27*var(--u))}
.cz .err{position:absolute;left:0;right:0;top:calc(810*var(--u));text-align:center;font-weight:600;font-size:calc(18*var(--u));color:#fff;min-height:calc(20*var(--u))}
.cz .send{position:absolute;left:calc(418.3*var(--u));top:calc(908*var(--u));font-size:calc(26*var(--u));font-weight:600;color:var(--red);background:var(--cream);border:calc(3*var(--u)) solid var(--brown3);box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);padding:calc(6*var(--u)) calc(20*var(--u)) calc(3*var(--u));cursor:pointer;font-family:var(--fg);letter-spacing:.01em}
.cz .send:disabled{opacity:.6;cursor:wait}

/* Enviado */
.ev{background:var(--red);height:calc(229*var(--u));position:relative}
.ev h1{position:absolute;left:0;right:0;top:calc(80*var(--u));text-align:center;font-weight:700;font-size:calc(95*var(--u));line-height:calc(95*var(--u));color:var(--cream);text-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--brown3);letter-spacing:.02em}
.ev2{background:var(--mint);height:calc(396*var(--u));position:relative;text-align:center}
.ev2 .a{position:absolute;left:0;right:0;top:calc(62*var(--u));font-weight:500;font-size:calc(26*var(--u));line-height:calc(23*var(--u));letter-spacing:.01em}
.ev2 .a b{display:block;font-weight:700}
.ev2 .rg{position:absolute;left:0;right:0;top:calc(134*var(--u));font-weight:700;font-size:calc(60*var(--u));line-height:calc(60*var(--u));color:var(--red-t);letter-spacing:.01em}
.ev2 .mn{position:absolute;left:0;right:0;top:calc(214*var(--u));font-weight:700;font-size:calc(26*var(--u))}
.ev2 .b{position:absolute;left:0;right:0;top:calc(284*var(--u));font-weight:400;font-size:calc(22*var(--u));line-height:calc(22*var(--u))}
.ev-ct{height:calc(184*var(--u))}
.mh{display:none}
.dk img{width:calc(190*var(--u));right:calc(38*var(--u));top:calc(38*var(--u))}
.cz .lt{top:calc(312*var(--u))}.cz .ft1{left:calc(324*var(--u));top:calc(347*var(--u));width:calc(312*var(--u))}
.cz .lh{top:calc(420*var(--u))}.cz .la{left:calc(324*var(--u));right:auto;width:calc(96*var(--u));top:calc(468*var(--u))}.cz .lb{left:calc(492*var(--u));right:auto;width:calc(96*var(--u));top:calc(468*var(--u))}
.cz .sa{left:calc(324*var(--u));top:calc(503*var(--u));width:calc(96*var(--u))}.cz .sb{left:calc(492*var(--u));top:calc(503*var(--u));width:calc(96*var(--u))}
.cz .lo{top:calc(576*var(--u))}.cz .lo1{top:calc(623*var(--u))}.cz .io1{left:calc(324*var(--u));top:calc(661*var(--u));width:calc(312*var(--u))}
.cz .lo2{top:calc(731*var(--u))}.cz .io2{left:calc(324*var(--u));top:calc(768*var(--u));width:calc(312*var(--u))}
.cz .la,.cz .lb{font-size:calc(26*var(--u));white-space:nowrap;text-align:left;padding-left:calc(2*var(--u))}
.ci .mob{display:none}

/* textura de semitono (puntos exactos del diseño; se espeja a los lados para pantallas anchas) */
.tx-main{position:relative}
.tex{position:absolute;left:0;right:0;top:0;height:calc(658*var(--u));background:url(../img/tex-pc.svg) repeat-x center top/calc(1920*var(--u)) calc(658*var(--u));pointer-events:none;z-index:0}
.tx-main > section{z-index:1}
/* Cotiza: lista con flecha separada, como en el diseño */
.cz .f.sel{appearance:none;-webkit-appearance:none;border-radius:0;width:calc(144*var(--u));padding:0 calc(52*var(--u)) 0 calc(12*var(--u));
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13'%3E%3Cpath d='M0 0h16L8 13z' fill='%234a2513'/%3E%3C/svg%3E") no-repeat right calc(10*var(--u)) center/16px 13px,linear-gradient(#fff,#fff) left center/calc(96*var(--u)) 100% no-repeat,linear-gradient(#fff,#fff) right center/calc(36*var(--u)) 100% no-repeat;
  background-color:transparent;color:var(--brown)}
.cz .sa{left:calc(324*var(--u));width:calc(144*var(--u))}.cz .sb{left:calc(492*var(--u));width:calc(144*var(--u))}
.cz .la,.cz .lb{left:calc(324*var(--u))!important;width:calc(144*var(--u))!important;text-align:center;padding-left:0}.cz .lb{left:calc(492*var(--u))!important}
.cz .lt{word-spacing:.22em}
.cz .req{font-weight:400}

.cz .lo1,.cz .lo2{opacity:.85}

.mh button{border:0;font:inherit;cursor:pointer}

.row .no{display:block;padding:calc(10*var(--u)) 0 0 calc(14*var(--u));color:var(--brown)}
.tbl{height:calc(1200*var(--u))}
.tbl .qz{position:absolute;top:calc(1148*var(--u));width:calc(240*var(--u));font-size:calc(24*var(--u));line-height:calc(24*var(--u));padding:calc(11*var(--u)) 0 calc(7*var(--u));text-align:center;letter-spacing:.06em}
.tbl .q1{left:calc(360*var(--u))}.tbl .q2{left:calc(624*var(--u))}

.row .demo{display:block;margin-top:calc(6*var(--u));font-weight:600;font-size:calc(15*var(--u));line-height:calc(15*var(--u));color:var(--red-t);text-decoration:underline;text-underline-offset:calc(3*var(--u));letter-spacing:.01em}
.row .demo:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.dk h2{width:calc(440*var(--u))}

html:not([lang="es"]) .row{height:auto!important;min-height:var(--hd)}
html:not([lang="es"]) .fc{height:calc(628*var(--u))}
html:not([lang="es"]) .fg{height:calc(724*var(--u))}

/* ================= CELULAR (<768px, diseño base calc(393*var(--u))) ================= */
@media (max-width:767.98px){
.hdr .in{width:calc(393*var(--u))}
.tex{top:calc(-76*var(--u));height:calc(339*var(--u));background:url(../img/tex-m.svg) repeat-x center top/calc(786*var(--u)) calc(339*var(--u))}
.tex-old{height:calc(263*var(--u));background:url(../img/tex-m.svg) repeat-x center top/calc(786*var(--u)) calc(263*var(--u))}
.in{width:calc(393*var(--u))}
.hdr .in{height:calc(76*var(--u))}
body.home .hdr .in{height:0}
.bd,br.bd{display:none}
.bm{display:inline}br.bm{display:inline}
.wrap{width:calc(393*var(--u))}
.hdr{height:calc(76*var(--u))}
.hdr .logo{left:auto;right:calc(21*var(--u));top:calc(14*var(--u));width:calc(100*var(--u))}
.nav{display:none}
.burger{display:block;position:absolute;left:calc(14*var(--u));top:calc(10*var(--u));width:calc(44*var(--u));height:calc(44*var(--u));background:none;border:0;padding:0;cursor:pointer;z-index:40}
.burger span{position:absolute;left:calc(8*var(--u));width:calc(26*var(--u));height:calc(3.4*var(--u));border-radius:calc(2*var(--u));background:var(--brown2);transition:transform .25s,opacity .2s,top .25s}
.burger span:nth-child(1){top:calc(12*var(--u))}.burger span:nth-child(2){top:calc(20*var(--u))}.burger span:nth-child(3){top:calc(28*var(--u))}
body.home .hdr{height:0;background:none}
body.home .hdr .logo{display:none}
body.home .burger span{background:var(--cream)}
body.menu-open .burger span{background:var(--cream)}
body.menu-open .burger span:nth-child(1){top:calc(20*var(--u));transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){top:calc(20*var(--u));transform:rotate(-45deg)}
.drawer{position:fixed;inset:0;background:var(--red);z-index:30;flex-direction:column;align-items:center;justify-content:center;gap:calc(26*var(--u))}
.drawer:not([hidden]){display:flex}
.drawer a{font-weight:700;font-size:calc(44*var(--u));line-height:calc(46*var(--u));color:var(--cream);text-transform:uppercase;letter-spacing:.03em}

/* Home */
.qs{height:calc(668*var(--u))}
.qs .lbl{left:0;right:0;text-align:center;top:calc(41*var(--u));font-size:calc(12*var(--u))}
.qs h2{left:0;right:0;width:auto;top:calc(66*var(--u));text-align:center;font-size:calc(31*var(--u));line-height:calc(31*var(--u));letter-spacing:.04em}
.qs .p{left:calc(20*var(--u));top:calc(224*var(--u));width:calc(216*var(--u));font-size:calc(18*var(--u));line-height:calc(20*var(--u))}
.qs .chart{left:calc(239*var(--u));top:calc(230*var(--u));width:calc(133*var(--u))}
.qs .big{top:calc(428*var(--u));font-size:calc(80*var(--u));line-height:calc(80*var(--u));text-shadow:calc(4*var(--u)) calc(4*var(--u)) 0 var(--brown3)}
.qs .cap{top:calc(522*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));padding:0 calc(40*var(--u))}
.un{height:calc(1507*var(--u))}
.un .lbl{left:0;right:0;text-align:center;top:calc(84*var(--u));font-size:calc(12*var(--u))}
.un h2{left:0;right:0;top:calc(122*var(--u));text-align:center;font-size:calc(31*var(--u));line-height:calc(31*var(--u));white-space:normal;letter-spacing:.03em}
.cards{left:calc(72*var(--u));top:calc(230*var(--u));width:calc(250*var(--u));flex-direction:column;gap:calc(36*var(--u))}
.card{width:calc(250*var(--u));height:calc(372*var(--u))}
.card:nth-child(2){height:calc(350*var(--u))}
.card:nth-child(3){height:calc(385*var(--u))}
.num{font-size:calc(86*var(--u));line-height:calc(86*var(--u))}
.card .f .num{margin-top:calc(6*var(--u))}
.card .f .t{font-size:calc(20*var(--u));line-height:calc(20*var(--u));margin-top:calc(38*var(--u))}
.card .f .s{font-size:calc(18*var(--u));line-height:calc(20*var(--u));margin-top:calc(18*var(--u));padding:0 calc(18*var(--u));font-weight:500;letter-spacing:0}
.card .f .s.m2{font-size:calc(18*var(--u));line-height:calc(20*var(--u))}
.eq .w{font-size:calc(18*var(--u))}
.eq i{width:calc(20*var(--u));height:calc(20*var(--u));font-size:calc(19*var(--u));margin:calc(6*var(--u)) 0}
.card .b .como{font-size:calc(31*var(--u));margin-top:0}
.card .b .tx{font-size:calc(20*var(--u));line-height:calc(20*var(--u));margin-top:calc(24*var(--u))}
.hand{left:calc(91.6*var(--u));top:calc(1384.8*var(--u));width:calc(210.6*var(--u));height:calc(218.4*var(--u))}
.hand img{width:calc(210.6*var(--u))}
.nm{height:calc(672*var(--u))}
.nm h2{top:calc(129*var(--u));font-size:calc(48*var(--u));line-height:calc(48*var(--u))}
.nm ul{top:calc(216*var(--u))}
.nm li{width:calc(136*var(--u));margin-left:calc(-68*var(--u))}
.nm li img{width:calc(78*var(--u));height:calc(78*var(--u))}
.nm li p{margin-top:calc(14*var(--u));font-size:calc(21*var(--u));line-height:calc(22*var(--u))}
.nm li:nth-child(1){left:calc(118*var(--u));top:0}.nm li:nth-child(2){left:calc(279*var(--u));top:0}
.nm li:nth-child(3){left:calc(118*var(--u));top:calc(225*var(--u))}.nm li:nth-child(4){left:calc(279*var(--u));top:calc(225*var(--u))}
.gr{height:calc(272*var(--u))}
.gr p{top:calc(54*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u));padding:0 calc(30*var(--u))}
.how1{height:calc(258*var(--u))}
.how1 .lbl{left:0;right:0;text-align:center;top:calc(90*var(--u));font-size:calc(12*var(--u));letter-spacing:.1em}
.how1 h2{left:0;right:0;top:calc(128*var(--u));text-align:center;font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.how1 .idea{left:calc(101.6*var(--u));top:calc(183*var(--u));width:calc(177.7*var(--u))}
.how2{height:calc(642*var(--u))}
.how2 .kick{left:0;right:0;text-align:center;top:calc(76*var(--u));font-size:calc(12*var(--u))}
.how2 .rev{left:0;right:0;text-align:center;top:calc(98*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.how2 .cal{left:calc(126.5*var(--u));top:calc(156.6*var(--u));width:calc(122.2*var(--u))}
.step{width:calc(150*var(--u));border-top:calc(1.5*var(--u)) solid var(--brown);padding-top:calc(6*var(--u))}
.step b{font-size:calc(35*var(--u));line-height:calc(35*var(--u))}
.step p{margin-top:calc(7*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:400}
.how2 .s1{left:calc(45*var(--u));top:calc(308*var(--u))}.how2 .s2{left:calc(207*var(--u));top:calc(308*var(--u))}.how2 .s3{left:calc(45*var(--u));top:calc(476*var(--u))}.how2 .s4{left:calc(207*var(--u));top:calc(476*var(--u))}
.enc{height:calc(414*var(--u))}
.enc .lbl{left:0;right:0;text-align:center;top:calc(36*var(--u));font-size:calc(12*var(--u))}
.enc h2{left:0;right:0;right:auto;width:100%;text-align:center;top:calc(55*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.enc .tab{left:calc(128.8*var(--u));top:calc(113.9*var(--u));width:calc(127.9*var(--u))}
.enc .tx{left:calc(30*var(--u));width:calc(333*var(--u));top:calc(281*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:700;letter-spacing:.02em}
.enc .tx::before,.rep .tx::before{display:none}
.rep{height:calc(441*var(--u))}
.rep .lbl{left:0;right:0;text-align:center;top:calc(27*var(--u));font-size:calc(12*var(--u))}
.rep h2{left:0;right:0;text-align:center;top:calc(46*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.rep .gfx{left:calc(120.5*var(--u));top:calc(112.9*var(--u));width:calc(119.4*var(--u))}
.rep .tx{left:calc(30*var(--u));width:calc(333*var(--u));top:calc(273*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:700;letter-spacing:.02em}
.ad{height:calc(744*var(--u))}
.ad h2{top:calc(30*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.ad .col{position:absolute;left:0;width:calc(393*var(--u));top:calc(120*var(--u));padding:0 calc(30*var(--u))}
.ad .col h3{font-size:calc(26*var(--u))}
.ad .col::before{top:calc(-18*var(--u))}
.ad .col p{font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:400;margin-top:calc(11*var(--u));letter-spacing:0}
.ad .col small{font-size:calc(13*var(--u));margin-top:calc(10*var(--u))}
.ad .c1{top:calc(120*var(--u))}.ad .c2{top:calc(312*var(--u))}.ad .c3{top:calc(514*var(--u))}
.ad .btn-red{left:50%;transform:translateX(-50%);top:calc(673*var(--u));font-size:calc(16*var(--u));white-space:nowrap}
.ci{height:calc(372*var(--u))}
.ci h2{top:calc(26*var(--u));font-size:calc(25*var(--u));line-height:calc(25*var(--u))}
.ci .in > svg,.ci .in > .fist,.ci .in > .node-t{display:none}
.ci .mob{display:block}
.pl{height:calc(1790*var(--u))}
.pl .lbl{left:0;right:0;text-align:center;top:calc(41*var(--u));font-size:calc(12*var(--u))}
.pl h2{left:0;right:0;text-align:center;top:calc(83*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.pcard{left:calc(60*var(--u))!important;width:calc(274*var(--u));top:calc(184*var(--u))}
.pcard.p1{height:calc(639*var(--u))!important}
.pcard.p2{height:calc(773*var(--u))!important;top:calc(863*var(--u))}
.pcard .pp{padding:0 calc(20*var(--u))}
.pcard .k{font-size:calc(12*var(--u));margin-top:calc(30*var(--u));line-height:calc(12*var(--u))}
.pcard .tt,.pcard .pp{text-align:center;margin-left:calc(20*var(--u));margin-right:calc(20*var(--u))}
.pcard .btn-red{margin:calc(18*var(--u)) auto 0}
.pcard h3{font-size:calc(25*var(--u));line-height:calc(25*var(--u));margin-top:calc(10*var(--u))}
.pcard .ph{margin:calc(25*var(--u)) 0 0 calc(-60*var(--u));width:calc(393*var(--u));height:calc(281*var(--u))}
.pcard .tt{font-size:calc(20*var(--u));line-height:calc(20*var(--u));margin-top:calc(34*var(--u));padding:0 calc(20*var(--u))}
.pcard .pp{font-size:calc(18*var(--u));line-height:calc(20*var(--u));margin-top:calc(16*var(--u));font-weight:500}
.pcard .ul{margin:calc(14*var(--u)) calc(25*var(--u)) 0}
.pcard .ul li{font-size:calc(18*var(--u));line-height:calc(18*var(--u));padding:calc(9*var(--u)) 0 calc(9*var(--u)) 0;text-align:center;border-bottom:calc(1*var(--u)) solid var(--brown)}
.pcard .ul li::before{display:none}
.pcard .btn-red{font-size:calc(15*var(--u));padding:calc(7*var(--u)) calc(8*var(--u)) calc(4*var(--u));margin-top:calc(18*var(--u))}
.pl .go{top:calc(1713*var(--u))}
.btn-out{font-size:calc(26*var(--u));padding:calc(9*var(--u)) calc(16*var(--u)) calc(6*var(--u))}
.ct{height:calc(204*var(--u))}
.ct h2{left:0;right:0;text-align:center;top:calc(66*var(--u));font-size:calc(47*var(--u))}
.ct a{left:0;right:0;text-align:center;top:calc(125*var(--u));font-size:calc(22*var(--u));line-height:calc(22*var(--u))}
.ft{height:calc(468*var(--u))}
.ft .logo{left:50%;margin-left:calc(-85*var(--u));top:calc(50*var(--u));width:calc(170*var(--u))}
.ft .menu{display:block;left:0;right:0;text-align:center;top:calc(138*var(--u))}
.ft .aviso{display:block;position:absolute;left:0;right:0;text-align:center;top:calc(431*var(--u));font-size:calc(17*var(--u));line-height:calc(17*var(--u));font-weight:500;letter-spacing:.03em;color:var(--cream)}
.ft .menu b{font-size:calc(18*var(--u));margin-bottom:calc(12*var(--u))}
.ft .menu a{font-size:calc(18*var(--u));line-height:calc(20*var(--u))}
.ft .addr{left:0;right:0;text-align:center;top:calc(372*var(--u));font-size:calc(18*var(--u));line-height:calc(20*var(--u))}

.cp{height:calc(47*var(--u))}
.cp p,.cp a{font-size:calc(17*var(--u));top:calc(10*var(--u))}
.cp p{left:0;right:0;text-align:center;top:0;position:relative;padding-top:0}
.cp a{display:none}

/* Planes */
.pt{height:calc(236*var(--u))}
.pt h1{top:calc(60*var(--u));font-size:calc(35*var(--u));line-height:calc(35*var(--u));padding:0 calc(90*var(--u))}
.pt p{top:calc(150*var(--u));font-size:calc(18*var(--u));line-height:calc(20*var(--u));padding:0 calc(100*var(--u))}
.tbl{height:calc(1370*var(--u))}
.tbl .pic.a1{left:calc(21*var(--u))!important;top:0;width:calc(351*var(--u));height:calc(243*var(--u))}
.tbl .pic.a2{display:none}
.tbl[data-plan="b"] .pic.a1{display:none}
.tbl[data-plan="b"] .pic.a2{display:block;left:calc(21*var(--u))!important;top:0;width:calc(351*var(--u));height:calc(243*var(--u))}
.tbl .ca,.tbl .cb2{display:none}
.tbl .hd{display:none}
.mh{display:block}
.mh .m1,.mh .m2{position:absolute;top:calc(264*var(--u));height:calc(84*var(--u));font-family:var(--lg);font-size:calc(25*var(--u));line-height:calc(25*var(--u));letter-spacing:.05em;text-align:center;padding-top:calc(14*var(--u));text-transform:uppercase}
.mh .m1{left:calc(29*var(--u));width:calc(163*var(--u))}
.mh .m2{left:calc(228*var(--u));width:calc(147*var(--u))}
.tbl[data-plan="a"] .m1,.tbl[data-plan="b"] .m2{background:#4a2512;color:#f6f5eb}
.tbl[data-plan="a"] .m2,.tbl[data-plan="b"] .m1{background:var(--mint);color:#5d221d}
.mh button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.row{height:var(--hm)!important;display:block!important;position:relative}
.row .l{width:calc(222*var(--u));padding-right:calc(6*var(--u))!important}
.row > div:not(.l):not(.a):not(.b){display:none}
.row .a,.row .b{position:absolute!important;left:calc(228*var(--u));width:calc(147*var(--u));top:0;bottom:0;margin:0!important;grid-column:auto!important}
.tbl[data-plan="a"] .row .a{display:block!important}
.tbl[data-plan="a"] .row .b{display:none!important}
.tbl[data-plan="b"] .row .a{display:none!important}
.tbl[data-plan="b"] .row .b{display:block!important}
.row .a.ok::after{left:calc(66*var(--u))}
.tbl{overflow:hidden}

.rows{left:0;width:calc(393*var(--u));top:calc(365*var(--u))}
.row{grid-template-columns:calc(207*var(--u)) calc(168*var(--u)) calc(18*var(--u))}
.row .a{display:none}
.row .l{padding:calc(10*var(--u)) calc(10*var(--u)) 0 calc(21*var(--u));font-size:calc(18*var(--u))}
.row .b{grid-column:2;margin-left:calc(21*var(--u));margin-right:calc(-21*var(--u))}
.row .a{margin-left:calc(21*var(--u));margin-right:calc(-21*var(--u))}
.row .b.ok::after{left:calc(66*var(--u))}
.row .hrs{left:calc(50*var(--u))}
.dk{width:calc(351*var(--u));height:calc(372*var(--u))}
.gap{height:calc(31*var(--u))!important}
.dk .k{left:calc(30*var(--u));top:calc(31*var(--u));font-size:calc(12*var(--u))}
.dk h2{left:calc(30*var(--u));top:calc(56*var(--u));font-size:calc(31*var(--u));line-height:calc(31*var(--u))}
.dk .m{left:calc(30*var(--u));top:calc(138*var(--u));font-size:calc(18*var(--u))}
.dk .p1{left:calc(30*var(--u));top:calc(192*var(--u))}.dk .p2{left:calc(30*var(--u));top:calc(276*var(--u))}
.dk b{font-size:calc(27*var(--u));line-height:calc(27*var(--u))}.dk span{font-size:calc(18*var(--u))}
.dk img{display:block;width:calc(100*var(--u));right:calc(18*var(--u));top:calc(262*var(--u))}
.ga{margin:0}
.pg-ct{height:calc(349*var(--u))}
.cb .t{font-size:calc(72*var(--u));line-height:calc(72*var(--u))}
.cb .s{font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:700;white-space:normal}
.pg-ct .t{top:calc(66*var(--u))}.pg-ct .s{top:calc(155*var(--u))}.pg-ct .go{top:calc(273*var(--u))}
.btn-ink{font-size:calc(26*var(--u))}

/* Nosotros */
.fh{height:calc(110*var(--u))}
.fh h1{top:calc(40*var(--u));font-size:calc(35*var(--u));line-height:calc(35*var(--u))}
.fg{height:auto;padding-bottom:calc(36*var(--u))}
.fc{position:relative;left:auto!important;width:calc(280*var(--u));height:auto!important;margin:0 auto calc(36*var(--u));padding-bottom:calc(30*var(--u))}
.fc .nm2{height:auto;padding:calc(16*var(--u)) calc(19*var(--u)) calc(16*var(--u));font-size:calc(25*var(--u));line-height:calc(26*var(--u))}
.fc .tx{font-size:calc(18*var(--u));line-height:calc(20*var(--u))}
.nos-ct{height:calc(487*var(--u))}
.nos-ct .t{top:calc(73*var(--u))}.nos-ct .s{top:calc(163*var(--u))}.nos-ct .go{top:calc(255*var(--u))}

/* Cotiza / Enviado */
}
@media (max-width:767.98px){
.cz .la{left:calc(54*var(--u))!important;width:calc(138*var(--u))!important}.cz .lb{left:calc(216*var(--u))!important;width:calc(138*var(--u))!important}
.cz{height:calc(915*var(--u))}
.cz h1{top:calc(90*var(--u));font-size:calc(72*var(--u));line-height:calc(72*var(--u))}
.cz .sub{top:calc(179*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:700;padding:0 calc(90*var(--u))}
.cz .req{top:calc(238*var(--u));font-size:calc(13*var(--u));font-weight:400}
.cz label,.cz .gl{font-size:calc(20*var(--u));line-height:calc(20*var(--u));font-weight:700}
.cz .lt{top:calc(302*var(--u))}.cz .ft1{left:calc(48*var(--u));top:calc(330*var(--u));width:calc(298*var(--u));height:calc(30*var(--u))}
.cz .lh{top:calc(393*var(--u))}.cz .la{left:calc(54*var(--u));top:calc(431*var(--u));width:calc(138*var(--u));font-size:calc(20*var(--u))}.cz .lb{left:calc(216*var(--u));top:calc(431*var(--u));width:calc(138*var(--u));font-size:calc(20*var(--u))}
.cz .sa{left:calc(54*var(--u));top:calc(457*var(--u));width:calc(138*var(--u));height:calc(30*var(--u))}.cz .sb{left:calc(216*var(--u));top:calc(457*var(--u));width:calc(138*var(--u));height:calc(30*var(--u))}
.cz .f.sel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13'%3E%3Cpath d='M0 0h16L8 13z' fill='%234a2513'/%3E%3C/svg%3E") no-repeat right calc(7*var(--u)) center/14px 11px,linear-gradient(#fff,#fff) left center/calc(96*var(--u)) 100% no-repeat,linear-gradient(#fff,#fff) right center/calc(30*var(--u)) 100% no-repeat;width:calc(138*var(--u));padding:0 calc(44*var(--u)) 0 calc(10*var(--u))}
.cz .lo{top:calc(531*var(--u))}.cz .lo1{top:calc(574*var(--u))}.cz .io1{left:calc(48*var(--u));top:calc(600*var(--u));width:calc(298*var(--u));height:calc(30*var(--u))}
.cz .lo2{top:calc(672*var(--u))}.cz .io2{left:calc(48*var(--u));top:calc(698*var(--u));width:calc(298*var(--u));height:calc(30*var(--u))}
.cz .f{height:calc(30*var(--u));font-size:calc(18*var(--u))}
.cz .msg{top:calc(769*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));padding:0 calc(60*var(--u));font-weight:400}
.cz .err{top:calc(824*var(--u));font-size:calc(16*var(--u))}
.cz .send{left:50%;margin-left:calc(-64*var(--u));top:calc(849*var(--u));font-size:calc(26*var(--u))}
.ev{height:calc(236*var(--u))}
.ev h1{top:calc(90*var(--u));font-size:calc(72*var(--u));line-height:calc(72*var(--u))}
.ev2{height:calc(345*var(--u))}.ev2 .a{top:calc(43*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));padding:0 calc(20*var(--u));font-weight:400}.ev2 .a b{font-weight:700}.ev2 .rg{top:calc(150*var(--u));font-size:calc(40*var(--u));line-height:calc(40*var(--u))}.ev2 .mn{top:calc(204*var(--u));font-size:calc(20*var(--u))}.ev2 .b{top:calc(265*var(--u));font-size:calc(20*var(--u));line-height:calc(20*var(--u));padding:0 calc(20*var(--u))}
.ev-ct{height:calc(204*var(--u))}

/* Planes y Nosotros: encabezado transparente sobre la textura (como en el diseño) */
body.tx .hdr{background:none}
body.tx .hdr .logo{width:calc(157*var(--u));right:auto;left:calc(198*var(--u));top:calc(33*var(--u))}
body.tx .burger{top:calc(3*var(--u));left:calc(12*var(--u))}
body.tx .burger span{background:var(--pine);width:calc(28*var(--u))}
body.menu-open.tx .burger span{background:var(--cream)}
.fab{font-size:18px;padding:11px 16px 8px}

.card .b .num.no{font-size:calc(96*var(--u));margin-top:calc(16*var(--u))}
.card .b .tx{font-size:calc(21*var(--u));line-height:calc(21*var(--u));margin-top:calc(14*var(--u));padding:0 calc(18*var(--u))}
.tbl .qz{left:50%!important;margin-left:calc(-100*var(--u));width:calc(200*var(--u));top:calc(1322*var(--u));font-size:calc(24*var(--u))}
.tbl .q2{display:none}

html:not([lang="es"]) .qs .cap{left:0;right:0}

.dk h2{width:calc(290*var(--u))}
html:not([lang="es"]) .gr p{padding:0 calc(24*var(--u))}

html:not([lang="es"]) :is(.qs h2,.un h2,.how1 h2,.enc h2,.rep h2,.ad h2,.ci h2,.pl h2,.nm h2,.fh h1,.pt h1,.cz h1,.ev h1,.cb .t){padding-left:calc(14*var(--u));padding-right:calc(14*var(--u))}
html:not([lang="es"]) .qs .big{font-size:calc(62*var(--u));line-height:calc(80*var(--u))}
html:not([lang="es"]) .ci .mob text[data-il]{font-size:14px}

html:not([lang="es"]) .row{height:auto!important;min-height:var(--hm)}
html:not([lang="es"]) .pcard.p2{height:calc(832*var(--u))!important}
html:not([lang="es"]) .pl{height:calc(1847*var(--u))}
html:not([lang="es"]) .pl .go{top:calc(1770*var(--u))}

html:not([lang="es"]) .un h2{width:auto;font-size:calc(27*var(--u));line-height:calc(30*var(--u));left:0;right:0}

html:not([lang="es"]) :is(.cz h1,.ev h1,.cb .t){font-size:calc(54*var(--u));line-height:calc(60*var(--u))}
html:not([lang="es"]) .drawer a{font-size:calc(34*var(--u));line-height:calc(38*var(--u))}
}