/* T-BOX TBOX_HOME - approved design, kept verbatim. */

/* ---- TBOX_HOME_css_01.css ---- */
:root{
  --navy:#111827; --navy2:#1f2937; --red:#b8202a; --blue:#334e68;
  --green:#25D366; --text:#172033; --muted:#7a8492; --line:#e7e2da;
  --soft:#f7f4ef; --white:#fff; --mint:#f4f1ea;
  --shadow:0 20px 60px rgba(17,24,39,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f7f4ef;line-height:1.5}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

header{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e4ded5}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:950;font-size:27px;letter-spacing:-1.5px;color:var(--navy)}
.brand .red{color:var(--red)}
.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8390a3;margin-top:-5px}
.navlinks{display:flex;gap:26px;font-size:14px;font-weight:800;color:#475367}
.nav-actions{display:flex;gap:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:12px;border:1px solid #e3e9f0;font-weight:850;transition:.18s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:#b8202a;border-color:#b8202a;color:#fff}
.btn-dark{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-white{background:#fbfaf7;color:var(--navy)}
.btn-wa{background:var(--green);border-color:var(--green);color:white}

.hero-wrap{padding:28px 0 16px}
.hero{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.06);background:
radial-gradient(circle at 80% 28%,rgba(128,146,170,.16),transparent 27%),
radial-gradient(circle at 68% 76%,rgba(184,32,42,.09),transparent 23%),
linear-gradient(115deg,#111827 0%,#1f2937 58%,#2c3747 100%);color:#fff;box-shadow:var(--shadow)}
.hero-inner{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:54px 58px;position:relative;z-index:2}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:#c0cada}
.hero h1{font-size:clamp(46px,5.7vw,72px);line-height:.98;letter-spacing:-2.6px;margin:15px 0 20px}
.hero h1 span{color:#c92d37}
.hero p{font-size:18px;color:#d9e4ef;max-width:610px;margin:0 0 28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#d8e2ed}
.hero-meta span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#4fd383;margin-right:8px}
.hero-art{min-height:430px;display:flex;align-items:flex-end;justify-content:center;position:relative}
.hero-art img{width:100%;max-width:500px;max-height:490px;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(0,0,0,.34))}
.route-pill{position:absolute;top:20px;right:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:850;color:#dbe4ef}

.quick{margin-top:-24px;position:relative;z-index:10}
.quick-card{display:grid;grid-template-columns:repeat(4,1fr);background:#fbfaf7;border:1px solid #e3e9f0;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.quick-item{padding:22px 24px;display:flex;gap:13px;align-items:center}
.quick-item:not(:last-child){border-right:1px solid var(--line)}
.icon{width:44px;height:44px;border-radius:13px;background:#eceff2;color:#445468;display:grid;place-items:center;flex:0 0 auto}
.icon svg{width:22px;height:22px;stroke:currentColor}
.quick-item b{display:block;font-size:14px}
.quick-item small{color:var(--muted)}

section{padding:72px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 38px}
.section-head h2{font-size:36px;line-height:1.08;letter-spacing:-1.1px;margin:0 0 12px}
.section-head p{margin:0;color:var(--muted);font-size:17px}

.flow-wrap{background:#fff}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.flow-step{text-align:center;position:relative;padding:0 6px}
.flow-step:not(:last-child):after{content:"";position:absolute;top:35px;right:-11px;width:22px;height:2px;background:linear-gradient(90deg,#d6dde7,#ef343b)}
.flow-step:not(:last-child):before{content:"";position:absolute;top:31px;right:-11px;border-left:7px solid var(--red);border-top:5px solid transparent;border-bottom:5px solid transparent}
.flow-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin:auto;background:#f4f7fb;border:1px solid #e4e9ef;color:var(--navy);box-shadow:0 10px 26px rgba(26,46,78,.08)}
.flow-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.8}
.flow-step:nth-child(3) .flow-icon,.flow-step:nth-child(4) .flow-icon,.flow-step:nth-child(5) .flow-icon{background:#f6ecec;color:var(--red);border-color:#ffe0e2}
.flow-step b{display:block;margin-top:12px;font-size:13px}
.flow-step small{color:var(--muted);font-size:11px}

.calc-sec{background:#f1ede6}
.calc-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:stretch}
.rate-card{background:linear-gradient(145deg,#20252d,#353941);color:#fff;border-radius:24px;padding:32px;position:relative;overflow:hidden}
.rate-card .kicker{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#d7d2ca;font-weight:900}
.rate-card h3{font-size:36px;line-height:1.05;margin:14px 0 8px}
.rate-card h3 span{color:#c92d37}
.rate-card .sub{font-size:21px;font-weight:900;margin-bottom:18px}
.tax{display:inline-block;background:white;color:#17243a;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:900}
.rate-list{display:grid;gap:10px;margin-top:24px;color:#e8e4dc;font-size:14px}

.calc{background:#fbfaf7;border:1px solid #e3e9f0;border-radius:24px;padding:28px;box-shadow:0 10px 35px rgba(18,39,70,.06)}
.calc h3{font-size:28px;margin:0 0 8px}
.calc>p{color:var(--muted);margin:0 0 20px}
.calc-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-box,.result-box{background:#f8fafc;border:1px solid #edf0f4;border-radius:18px;padding:22px}
.result-box{background:var(--mint)}
.field{display:grid;gap:6px;margin-bottom:12px}
.field label{font-size:12px;font-weight:850;color:#4c596c}
.field input,.field select{width:100%;padding:11px 12px;border:1px solid #dde3eb;border-radius:10px;background:#fbfaf7;outline:none}
.row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;color:#5f6b7b;font-size:14px}
.row strong{color:#152136}
.total{border-top:1px solid #dce9e3;margin-top:8px;padding-top:13px;font-weight:950;font-size:16px}
.note{font-size:11px;color:#718091;text-align:center;margin-top:12px;font-style:italic}

.shop-sec{background:#8f1f29;color:#fff}
.shop-sec .section-head h2,.shop-sec .section-head p{color:#fff}
.shop-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 24px;align-items:center}
.brand-logo{min-height:90px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:.18s ease}
.brand-logo:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.brand-logo span{color:#fff;font-size:24px;font-weight:950;letter-spacing:-1px;text-align:center;line-height:1.05}
.brand-logo:nth-child(2) span{font-size:28px}
.brand-logo:nth-child(3) span{font-size:30px;letter-spacing:2px}
.brand-logo:nth-child(6) span{font-style:italic}
.brand-logo:nth-child(7) span{font-size:27px}
.brand-logo:nth-child(9) span{font-size:21px}

.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.benefit{border:1px solid #e3e9f0;border-radius:18px;padding:22px;background:#fbfaf7;text-align:center}
.benefit .icon{margin:auto}
.benefit h4{margin:13px 0 7px;font-size:15px}
.benefit p{margin:0;color:var(--muted);font-size:13px}

.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}
.faq-grid h2{font-size:36px;line-height:1.07;margin:0 0 12px}
.faq-grid p{color:var(--muted)}
details{padding:18px 0;border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:850}
summary::-webkit-details-marker{display:none}
details p{font-size:14px;margin:12px 0 0}
.wa-box{margin-top:24px;padding:19px;border-radius:18px;background:#effbf4;border:1px solid #d8f2e3;display:flex;align-items:center;justify-content:space-between;gap:18px}


.contact-sec{background:#f3efe8;padding-top:72px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
.contact-card{background:#fbfaf7;border:1px solid #e3e9f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(18,39,70,.06)}
.flag-block{height:190px;display:flex;align-items:center;justify-content:center;font-size:92px;background:#eef4fb}
.flag-cn{background:#e31b13;color:#ffd51d}
.flag-gt{background:linear-gradient(90deg,#57a5d9 0 33%,#fff 33% 66%,#57a5d9 66% 100%)}
.contact-content{padding:22px 24px 26px;color:#3c485a}
.contact-content h3{margin:0 0 10px;font-size:20px;color:#152136}
.contact-content p{margin:6px 0;font-size:14px;line-height:1.5}
.contact-strip{margin-top:24px;background:#fbfaf7;border:1px solid #e3e9f0;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}
.contact-item{padding:20px 22px;display:flex;gap:13px;align-items:center}
.contact-item:not(:last-child){border-right:1px solid var(--line)}
.contact-item .ci{width:42px;height:42px;border-radius:12px;background:#fff1f2;color:var(--red);display:grid;place-items:center;font-weight:950}
.contact-item b{display:block;font-size:13px}
.contact-item span{color:#4d596b;font-size:14px}
@media(max-width:780px){
  .contact-grid{grid-template-columns:1fr}
  .contact-strip{grid-template-columns:1fr}
  .contact-item{border-right:0!important;border-bottom:1px solid var(--line)}
  .contact-item:last-child{border-bottom:0}
}

.final{padding-top:10px}
.final-card{border-radius:26px;padding:42px 46px;background:linear-gradient(115deg,#1b2430,#303c4a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}
.final-card h2{font-size:35px;margin:0 0 8px}
.final-card p{margin:0;color:#bdc8d6}

footer{margin-top:70px;border-top:1px solid var(--line);padding:34px 0;color:#69768a;font-size:13px}
.footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.float-wa{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 14px 35px rgba(37,211,102,.28)}

@media(max-width:920px){
.navlinks{display:none} .hero-inner{grid-template-columns:1fr;padding:42px 28px}
.hero-art{min-height:320px} .quick-card{grid-template-columns:1fr 1fr}
.quick-item:nth-child(2){border-right:0} .calc-layout{grid-template-columns:1fr}
.calc-body{grid-template-columns:1fr} .flow{grid-template-columns:repeat(3,1fr);row-gap:28px}
.flow-step:nth-child(3):after,.flow-step:nth-child(3):before{display:none}
.shop-wall{grid-template-columns:repeat(3,1fr)} .benefits{grid-template-columns:repeat(2,1fr)}
.faq-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
.container{width:min(100% - 24px,1180px)}
/* Both doors on a phone. The white button was dropped here — the header had
   room for one and the red one was kept — which left a visitor on a phone with
   no way to sign in, and a customer with a session open with no way out: once
   signed in, the white button is "Cerrar sesión".

   Nothing is hidden now; the actions wrap onto a row of their own when they do
   not fit beside the brand, so the header grows only on the widths where it has
   to and no label has to be shortened.

   `flex:0 0 auto` is what makes them wrap rather than squash: a flex line that
   overflows wraps before it shrinks, but an item allowed to shrink to nothing
   never overflows the line in the first place — it just squeezes its buttons
   until their labels spill out of them. `margin-left:auto` right-aligns the
   block on whichever row it lands on, which `justify-content:space-between`
   stops doing once it is the only item on its own. */
.nav{height:auto;min-height:74px;flex-wrap:wrap;gap:12px;row-gap:10px;padding:10px 0}
.nav-actions{flex:0 0 auto;margin-left:auto}
.nav-actions .btn{padding:10px 13px;font-size:13px;white-space:nowrap}
.hero-wrap{padding-top:12px} .hero{border-radius:22px} .hero-inner{padding:36px 22px}
.hero h1{font-size:46px;letter-spacing:-2px} .quick{margin-top:12px}
.quick-card{grid-template-columns:1fr} .quick-item{border-right:0!important;border-bottom:1px solid var(--line)}
.quick-item:last-child{border-bottom:0} section{padding:56px 0} .section-head h2{font-size:31px}
.shop-wall{grid-template-columns:repeat(2,1fr)} .flow{grid-template-columns:1fr 1fr}
.flow-step:nth-child(even):after,.flow-step:nth-child(even):before{display:none}
.benefits{grid-template-columns:1fr} .final-card{display:block;padding:32px 24px}
.final-card .btn{margin-top:20px}
}

.hero:before{
  content:"";position:absolute;left:58px;bottom:36px;width:120px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(255,255,255,0));
  z-index:1
}
.section-head:before{
  content:"";display:block;width:42px;height:2px;background:#b8202a;margin:0 auto 14px;
}
.shop-sec .section-head:before{background:rgba(255,255,255,.68)}


.contact-card .flag-block.flag-gt,
.contact-card .flag-block.flag-cn{
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.contact-real-flag{
  width:100%;
  height:100%;
  min-height:190px;
  display:block;
  object-fit:cover;
}

.shipping-help{
  display:block;
  margin-top:6px;
  color:#7a8492;
  font-size:11px;
  line-height:1.4;
}

/* Ajustes de iconografía solicitados */
.wa-logo{width:25px;height:25px;display:block;color:#25D366}
.wa-icon{color:#25D366!important}
.wa-icon .wa-logo{width:28px;height:28px}
.wa-ci .wa-logo{width:25px;height:25px}
.float-wa .wa-logo{width:30px;height:30px;color:#fff}
.transit-plane svg{width:29px!important;height:29px!important;color:#bd2530}
.transit-plane svg path{stroke:none!important}


/* Avión claro para China → Guatemala directo */
.direct-plane-icon{
  color:#b8202a!important;
}
.direct-plane-icon svg{
  width:31px!important;
  height:31px!important;
  display:block;
  transform:rotate(-12deg);
}


.direct-plane-icon{
  color:#b8202a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.direct-plane-icon svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
  transform:none!important;
}

.ext-grand-total span small{
  display:block;
  margin-top:4px;
  max-width:260px;
  font-size:10px;
  line-height:1.35;
  font-weight:600;
  opacity:.72;
}
.ext-grand-total strong{
  white-space:nowrap;
}

/* ---- TBOX_HOME_css_02.css ---- */
/* TBOX — dropdown personalizado para Tipo de producto */
.tbox-native-product-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.tbox-product-dropdown{
  position:relative;
  width:100%;
  font-family:inherit;
}

.tbox-product-trigger{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 16px;
  border:1px solid #d9dfe7;
  border-radius:15px;
  background:#fff;
  color:#173252;
  font:inherit;
  font-size:12px;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.tbox-product-trigger:hover{
  border-color:#b8c3d1;
}

.tbox-product-dropdown.open .tbox-product-trigger{
  border-color:#c92b32;
  box-shadow:0 0 0 3px rgba(201,43,50,.08);
  background:#fff;
}

.tbox-product-trigger-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tbox-product-chevron{
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-right:2px solid #173252;
  border-bottom:2px solid #173252;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}

.tbox-product-dropdown.open .tbox-product-chevron{
  transform:rotate(225deg) translate(-2px,-2px);
}

.tbox-product-menu{
  position:absolute;
  z-index:9999;
  left:0;
  right:0;
  top:calc(100% + 8px);
  display:none;
  max-height:320px;
  padding:8px;
  overflow-y:auto;
  border:1px solid #dde3eb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 45px rgba(17,42,73,.16);
}

.tbox-product-dropdown.open .tbox-product-menu{
  display:block;
}

.tbox-product-option{
  width:100%;
  display:flex;
  align-items:center;
  min-height:42px;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#273b54;
  font:inherit;
  font-size:11.5px;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease,color .14s ease;
}

.tbox-product-option:hover,
.tbox-product-option.active{
  background:#f2f6fb;
  color:#102f55;
}

.tbox-product-option.selected{
  background:#fff1f1;
  color:#a82027;
  font-weight:800;
}

.tbox-product-menu::-webkit-scrollbar{
  width:8px;
}
.tbox-product-menu::-webkit-scrollbar-track{
  background:transparent;
}
.tbox-product-menu::-webkit-scrollbar-thumb{
  background:#c7cfda;
  border-radius:999px;
  border:2px solid #fff;
}

@media (max-width:700px){
  .tbox-product-trigger{min-height:52px}
  .tbox-product-menu{max-height:280px}
}

/* ---- TBOX_HOME_css_03.css ---- */
/* HOME — Tarifa visual alineada al Dashboard */
.home-tariff-premium{
  position:relative;
  overflow:hidden;
  padding:26px 24px !important;
  border:1px solid #e1e6ed !important;
  border-radius:22px !important;
  background:linear-gradient(160deg,#ffffff 0%,#fbfcff 100%) !important;
  box-shadow:0 16px 36px rgba(14,39,69,.08);
}
.home-tariff-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.home-flight-badge{
  padding:7px 10px;
  border:1px solid #d3e0f1;
  border-radius:999px;
  background:#f2f7fd;
  color:#173e6d;
  font-size:10px;
  font-weight:900;
}
.home-tariff-price{
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin-top:20px;
}
.home-tariff-price strong{
  color:#0f3158;
  font-size:42px;
  line-height:.95;
  letter-spacing:-.04em;
}
.home-tariff-price span{
  margin-bottom:4px;
  color:#6b7787;
  font-size:11px;
  font-weight:900;
}
.home-standard-label{
  margin-top:6px;
  color:#bd252c;
  font-size:11px;
  font-weight:900;
}
.home-tariff-points{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.home-tariff-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 12px;
  border:1px solid #e7ebf0;
  border-radius:12px;
  background:#fff;
}
.home-point-icon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#edf6f1;
  color:#2c7855;
  font-size:11px;
  font-weight:900;
}
.home-tariff-row div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.home-tariff-row b{
  color:#173252;
  font-size:11px;
}
.home-tariff-row small{
  color:#768190;
  font-size:9.5px;
  line-height:1.3;
}
.home-tariff-note{
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid #e7ebf0;
  color:#677486;
  font-size:10.5px;
  font-weight:750;
}

/* ---- TBOX_HOME_css_04.css ---- */
/* HOME — Tarifa con tratamiento visual tipo Dashboard */
.home-tariff-premium{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 88% 22%, rgba(47,99,154,.32), transparent 34%),
    linear-gradient(145deg,#102d50 0%,#0b2441 58%,#081d35 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 20px 44px rgba(9,30,53,.18) !important;
}

.home-tariff-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to right,#000,transparent 82%);
  pointer-events:none;
}

.home-tariff-dino{
  position:absolute;
  z-index:-1;
  right:-72px;
  bottom:-36px;
  width:285px;
  max-width:none;
  opacity:.30;
  filter:saturate(.82) contrast(.96);
  pointer-events:none;
  user-select:none;
}

.home-tariff-premium .kicker{
  color:#d7dce3 !important;
}

.home-tariff-premium .home-flight-badge{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
  backdrop-filter:blur(4px);
}

.home-tariff-premium .home-tariff-price strong,
.home-tariff-premium .home-tariff-price span{
  color:#fff !important;
}

.home-tariff-premium .home-standard-label{
  color:#ff5960 !important;
}

.home-tariff-premium .home-tariff-points{
  position:relative;
  z-index:2;
  max-width:72%;
}

.home-tariff-premium .home-tariff-row{
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.06);
}

.home-tariff-premium .home-tariff-note{
  position:relative;
  z-index:2;
  max-width:72%;
  border-top-color:rgba(255,255,255,.14) !important;
  color:#dce5ef !important;
}

@media (max-width:720px){
  .home-tariff-dino{
    right:-95px;
    width:250px;
    opacity:.20;
  }
  .home-tariff-premium .home-tariff-points,
  .home-tariff-premium .home-tariff-note{
    max-width:100%;
  }
}

/* ---- TBOX_HOME_css_05.css ---- */
/* Ajuste final HOME — dino más arriba y continuidad cromática */
.home-tariff-dino{
  right:-68px !important;
  bottom:18px !important;
  width:285px !important;
  opacity:.30 !important;
}
.home-tariff-premium .home-point-icon{
  background:#edf6f1 !important;
  color:#2c7855 !important;
}
.home-tariff-premium .home-standard-label{
  color:#f05259 !important;
}
@media (max-width:720px){
  .home-tariff-dino{
    right:-88px !important;
    bottom:34px !important;
    width:245px !important;
    opacity:.20 !important;
  }
}

/* ---- TBOX_HOME_css_06_tbox-unified-theme.css ---- */
:root{
  --tbox-navy:#111b2d;--tbox-navy-2:#173252;--tbox-red:#b8202a;--tbox-red-dark:#991f28;
  --tbox-ivory:#f7f3ed;--tbox-soft:#faf8f5;--tbox-white:#fff;--tbox-text:#172033;
  --tbox-muted:#6f7b8c;--tbox-border:#dfe4ea;--tbox-focus:rgba(23,50,82,.12);--tbox-radius:14px;
}
body{color:var(--tbox-text);}
button,input,textarea,select{font-family:inherit;}
input:not([type="radio"]):not([type="checkbox"]),textarea,select{
  border-color:var(--tbox-border)!important;border-radius:var(--tbox-radius)!important;
}
input:not([type="radio"]):not([type="checkbox"]):focus,textarea:focus,select:focus{
  border-color:var(--tbox-navy-2)!important;box-shadow:0 0 0 3px var(--tbox-focus)!important;outline:none!important;
}
.btn.primary,.primary,.cta-primary{background:var(--tbox-red)!important;border-color:var(--tbox-red)!important;}
.btn.primary:hover,.primary:hover,.cta-primary:hover{background:var(--tbox-red-dark)!important;border-color:var(--tbox-red-dark)!important;}
.tbox-unified-select{position:relative;width:100%;min-width:0;}
.tbox-unified-select>select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
.tbox-unified-trigger{
  width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;
  border:1px solid var(--tbox-border);border-radius:14px;background:#fff;color:var(--tbox-navy-2);font:inherit;
  font-size:14px;text-align:left;cursor:pointer;box-shadow:0 4px 12px rgba(17,27,45,.05);transition:.16s ease;
}
.tbox-unified-trigger:hover,.tbox-unified-select.open .tbox-unified-trigger{
  border-color:#aebdcd;box-shadow:0 0 0 3px var(--tbox-focus),0 6px 18px rgba(17,27,45,.07);
}
.tbox-unified-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tbox-unified-chevron{width:18px;height:18px;flex:0 0 auto;transition:transform .16s ease;}
.tbox-unified-select.open .tbox-unified-chevron{transform:rotate(180deg);}
.tbox-unified-menu{
  display:none;position:absolute;z-index:1000;top:calc(100% + 7px);left:0;right:0;max-height:280px;overflow:auto;
  padding:7px;border:1px solid var(--tbox-border);border-radius:14px;background:#fff;box-shadow:0 18px 38px rgba(17,27,45,.16);
}
.tbox-unified-select.open .tbox-unified-menu{display:block;}
.tbox-unified-option{
  width:100%;display:flex;align-items:center;padding:10px 11px;border:0;border-radius:10px;background:transparent;
  color:var(--tbox-text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;
}
.tbox-unified-option:hover{background:#f3f6f9;}
.tbox-unified-option.active{background:var(--tbox-ivory);color:var(--tbox-navy);font-weight:700;}
.tbox-unified-menu::-webkit-scrollbar{width:8px}.tbox-unified-menu::-webkit-scrollbar-thumb{background:#bdc7d4;border-radius:999px}

/* ---- TBOX_HOME_css_07_tbox-home-unified.css ---- */
.home-tariff-premium{background:linear-gradient(145deg,var(--tbox-navy),var(--tbox-navy-2))!important;}
.home-point-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;}
.home-point-icon svg{width:19px;height:19px}.tbox-product-trigger,.tbox-product-menu{border-radius:14px!important}.tbox-product-trigger{border-color:var(--tbox-border)!important}

/* ---- Doolabs branding, not part of the approved design pack ---- */
/* The colophon under the site footer. The message and its logo come from
   `doolabs_web_branding.brand_promotion_message`; these rules only sit it in
   the T-BOX footer, since that template is written for Odoo's own layout and
   its Bootstrap `badge` classes do nothing here — this page loads no
   Bootstrap. The logo carries its own inline `height:1.5em`, so its size
   follows the font size set below. */
.footer-brand{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:#8a94a6}
.footer-brand img{opacity:.75;transition:opacity .18s ease}
.footer-brand a:hover img{opacity:1}