/*
Theme Name: VHNET Landing Rural
Theme URI: https://vhnet.cl
Author: VHNET
Description: Plantilla WordPress editable para VHNET: internet 4G, satelital y comunitario rural.
Version: 1.0
License: GPLv2 or later
Text Domain: vhnet-landing-rural
*/

:root{
  --azul:#06264a;
  --azul-oscuro:#031a32;
  --azul-medio:#0b3f78;
  --verde:#39a935;
  --gris:#f4f7fb;
  --texto:#13243d;
  --sombra:0 18px 45px rgba(3,26,50,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:var(--gris)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}

.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.nav{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand img{width:180px;max-height:70px;object-fit:contain}
.menu{display:flex;align-items:center;gap:24px;color:var(--azul);font-weight:800}
.menu a:hover{color:var(--verde)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--azul);font-size:32px;cursor:pointer}
.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:14px 22px;background:var(--verde);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(57,169,53,.24)}
.btn:hover{transform:translateY(-1px);filter:brightness(.96)}
.btn-menu{padding:10px 16px}
.btn.outline{background:transparent;border:2px solid rgba(255,255,255,.9);box-shadow:none}
.btn.full{width:100%}

.banner{background:#031a32}
.banner img{width:100%;height:auto}

.intro{background:linear-gradient(135deg,var(--azul),var(--azul-medio));color:#fff;padding:54px 0}
.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.tag{display:inline-block;background:var(--azul);color:#fff;border-radius:12px;padding:8px 14px;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.04em}
.tag.green{background:var(--verde)}
.intro h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:18px 0 12px;letter-spacing:-.04em}
.intro p{color:#e9f5ff;font-size:19px;line-height:1.55}
.intro-actions{display:flex;flex-direction:column;gap:14px}

.section{padding:84px 0}
.section-title{text-align:center;max-width:820px;margin:0 auto 42px}
.section-title.left{text-align:left;margin:0 0 26px}
.section-title span{color:var(--verde);text-transform:uppercase;font-weight:900}
.section-title h2{color:var(--azul);font-size:clamp(30px,4vw,48px);line-height:1.08;margin:8px 0 12px}
.section-title p{color:#53667f;font-size:18px;line-height:1.55}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sombra)}
.card img{width:100%;height:260px;object-fit:cover}
.card-content{padding:26px}
.card h3{color:var(--azul);font-size:27px;margin:0 0 10px}
.card p{color:#53667f;line-height:1.55}
.card ul{list-style:none;padding:0;margin:18px 0}
.card li{position:relative;padding-left:28px;margin:10px 0}
.card li::before{content:'✓';color:var(--verde);position:absolute;left:0;font-weight:900}
.link-whatsapp{color:var(--verde);font-weight:900}

.coverage{padding:84px 0;color:#fff;background:linear-gradient(135deg,var(--azul-oscuro),var(--azul-medio))}
.coverage-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.coverage h2{font-size:clamp(30px,4vw,50px);line-height:1.08;margin:16px 0}
.coverage p{color:#e9f5ff;font-size:18px;line-height:1.55}
.coverage-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.coverage-items div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px}
.coverage-card{background:#fff;color:var(--texto);border-radius:24px;padding:30px;box-shadow:var(--sombra)}
.coverage-card p{color:#53667f}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}
.contact-info{background:linear-gradient(135deg,var(--azul),var(--azul-oscuro));color:#fff;border-radius:24px;padding:28px;box-shadow:var(--sombra)}
.contact-info p{margin:10px 0}
.contact-form{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--sombra)}
label{display:block;color:var(--azul);font-weight:900;margin:12px 0 6px}
input,select,textarea{width:100%;border:1px solid #d7e1ec;border-radius:14px;padding:14px;font:inherit}
textarea{min-height:120px;resize:vertical}

.footer{background:var(--azul-oscuro);color:#e9f5ff;padding-top:46px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:26px}
.footer-brand img{width:190px;background:#06264a;border-radius:16px;padding:10px}
.payment-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px}
.payment-box h3{margin-top:0}
.payment-box p{margin:7px 0}
.payment-logo{width:220px;max-height:82px;object-fit:contain;background:#fff;border-radius:14px;padding:8px;margin-bottom:14px}
.footer-bottom{margin-top:36px;padding:18px;background:rgba(0,0,0,.24);text-align:center}

.page-content{padding:70px 0}
.page-card{background:#fff;border-radius:24px;box-shadow:var(--sombra);padding:35px}

@media(max-width:900px){
  .menu-toggle{display:block}
  .menu{display:none;position:absolute;top:86px;left:4%;right:4%;flex-direction:column;align-items:stretch;background:#fff;border-radius:18px;padding:18px;box-shadow:var(--sombra)}
  .menu.active{display:flex}
  .intro-grid,.cards,.coverage-grid,.coverage-items,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .intro-actions{flex-direction:row;flex-wrap:wrap}
  .card img{height:220px}
}