:root{
  --green:#38b24a;
  --green-deep:#176d32;
  --green-bright:#8cc53e;
  --green-soft:#eaf7e9;
  --brand-gradient:linear-gradient(112deg,#007cc0 0%,#086c9c 53%,#237c39 100%);
}

/* Readable type scale: 16px body, 14px supporting text, 12px compact labels. */
body{font-size:16px;line-height:1.65}
.announcement{font-size:12px}
.announcement a{font-size:12px}
.main-nav a{font-size:14px}
.account-trigger,.cart-button{font-size:13px}
.cart-button b{font-size:11px}
.eyebrow{font-size:11px;letter-spacing:.12em}
.hero-copy>p,.coverage-copy p,.client-copy p,.section-heading>p{font-size:16px;line-height:1.75}
.hero-proof{font-size:12px}
.hero-proof strong{font-size:12px}
.hero-actions .button,.button{font-size:13px}
.text-link{font-size:13px}
.art-card strong{font-size:12px}
.art-card small{font-size:10px}
.trust-strip strong{font-size:13px}
.service-card p{font-size:13px;line-height:1.7;max-width:260px;opacity:.88}
.service-link{font-size:12px}
.card-number{font-size:10px}
.section-heading h2,.coverage h2{font-size:clamp(38px,4vw,50px)}
.plans{background:linear-gradient(180deg,#f5f9fc 0%,#fff 13%,#fff 88%,#f4f8fa 100%)}
.catalog-toolbar{margin-bottom:25px}
.catalog-tabs{background:#eaf1f5;padding:5px}
.filter-tab{font-size:12px;padding:11px 15px;color:#536f83}
.filter-tab.active{background:var(--deep);color:#fff;box-shadow:0 6px 16px rgba(17,69,118,.2)}
.filter-tab.active span{color:#89d45d}
.catalog-note{font-size:12px;color:#59748a}
.catalog-note i{background:var(--green);box-shadow:0 0 0 4px #e6f6e6}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card{
  --plan-accent:#007cc0;--plan-soft:#e9f5fc;--plan-ink:#124c73;
  min-height:345px;padding:22px 20px 18px;border:1px solid color-mix(in srgb,var(--plan-accent),white 76%);
  border-radius:13px;background:linear-gradient(160deg,var(--plan-soft) 0%,#fff 47%,#fff 100%);
  box-shadow:0 8px 20px rgba(16,53,79,.055);overflow:hidden;
  transition:transform .32s var(--ease),border-color .32s,box-shadow .32s,background .32s;
}
.product-card--mifi{--plan-accent:#007cc0;--plan-soft:#e8f6fc;--plan-ink:#114576}
.product-card--wifi{--plan-accent:#238d3c;--plan-soft:#edf8e9;--plan-ink:#1c6331}
.product-card--voz{--plan-accent:#128795;--plan-soft:#e9f7f4;--plan-ink:#14565d}
.product-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--plan-accent),var(--green-bright));z-index:1}
.product-card:after{content:"";position:absolute;width:122px;height:122px;border-radius:50%;right:-55px;top:27px;background:radial-gradient(circle,var(--plan-soft),transparent 70%);z-index:0;pointer-events:none}
.product-card>*{position:relative;z-index:1}
.product-card:hover{border-color:var(--plan-accent);transform:translateY(-7px);box-shadow:0 18px 34px color-mix(in srgb,var(--plan-accent),transparent 83%)}
.product-card.featured{border-color:var(--plan-accent);background:linear-gradient(160deg,var(--plan-soft) 0%,#fff 48%,#fff 100%);box-shadow:0 11px 27px color-mix(in srgb,var(--plan-accent),transparent 88%)}
.product-badge{position:absolute!important;z-index:2!important;right:15px;top:15px;background:var(--plan-accent);color:#fff;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.02em}
.product-icon{width:48px;height:48px;margin:2px 0 17px;background:var(--plan-accent);color:#fff;box-shadow:0 7px 15px color-mix(in srgb,var(--plan-accent),transparent 77%)}
.product-icon svg{width:23px;height:23px;stroke-width:1.7}
.product-type{font-size:11px;color:var(--plan-ink);letter-spacing:.09em;font-weight:800}
.product-card h3{font-size:19px;color:var(--plan-ink);margin:7px 0 3px;letter-spacing:-.035em}
.product-sub{font-size:12px;color:#526d80;min-height:31px;line-height:1.45}
.product-price{gap:7px;margin-top:9px;align-items:baseline}
.product-price strong{font-size:27px;color:var(--plan-ink);letter-spacing:-.055em}
.product-price span{font-size:12px;color:#48667a}
.product-features{gap:8px;margin:13px 0 16px;color:#314e61;font-size:12px;line-height:1.45}
.product-features li{align-items:flex-start;gap:8px}
.product-features li:before{content:"✓";color:var(--plan-accent);font-size:12px;line-height:1.45}
.product-add{min-height:45px;margin-top:auto;border:0;background:var(--plan-accent);color:#fff;border-radius:6px;padding:10px 13px;font-size:12px;box-shadow:0 6px 14px color-mix(in srgb,var(--plan-accent),transparent 82%)}
.product-add span{color:#c8f18c;font-size:18px}
.product-add:hover{background:var(--plan-ink);border-color:var(--plan-ink);color:#fff}
.plans-note{background:#f0f8ee;border:1px solid #d5ebd0;border-radius:8px;padding:15px 17px}
.plans-note p{font-size:12px;line-height:1.75;color:#476351}
.plans-note strong{color:#205c34}
.plans-note a{color:#176d32;text-decoration:underline;text-underline-offset:3px}
.button-primary{background:var(--brand-gradient);box-shadow:0 9px 20px rgba(0,124,75,.2)}
.button-primary:hover{box-shadow:0 12px 28px rgba(28,127,57,.27)}
.text-link span,.service-link i,.whatsapp-link>i{color:var(--green)}
.service-card-blue{background:linear-gradient(135deg,#087eb2 0%,#07578f 72%,#176d48 100%)}
.service-card-dark{background:linear-gradient(140deg,#102c49 0%,#0e3b55 70%,#14532c 150%)}
.service-card-light{background:linear-gradient(140deg,#ecf8ec,#e1f4f7 72%,#e2f4fa)}
.service-card-light .round-icon{color:#278f43;border-color:#b9dbbd;background:rgba(255,255,255,.45)}
.service-card-light .service-link{color:#176d32}
.service-waves{border-color:rgba(140,197,62,.48)}
.service-waves i{border-color:rgba(140,197,62,.3)}
.status-live{background:var(--green);box-shadow:0 0 0 4px #e5f5e1}
.signal-icon i{background:linear-gradient(180deg,#8cc53e,#238d3c)}
.planet-ring{border-color:rgba(56,178,74,.62);box-shadow:0 0 17px rgba(56,178,74,.16)}
.trust-icon{color:#258b40;border-color:#c6e5c5;background:#f4fbf1}
.map-pin i,.map-legend i{background:var(--green);box-shadow:0 0 0 4px rgba(56,178,74,.17)}
.map-lines{stroke:#45a95b}
.coverage-map{background:linear-gradient(140deg,#eff9eb,#f0fafc)}
.client-banner{background:linear-gradient(115deg,#edf8e9,#e8f5fb 68%,#e3f6f3)}
.client-links a:hover{background:rgba(255,255,255,.36)}
.whatsapp-link{border-color:#c8e7d1;background:#f1fbf1}
.whatsapp-mark{background:linear-gradient(140deg,#38b24a,#168458)}
.whatsapp-link strong{color:#176d32}
.footer-made i{color:#89ce4d}
.floating-whatsapp{background:linear-gradient(145deg,#39b64b,#0b9a70)}
.cart-button b{background:var(--green-deep)}
.scroll-progress span{background:linear-gradient(90deg,#007cc0,#38b24a,#8cc53e)}
.hero:before{background:radial-gradient(circle at 64% 40%,rgba(56,178,74,.13),rgba(0,124,192,.09) 38%,transparent 71%)}
.section-heading h2 span,.coverage h2 span,.client-copy h2 span{background:linear-gradient(100deg,#007cc0 0%,#148b79 48%,#238d3c 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.catalog-tabs{border:1px solid #e0eaf0}
.plans .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--green);transform:rotate(45deg);margin-right:3px}
.product-card{isolation:isolate}
.product-card--mifi .product-add{background:linear-gradient(100deg,#007cc0,#087796)}
.product-card--wifi .product-add{background:linear-gradient(100deg,#238d3c,#49a940)}
.product-card--voz .product-add{background:linear-gradient(100deg,#087e91,#1b8f74)}
.product-card--mifi .product-icon{background:linear-gradient(145deg,#039bd1,#095f96)}
.product-card--wifi .product-icon{background:linear-gradient(145deg,#79be32,#188c50)}
.product-card--voz .product-icon{background:linear-gradient(145deg,#19a78d,#087a9c)}
.service-card{box-shadow:0 10px 25px rgba(17,69,118,.08)}
.service-card-light{box-shadow:inset 0 1px rgba(255,255,255,.8),0 10px 25px rgba(30,121,87,.08)}
.admin-action{background:var(--brand-gradient);font-size:12px}
.admin-product-row,.admin-table,.stat-card,.admin-panel{font-size:12px}
.admin-nav-item{font-size:13px}
.admin-overline,.admin-topbar .eyebrow,.admin-table th{font-size:10px}
.admin-table td{font-size:12px}
.admin-back,.admin-section-head p,.stat-card small,.admin-panel-head span,.chart-months,.admin-online{font-size:11px}

@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  body{font-size:15px}
  .announcement{font-size:10px}
  .main-nav a{font-size:14px}
  .eyebrow{font-size:10px}
  .hero-copy>p,.coverage-copy p,.client-copy p,.section-heading>p{font-size:15px}
  .trust-strip strong{font-size:12px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-card{padding:18px 14px 14px;min-height:345px}
  .product-card h3{font-size:17px}
  .product-price strong{font-size:23px}
  .product-features{font-size:11px}
  .product-add{font-size:11px;gap:5px;padding:9px 8px}
  .filter-tab{font-size:11px;padding:9px 11px}
  .plans-note p{font-size:11px}
  .service-card p{font-size:13px}
}
.coverage-list p,.coverage-list span{font-size:12px}
.map-label,.map-pin,.map-legend{font-size:11px}
.footer-brand p,.footer-column a,.footer-admin,.footer-address p{font-size:12px}
.footer-column>span,.footer-address>span{font-size:10px}
.footer-bottom{font-size:10px}
.cart-row h3{font-size:13px}.cart-row small,.quantity-controls span{font-size:11px}
.form-stack label{font-size:12px}.form-stack input{font-size:14px}.modal-intro{font-size:13px}.auth-tabs button{font-size:12px}.form-message{font-size:11px}.demo-note{font-size:11px}.account-orders h3{font-size:13px}.account-order-item{font-size:11px}.toast{font-size:12px}
.text-link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-card{min-height:320px}.product-card h3{font-size:19px}.product-features{font-size:13px}}
