/*
Theme Name: MAXVEL ISP Pro
Theme URI: https://maxvel.ec
Author: ChatGPT
Description: Tema profesional ligero para MAXVEL Internet + TV Cable, con planes, cobertura, speedtest y enlaces ARCOTEL.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: maxvel-isp-pro
*/

:root{
  --blue:#2f3e7c;
  --blue-2:#1f2b63;
  --navy:#07112f;
  --navy-2:#0c1740;
  --orange:#f26522;
  --orange-2:#d95013;
  --yellow:#f7e44c;
  --cyan:#78d7ff;
  --white:#ffffff;
  --light:#f5f7fb;
  --text:#172033;
  --muted:#647089;
  --line:rgba(47,62,124,.13);
  --shadow:0 22px 60px rgba(7,17,47,.16);
  --radius:24px;
  --radius-lg:34px;
}
*{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;
  background:#fff;
  color:var(--text);
  line-height:1.55;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.max-container{width:min(1180px,calc(100% - 36px));margin-inline:auto}

.max-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.max-header__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.max-logo{display:flex;align-items:center;min-width:190px}
.max-logo img{width:210px;max-height:62px;object-fit:contain}
.max-nav{display:flex;align-items:center;gap:24px;font-weight:800;color:#22305d}
.max-nav a{font-size:14.5px;opacity:.92}.max-nav a:hover{color:var(--orange)}
.max-header__actions{display:flex;align-items:center;gap:10px}
.max-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;border:2px solid transparent;transition:.2s ease;white-space:nowrap}
.max-pill--orange{background:var(--orange);color:#fff;box-shadow:0 12px 30px rgba(242,101,34,.23)}
.max-pill--orange:hover{background:var(--orange-2);transform:translateY(-1px);color:#fff}
.max-pill--outline{border-color:rgba(47,62,124,.18);color:var(--blue);background:#fff}.max-pill--outline:hover{border-color:var(--orange);color:var(--orange)}

.max-hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 82% 12%,rgba(242,101,34,.35),transparent 30%),
  radial-gradient(circle at 8% 12%,rgba(120,215,255,.18),transparent 26%),
  linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);}
.max-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.max-hero:after{content:"";position:absolute;right:-170px;top:48px;width:560px;height:220px;border-top:32px solid rgba(242,101,34,.42);border-radius:50%;transform:rotate(-8deg)}
.max-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:96px 0 86px}
.max-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#dff4ff;font-size:14px;font-weight:900;margin-bottom:18px}
.max-hero h1{margin:0 0 18px;font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.045em;font-weight:950}
.max-hero h1 span{color:var(--cyan)}
.max-hero p{margin:0 0 30px;max-width:680px;color:#e7edff;font-size:clamp(18px,2.1vw,23px)}
.max-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.max-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;min-height:54px;padding:0 28px;font-weight:950;border:2px solid transparent;transition:.2s ease;cursor:pointer}.max-btn--orange{background:var(--orange);color:#fff;box-shadow:0 16px 34px rgba(242,101,34,.25)}.max-btn--orange:hover{background:var(--orange-2);transform:translateY(-2px);color:#fff}.max-btn--ghost{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.08);color:#fff}.max-btn--ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}.max-btn--blue{background:var(--blue);color:#fff}.max-btn--blue:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.max-trust{display:flex;gap:16px;flex-wrap:wrap;color:#dce9ff;font-weight:800;font-size:14px}.max-trust span:before{content:"✓";color:var(--orange);margin-right:7px;font-weight:950}
.max-hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:0 30px 90px rgba(0,0,0,.20);border-radius:32px;padding:28px;position:relative;overflow:hidden}.max-hero-card:before{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;background:rgba(242,101,34,.20);border-radius:50%}
.max-hero-card__label{display:inline-flex;background:var(--orange);border-radius:999px;color:#fff;font-weight:950;padding:7px 12px;font-size:13px;margin-bottom:18px}.max-hero-card__big{font-size:76px;line-height:.9;font-weight:950;color:#fff}.max-hero-card__big small{font-size:22px;color:#d8edff}.max-hero-card__sub{color:#dce7ff;margin:12px 0 20px}.max-hero-card__list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.max-mini{background:rgba(255,255,255,.12);border-radius:18px;padding:14px;color:#fff}.max-mini b{display:block;font-size:18px}.max-mini small{display:block;color:#dce7ff;margin-top:3px}

.max-section{padding:84px 0}.max-section--soft{background:var(--light)}.max-section--dark{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.max-section__title{text-align:center;max-width:800px;margin:0 auto 44px}.max-section__title h2{margin:0 0 12px;color:#142149;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.025em}.max-section__title p{margin:0;color:var(--muted);font-size:18px}.max-section--dark .max-section__title h2,.max-section--dark .max-section__title p{color:#fff}
.max-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.max-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.max-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.max-card h3{margin:0 0 10px;color:#15204a;font-size:23px}.max-card p{margin:0;color:var(--muted)}.max-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(242,101,34,.12);font-size:28px;color:var(--orange);margin-bottom:18px}

.max-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:100%}.max-plan--featured{border:3px solid var(--orange);transform:translateY(-10px)}.max-plan__tag{position:absolute;top:18px;right:18px;background:var(--orange);color:#fff;border-radius:999px;padding:7px 12px;font-weight:950;font-size:12px}.max-plan h3{font-size:24px;margin:0 0 10px;color:#142149}.max-plan__speed{font-size:62px;line-height:.95;font-weight:950;color:var(--blue);letter-spacing:-.05em}.max-plan__speed small{font-size:19px;color:var(--muted);letter-spacing:0}.max-plan__promo{margin:16px 0 4px;color:var(--orange);font-size:46px;line-height:1;font-weight:950}.max-plan__promo small{font-size:19px}.max-plan__normal{font-size:13px;color:var(--muted);font-weight:800;margin-bottom:18px}.max-plan ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px;color:#33405f}.max-plan li:before{content:"✓";color:var(--orange);font-weight:950;margin-right:8px}.max-plan .max-btn{margin-top:auto;width:100%}.max-disclaimer{font-size:13px;color:var(--muted);text-align:center;margin:26px auto 0;max-width:900px}

.max-tv{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.max-tv__box{background:#fff;color:var(--text);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow)}.max-tv__number{font-size:98px;line-height:.9;font-weight:950;color:var(--blue);letter-spacing:-.08em}.max-tv__number small{font-size:24px;letter-spacing:0;color:var(--muted)}.max-tv__badge{display:inline-flex;margin:16px 0 20px;background:var(--orange);color:#fff;border-radius:999px;font-weight:950;padding:8px 14px}.max-channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.max-channel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 8px;text-align:center;font-weight:900;color:#fff}.max-tv p{color:#e5edff;font-size:18px}.max-tv h2{font-size:42px;line-height:1.06;margin:0 0 12px}

.max-speedtest{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}.max-speedtest__panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:34px;border:1px solid var(--line)}.max-speedtest__panel h2{font-size:40px;line-height:1.06;margin:0 0 12px;color:#142149}.max-speedtest__panel p{color:var(--muted);margin:0 0 22px}.max-speedtest__frame{background:#101932;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);min-height:420px}.max-speedtest__frame iframe{width:100%;height:390px;border:0;border-radius:20px;background:#fff}.max-speedtest__note{font-size:13px;color:var(--muted);margin-top:12px}

.max-coverage{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.max-map{background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);position:relative;min-height:460px;display:grid;place-items:center;overflow:hidden}.max-map svg{width:min(430px,100%);height:auto}.max-map .pin{fill:var(--orange);stroke:#fff;stroke-width:3}.max-map .map-shape{fill:#dce8ff;stroke:var(--blue);stroke-width:4}.max-map .label{font-size:20px;font-weight:950;fill:#142149}.max-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.max-zone{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font-weight:900;color:#22305d;box-shadow:0 10px 28px rgba(7,17,47,.06)}.max-zone:before{content:"📍";margin-right:8px}.max-coverage h2{font-size:44px;line-height:1.06;margin:0 0 14px;color:#142149}.max-coverage p{font-size:18px;color:var(--muted);margin:0 0 22px}

.max-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}.max-contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow)}.max-contact-card h2{font-size:40px;line-height:1.06;margin:0 0 12px;color:#142149}.max-contact-card p{color:var(--muted);margin:0 0 22px}.max-info{display:grid;gap:12px}.max-info div{background:var(--light);border-radius:16px;padding:14px 16px;font-weight:900;color:#22305d}.max-info span{display:block;color:var(--muted);font-size:13px;font-weight:800;margin-bottom:2px}.max-contact-card--orange{background:var(--orange);color:#fff}.max-contact-card--orange h2,.max-contact-card--orange p{color:#fff}.max-contact-card--orange .max-btn{background:#fff;color:var(--orange)}.max-contact-card--orange .max-btn:hover{background:var(--navy);color:#fff}

.max-footer{background:#050b22;color:#dfe7ff;padding:44px 0 28px}.max-footer__grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:28px;align-items:start}.max-footer img{width:180px;margin-bottom:14px}.max-footer h3{margin:0 0 12px;color:#fff;font-size:16px}.max-footer p{margin:0;color:#bac6e7}.max-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.max-footer a{color:#dfe7ff}.max-footer a:hover{color:var(--orange)}.max-footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#aebce4;font-size:13px}

@media(max-width:960px){
  .max-nav{display:none}.max-header__inner{min-height:72px}.max-logo img{width:170px}.max-header__actions .max-pill--outline{display:none}.max-hero__grid,.max-tv,.max-speedtest,.max-coverage,.max-contact,.max-grid-2{grid-template-columns:1fr}.max-grid-3{grid-template-columns:1fr}.max-plan--featured{transform:none}.max-hero-card{display:none}.max-section{padding:64px 0}.max-hero__grid{padding:72px 0}.max-zones{grid-template-columns:1fr}.max-channel-grid{grid-template-columns:repeat(3,1fr)}.max-footer__grid{grid-template-columns:1fr}.max-speedtest__frame{min-height:300px}.max-speedtest__frame iframe{height:320px}
}
@media(max-width:520px){
  .max-container{width:min(100% - 26px,1180px)}.max-hero h1{font-size:40px}.max-hero p{font-size:17px}.max-actions .max-btn{width:100%}.max-section__title h2,.max-coverage h2,.max-contact-card h2,.max-speedtest__panel h2{font-size:32px}.max-plan__speed{font-size:52px}.max-plan__promo{font-size:38px}.max-tv__number{font-size:78px}.max-map{min-height:360px;padding:14px}.max-footer__bottom{display:block}
}
.max-nav li{list-style:none;margin:0;padding:0}
.custom-logo-link img{width:210px;max-height:62px;object-fit:contain}

/* Grilla de canales */
.max-channel-posters{align-items:start}
.max-channel-poster{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
.max-channel-poster__head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:16px 18px;font-weight:950}
.max-channel-poster__head a{background:var(--orange);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:950}
.max-channel-poster__head a:hover{background:#fff;color:var(--orange)}
.max-channel-poster img{display:block;width:100%;height:auto;background:#fff}
@media(max-width:960px){.max-channel-poster__head{display:block}.max-channel-poster__head a{display:inline-flex;margin-top:10px}}

/* Mapa de cobertura MAXVEL actualizado */
.max-map--image{background:linear-gradient(135deg,#07112f,#152a5f);padding:12px}
.max-map--image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:20px}
@media(max-width:520px){.max-map--image img{max-height:360px}}