/* SISMOTIK V21 — hoja compartida limpia para Inicio / Nosotros / Servicios
   Contactanos usa su propia hoja contactanos-pro.css y no se toca. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0b1b52;background:#f3f6ff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
button{font:inherit}

/* ---------- HEADER ---------- */
.site-header{height:78px;background:#020a2d;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 4px 18px rgba(0,0,0,.22)}
.nav-wrap{width:100%;height:78px;padding:0 3.2%;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;margin-right:auto;flex:0 0 auto}
.brand img{display:block;width:205px;height:auto}
.main-nav{display:flex;align-items:center;gap:12px}
.main-nav a{font-size:15px;font-weight:800;padding:12px 18px;border-radius:12px;white-space:nowrap;transition:.2s ease}
.main-nav a:hover{color:#36caff}
.main-nav a.active{background:#0d58ee;color:#fff;box-shadow:0 5px 18px rgba(13,88,238,.35)}
.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid #00b968;border-radius:14px;background:rgba(2,16,48,.88);color:#fff;font-size:15px;font-weight:800;white-space:nowrap;flex:0 0 auto;transition:.2s ease}
.whatsapp:hover{background:rgba(0,184,100,.12);border-color:#28e681;transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,220,110,.16)}
.whatsapp-icon{width:24px;height:24px;display:grid;place-items:center;color:#00d56f;flex:0 0 24px}
.whatsapp-icon svg{width:100%;height:100%;display:block}

/* V22 — WhatsApp header/icon sizing + clean buttons (no decorative arrows) */
.site-header .whatsapp > img,
.site-header .whatsapp-icon,
.whatsapp-service-header > img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 24px !important;
}
.site-header .whatsapp-service-header{
  min-width:0;
}
.contact-cta-arrow,.benefit-arrow,.nos-benefit-arrow,.benefit-v14-arrow{display:none !important;}
.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:29px;line-height:1;cursor:pointer;padding:6px}

/* ---------- HOME HERO ---------- */
.hero{position:relative;overflow:hidden;color:#fff}
.hero-home{height:auto;aspect-ratio:1536/415;background:#03124a url('../assets/home-hero-reference.png') center top/100% 100% no-repeat}
.hero-accessible{position:absolute;inset:0;display:none}
.mobile-hero-content{display:none}

.home-contact-cta{display:flex;justify-content:center;align-items:center;background:#f3f6ff;padding:12px 16px 8px}
.home-contact-cta a{min-width:250px;min-height:56px;padding:8px 15px;display:flex;align-items:center;gap:12px;border-radius:13px;background:linear-gradient(135deg,#0d59ef,#146cff);border:1px solid #3b8aff;color:#fff;box-shadow:0 7px 20px rgba(13,82,237,.22);transition:.2s ease}
.home-contact-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(13,82,237,.28)}
.contact-cta-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);flex:0 0 38px}
.contact-cta-icon svg{width:24px;height:24px;display:block}
.contact-cta-copy{display:flex;flex-direction:column;gap:3px;line-height:1.05;text-align:left;min-width:0}
.contact-cta-copy strong{font-size:16px}.contact-cta-copy small{font-size:11px;font-weight:700;opacity:.9}.contact-cta-arrow{margin-left:auto;font-size:23px}

/* ---------- HOME PLANS ---------- */
.plans-section{padding:16px 6% 24px;background:#f3f6ff}
.eyebrow{text-align:center;color:#1459e8;font-weight:900;font-size:15px;margin:0 0 3px}
.plans-section h2{font-size:34px;text-align:center;margin:3px 0;color:#101f58;line-height:1.15}
.section-sub{text-align:center;margin:5px 0 17px;font-size:15px}
.plans{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plan{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 18px rgba(23,32,82,.14);text-align:left;min-width:0}
.plan-top{height:86px;color:#fff;padding:10px 20px;position:relative;background:#1748ce}
.plan.purple .plan-top{background:#5421dd}.plan.pink .plan-top{background:#d20b8b}
.plan-top strong{display:block;text-align:center;font-size:37px;line-height:1.02}.plan-top span{display:block;text-align:center;font-weight:800;font-size:15px;margin-top:2px}
.plan-top .plan-icon{position:absolute;right:15px;top:11px;width:58px;height:58px;object-fit:contain;display:block}
.plan ul{list-style:none;padding:14px 22px 5px;margin:0;font-size:13px;line-height:1.8;min-height:112px}
.plan li:before{content:'✓';font-weight:900;margin-right:9px}
.price{text-align:center;color:#123fc1;font-size:18px;margin:4px 0 9px}.price b{font-size:32px}.price small{font-size:12px}
.plan>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;background:#1748ce;color:#fff;text-align:center;border-radius:8px;margin:0 18px 14px;font-weight:800;transition:.2s ease}
.plan.purple>a{background:#5421dd}.plan.pink>a{background:#d20b8b}
.plan>a:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 7px 16px rgba(8,45,150,.18)}
.plan-wa-icon{width:19px;height:19px;display:inline-flex;flex:0 0 19px}.plan-wa-icon svg{width:100%;height:100%;display:block}

.benefits{width:min(1180px,100%);margin:14px auto 0;background:#fff;border-radius:16px;padding:10px 18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 6px 18px rgba(23,32,82,.10);overflow:hidden}
.benefits>div,.benefit-support{min-width:0;min-height:68px;display:flex;align-items:center;gap:13px;padding:7px 15px;border-right:1px solid #cbd7ee}
.benefits>div:last-child{border-right:0}.benefits .benefit-icon,.benefit-support .benefit-icon{width:52px;height:52px;flex:0 0 52px;object-fit:contain;display:block}
.benefits strong,.benefits small,.benefit-support strong,.benefit-support small{display:block}.benefits strong,.benefit-support strong{color:#0b55df;font-size:13px}.benefits small,.benefit-support small{margin-top:4px;font-size:10px;color:#5a6c92}
.benefit-support{color:inherit;text-decoration:none;border-right:1px solid #cbd7ee;transition:.2s ease}.benefit-support:hover{background:#f2f7ff;transform:translateY(-1px)}
.benefit-arrow{font-size:13px;color:#0d55e9;margin-left:3px}

/* ---------- NOSOTROS ---------- */
.exact-image-section{width:100%;padding:0;margin:0;background:#07154e;line-height:0;overflow:hidden}
.nosotros-hero-exact{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.about-grid{max-width:1280px;margin:0 auto;padding:20px 18px 0}
.card{background:#fff;border-radius:17px;box-shadow:0 6px 20px rgba(26,36,83,.12);padding:20px}
.history{display:grid;grid-template-columns:70px 1fr;gap:16px;max-width:930px;margin:0 auto}
.card .icon{width:62px;height:62px;border-radius:50%;background:#0755e8;color:#fff;display:grid;place-items:center;font-size:28px}
.card h2{color:#1453e9;margin:2px 0 9px;font-size:24px}.card p{font-size:15px;line-height:1.48;margin:6px 0}
.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.two-cards .card{display:grid;grid-template-columns:70px 1fr;gap:10px}
.mission{background:linear-gradient(110deg,#eef5ff,#fff)}.vision{background:linear-gradient(110deg,#fff,#fff0fa)}.vision h2{color:#d10c91}
.image-icon{background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.image-icon img{width:70px;height:70px;object-fit:contain;display:block}
.values{max-width:1280px;margin:16px auto;padding:0 18px 10px;text-align:center}.values>h2{color:#4930dc;margin:0;font-size:27px}.values>p{margin:4px 0 10px;font-size:14px}
.value-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.value-grid article{padding:12px 10px;border-radius:12px;box-shadow:0 5px 15px rgba(26,36,83,.10)}
.value-grid article:nth-child(1){background:#eaf2ff}.value-grid article:nth-child(2){background:#eaf8f3}.value-grid article:nth-child(3){background:#fff4da}.value-grid article:nth-child(4){background:#f4efff}.value-grid article:nth-child(5){background:#fff0f6}
.value-icon{display:flex!important;width:100%!important;height:52px!important;align-items:center!important;justify-content:center!important;margin:0!important;font-size:0!important}.value-icon img{width:52px;height:52px;object-fit:contain;display:block;margin:0}
.value-grid h3{margin:4px 0;font-size:16px;color:#1453e9}.value-grid article:nth-child(2) h3{color:#07884f}.value-grid article:nth-child(3) h3{color:#f17700}.value-grid article:nth-child(4) h3{color:#4322ce}.value-grid article:nth-child(5) h3{color:#e30d6c}.value-grid p{font-size:12px;line-height:1.45;margin:5px 0}
.nosotros-benefits-pro{width:min(1180px,calc(100% - 36px));margin:12px auto 20px;padding:8px 10px;display:grid;grid-template-columns:repeat(4,1fr);background:#061454;color:#fff;border-radius:17px;box-shadow:0 10px 26px rgba(7,20,67,.22);overflow:hidden}
.nos-benefit{min-width:0;min-height:70px;padding:7px 15px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.24)}.nos-benefit:last-child{border-right:0}
.nos-benefit-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:#1674f2;box-shadow:0 6px 14px rgba(0,93,230,.3);overflow:hidden}.nos-benefit-icon img{width:35px;height:35px;object-fit:contain;display:block}
.nos-benefit-icon.support{background:#6534e8}.nos-benefit:nth-child(4) .nos-benefit-icon{background:#10b978}.nos-benefit strong,.nos-benefit small{display:block}.nos-benefit strong{font-size:13px;font-weight:800}.nos-benefit small{font-size:10px;color:#c8d8f7;margin-top:4px}.nos-benefit-action{color:#fff;cursor:pointer;transition:.2s ease}.nos-benefit-action:hover{background:rgba(40,116,255,.18)}.nos-benefit-arrow{margin-left:auto;color:#59b7ff;font-size:23px}

/* ---------- SERVICIOS ---------- */
.services-exact-page{background:#f3f6ff}
.service-hero-exact{width:100%;overflow:hidden;background:#061a58;line-height:0}
.service-hero-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.exact-services-body{padding:18px 6% 24px;background:#f3f6ff}
.exact-internet-title{width:min(700px,90vw);margin:0 auto 14px;line-height:0}.exact-internet-title img{display:block;width:100%;height:auto}
.exact-service-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto 18px;align-items:start}
.service-card-image{display:block;line-height:0;border-radius:15px;overflow:hidden;box-shadow:0 7px 17px rgba(23,32,82,.16);transition:.2s ease}.service-card-image:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,32,82,.22)}.service-card-image img{display:block;width:100%;height:auto}
.services-benefits-v14{width:min(1180px,100%);margin:0 auto;padding:8px 10px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1e8f7;border-radius:16px;box-shadow:0 7px 20px rgba(23,32,82,.10);overflow:hidden}
.benefit-v14{min-width:0;min-height:68px;padding:7px 15px;display:flex;align-items:center;gap:11px;border-right:1px solid #dce5f5;color:#102253}.benefit-v14:last-child{border-right:0}.benefit-v14-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;border:1px solid #d3e2fb}.benefit-v14-icon img{width:31px;height:31px;object-fit:contain}.benefit-v14 strong,.benefit-v14 small{display:block}.benefit-v14 strong{font-size:13px;color:#0955df}.benefit-v14 small{font-size:10px;color:#51658e;margin-top:4px}.benefit-v14-link{cursor:pointer;transition:.2s ease}.benefit-v14-link:hover{background:#f1f7ff}.benefit-v14-arrow{margin-left:auto;color:#0b61ec;font-size:24px}
.mobile-services-benefits{display:none}
.whatsapp-service-header{min-width:235px}

/* ---------- FOOTER ---------- */
footer{padding:15px 16px;background:#020a2d;color:#fff;text-align:center;font-size:11px;line-height:1.6}

/* ---------- TABLET ---------- */

/* V27 — Nosotros: identidad sostenible, segura y comprometida */
.pro-hero-nosotros .pro-hero-glow{
 background:
 radial-gradient(circle at 78% 52%,rgba(52,255,137,.14),transparent 24%),
 radial-gradient(circle at 22% 55%,rgba(20,188,255,.16),transparent 30%),
 radial-gradient(circle at 50% 45%,rgba(22,151,255,.10),transparent 38%);
}
.pro-hero-nosotros .pro-hero-panel{
 box-shadow:0 28px 75px rgba(0,8,35,.48),inset 0 1px rgba(255,255,255,.10),inset 0 0 50px rgba(24,181,255,.07);
}
.pro-hero-nosotros .pro-hero-panel:after{
 background:linear-gradient(90deg,transparent,#18d7ff,#43e57a,#8d6cff,transparent);
}

@media(max-width:1100px){
 .nav-wrap{gap:10px;padding:0 2%}.brand img{width:180px}.main-nav{gap:2px}.main-nav a{padding:10px 11px;font-size:14px}.whatsapp{font-size:14px;padding:0 13px}
 .plans{grid-template-columns:repeat(2,1fr);max-width:820px}.benefits{max-width:820px}
 .value-grid{grid-template-columns:repeat(3,1fr)}
 .nosotros-benefits-pro,.services-benefits-v14{grid-template-columns:repeat(2,1fr);max-width:820px}.nos-benefit:nth-child(2),.benefit-v14:nth-child(2){border-right:0}.nos-benefit:nth-child(-n+2),.benefit-v14:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.benefit-v14:nth-child(-n+2){border-bottom-color:#dce5f5}
 .exact-service-plans{grid-template-columns:repeat(2,1fr);max-width:820px}
}

/* ---------- MOBILE ---------- */
@media(max-width:760px){
 .site-header,.nav-wrap{height:68px}.nav-wrap{padding:0 14px}.brand{min-width:0}.brand img{width:158px}
 .main-nav{display:none;position:absolute;left:10px;right:10px;top:68px;flex-direction:column;gap:4px;padding:10px;background:#030b2f;border:1px solid rgba(93,151,255,.25);border-radius:0 0 15px 15px;box-shadow:0 12px 25px rgba(0,0,0,.25)}
 .main-nav.open{display:flex}.main-nav a{width:100%;text-align:center;padding:12px 15px}.menu-toggle{display:block;margin-left:auto}.whatsapp{min-width:46px;width:46px;height:46px;padding:0;border-radius:50%;gap:0}.whatsapp span{display:none}.whatsapp-icon{width:24px;height:24px}
 .hero-home{aspect-ratio:auto;height:300px;background-image:none;background:#04164f;display:flex;align-items:center;justify-content:center}
 .mobile-hero-content{width:calc(100% - 24px);max-width:430px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 14px;background:linear-gradient(145deg,rgba(8,35,101,.96),rgba(2,14,50,.96));border:1px solid rgba(53,179,255,.35);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
 .mobile-hero-logo{width:min(260px,72vw);margin:0 auto 5px;filter:brightness(1.1)}.mobile-hero-content h1{font-size:25px;line-height:1.08;margin:4px 0 8px;color:#fff}.mobile-hero-content h1 span{color:#0cc7ff}.mobile-hero-content p{font-size:13px;line-height:1.35;margin:0 auto 12px;max-width:360px}.mobile-hero-pills{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-hero-pills span{padding:8px 3px;border:1px solid rgba(143,111,255,.65);border-radius:12px;background:rgba(7,17,68,.7);font-size:10px;font-weight:800;white-space:nowrap}.mobile-hero-pills b{font-size:14px;color:#0bcfff;margin-right:3px}
 .home-contact-cta{padding:12px}.home-contact-cta a{width:100%;max-width:420px;min-height:50px}.plans-section{padding:16px 12px 24px}.plans-section h2{font-size:28px}.section-sub{font-size:13px;line-height:1.35}.plans{grid-template-columns:1fr;max-width:430px;gap:15px}.plan{border-radius:16px}.plan-top{height:103px}.plan-top strong{font-size:40px}.plan-top .plan-icon{width:55px;height:55px;right:14px;top:13px}.plan ul{font-size:14px;line-height:1.75;padding:14px 23px 4px;min-height:0}.plan>a{margin:0 18px 14px}.benefits{width:100%;max-width:430px;grid-template-columns:1fr;padding:8px 15px}.benefits>div,.benefit-support{border-right:0;border-bottom:1px solid #cbd7ee;min-height:70px;padding:8px 0}.benefits>div:last-child{border-bottom:0}.benefit-support{margin:0}.benefits .benefit-icon,.benefit-support .benefit-icon{width:48px;height:48px;flex-basis:48px}
 .about-grid{padding:12px}.history{display:block;padding:17px}.history .icon{margin-bottom:8px}.two-cards{grid-template-columns:1fr;gap:13px}.two-cards .card{display:block;padding:17px}.image-icon{margin-bottom:5px}.image-icon img{width:64px;height:64px}.values{padding:0 12px 10px}.value-grid{grid-template-columns:1fr;gap:10px}.value-grid article{padding:14px}.value-icon{height:50px!important}.value-icon img{width:50px;height:50px}.nosotros-benefits-pro{width:calc(100% - 24px);max-width:430px;grid-template-columns:1fr;padding:7px 14px;border-radius:16px}.nos-benefit{min-height:72px;padding:8px 0;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.nos-benefit:last-child{border-bottom:0!important}.nos-benefit-icon{width:50px;height:50px;flex-basis:50px}.nos-benefit-icon img{width:33px;height:33px}
 .service-hero-image{width:100%;height:auto}.exact-services-body{padding:16px 12px 24px}.exact-internet-title{width:100%;max-width:420px;margin-bottom:12px}.exact-service-plans{grid-template-columns:1fr;width:100%;max-width:430px;gap:15px}.service-card-image{border-radius:14px}.services-benefits-v14{display:none}.mobile-services-benefits{display:grid;width:100%;max-width:430px;margin:0 auto;background:#fff;border-radius:16px;padding:6px 16px;box-shadow:0 6px 17px rgba(23,32,82,.10)}.mobile-services-benefits>div{display:flex;align-items:center;gap:13px;min-height:75px;padding:8px 0;border-bottom:1px solid #d1daec}.mobile-services-benefits>div:last-child{border-bottom:0}.mobile-services-benefits img{width:50px;height:50px;object-fit:contain;flex:0 0 50px}.mobile-services-benefits strong,.mobile-services-benefits small{display:block}.mobile-services-benefits strong{color:#0d55e9;font-size:15px}.mobile-services-benefits small{font-size:12px;margin-top:3px;color:#5a6c92}
 footer{font-size:10px;padding:14px 10px}
}
@media(max-width:420px){.brand img{width:150px}.hero-home{height:285px}.mobile-hero-content h1{font-size:23px}.mobile-hero-logo{width:220px}.mobile-hero-content p{font-size:12px}.mobile-hero-pills span{font-size:9px}}

/* =========================================================
   V26 — ENCABEZADOS PREMIUM MINIMALISTAS
   Se elimina la sobrecarga del bloque central: el encabezado
   comunica con título + mensaje, dejando respirar el fondo.
   ========================================================= */
.pro-hero{position:relative;width:100%;height:540px;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;background-color:#03113d;background-repeat:no-repeat;background-position:center;background-size:cover;isolation:isolate}
.pro-hero-home{background-image:url('../assets/headers/home-telecom-v33.jpg')}
.pro-hero-nosotros{background-image:url('../assets/headers/nosotros-community-v33.jpg')}
.pro-hero-servicios{background-image:url('../assets/headers/servicios-fiber-v33.jpg')}
.pro-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(1,12,47,.06),rgba(2,12,48,.14) 50%,rgba(1,12,47,.06));pointer-events:none}
.pro-hero-glow{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 48%,rgba(23,173,255,.14),transparent 34%),radial-gradient(circle at 72% 50%,rgba(151,39,255,.09),transparent 28%);pointer-events:none}
.pro-hero-panel{position:relative;z-index:4;width:min(760px,calc(100% - 44px));min-height:320px;padding:34px 48px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(100,218,255,.34);border-radius:28px;background:linear-gradient(135deg,rgba(4,25,70,.72),rgba(7,57,122,.62) 52%,rgba(4,25,70,.74));box-shadow:0 28px 75px rgba(0,8,35,.46),inset 0 1px rgba(255,255,255,.10),inset 0 0 45px rgba(20,164,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pro-hero-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.055);border-radius:22px;pointer-events:none}
.pro-hero-panel:after{content:"";position:absolute;bottom:21px;width:86px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#19d8ff,#8d6cff,transparent);box-shadow:0 0 16px rgba(25,216,255,.30);opacity:.9}
.pro-kicker{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(65,218,255,.35);border-radius:999px;background:rgba(2,28,69,.62);color:#6eeaff;font-size:10px;letter-spacing:1.7px;font-weight:900;text-transform:uppercase;box-shadow:0 0 20px rgba(18,190,255,.08)}
.pro-kicker span{width:5px;height:5px;border-radius:50%;background:#22d9ff;box-shadow:0 0 9px #22d9ff}.pro-kicker b{color:#94a8d0;font-weight:700}
.pro-hero-mark{width:118px;height:48px;margin:10px 0 4px;filter:drop-shadow(0 0 13px rgba(21,207,255,.28))}.pro-hero-mark svg{width:100%;height:100%;display:block}
.pro-hero-panel h1{position:relative;margin:3px 0 11px;font-size:52px;line-height:1.04;letter-spacing:-1.8px;font-weight:900;text-shadow:0 8px 28px rgba(0,0,0,.40);max-width:700px}.pro-hero-panel p{position:relative;max-width:650px;margin:0 0 4px;color:#eaf3ff;font-size:16px;line-height:1.5}.pro-hero-panel p strong{color:#49dfff}
.pro-caption{position:absolute;z-index:3;bottom:22px;font-size:8px;letter-spacing:1.8px;font-weight:900;color:#bdeaff;text-shadow:0 2px 12px #00113e;opacity:.82}.pro-caption.left{left:4%}.pro-caption.right{right:4%;text-align:right}


/* V27 — Nosotros: identidad sostenible, segura y comprometida */
.pro-hero-nosotros .pro-hero-glow{
 background:
 radial-gradient(circle at 78% 52%,rgba(52,255,137,.14),transparent 24%),
 radial-gradient(circle at 22% 55%,rgba(20,188,255,.16),transparent 30%),
 radial-gradient(circle at 50% 45%,rgba(22,151,255,.10),transparent 38%);
}
.pro-hero-nosotros .pro-hero-panel{
 box-shadow:0 28px 75px rgba(0,8,35,.48),inset 0 1px rgba(255,255,255,.10),inset 0 0 50px rgba(24,181,255,.07);
}
.pro-hero-nosotros .pro-hero-panel:after{
 background:linear-gradient(90deg,transparent,#18d7ff,#43e57a,#8d6cff,transparent);
}

@media(max-width:1100px){
 .pro-hero{height:500px}.pro-hero-panel{width:min(730px,calc(100% - 38px));min-height:300px;padding:30px 34px 34px}.pro-hero-panel h1{font-size:45px}
}
@media(max-width:760px){
 .pro-hero{height:500px;background-size:cover;background-position:center;background-image:url('../assets/headers/home-telecom-v33-mobile.jpg')}
 .pro-hero-nosotros{background-image:url('../assets/headers/nosotros-community-v33.jpg')}
 .pro-hero-servicios{background-image:url('../assets/headers/servicios-fiber-v33-mobile.jpg')}
 .pro-hero:after{background:linear-gradient(180deg,rgba(1,11,43,.04),rgba(1,11,43,.18))}
 .pro-hero-panel{width:calc(100% - 24px);min-height:0;padding:25px 16px 30px;border-radius:22px;background:linear-gradient(180deg,rgba(4,28,73,.82),rgba(4,48,101,.78));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 22px 55px rgba(0,5,28,.43)}
 .pro-hero-panel:before{inset:8px;border-radius:17px}.pro-hero-panel:after{bottom:15px;width:65px}
 .pro-kicker{font-size:8px;letter-spacing:1.15px;padding:7px 10px;gap:5px}.pro-kicker span{width:4px;height:4px}
 .pro-hero-mark{width:100px;height:42px;margin-top:8px}
 .pro-hero-panel h1{font-size:31px;line-height:1.06;letter-spacing:-.8px;margin:2px 0 9px;max-width:390px}.pro-hero-panel p{font-size:13px;line-height:1.42;max-width:380px;margin-bottom:2px}
 .pro-caption{font-size:6px;letter-spacing:1.2px;bottom:11px}.pro-caption.left{left:12px}.pro-caption.right{right:12px}
}
@media(max-width:420px){
 .pro-hero{height:470px}.pro-hero-panel{width:calc(100% - 18px);padding:21px 12px 27px}.pro-hero-panel h1{font-size:28px}.pro-hero-panel p{font-size:12px}.pro-kicker{font-size:7px}
}

/* V28 — Fondo Nosotros a sangre: sin panel duplicado ni espacios vacíos */
.pro-hero-nosotros{background-position:center center;background-size:cover;}
.pro-hero-nosotros .pro-caption{display:none;}
@media(max-width:760px){.pro-hero-nosotros{background-position:center center;background-size:cover;min-height:470px;}}


/* V29 — NOSOTROS: un solo panel limpio sobre fondo continuo.
   El fondo ocupa todo el encabezado; no se conserva el rectángulo oscuro
   que venía integrado en la imagen V28. */
.pro-hero-nosotros{
  background-image:
    linear-gradient(90deg,
      rgba(2,13,39,.05) 0%,
      rgba(3,24,65,.55) 10%,
      rgba(3,24,65,1) 23%,
      rgba(3,24,65,1) 77%,
      rgba(3,24,65,.55) 90%,
      rgba(2,13,39,.05) 100%),
    url('../assets/headers/nosotros-community-v33.jpg');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.pro-hero-nosotros .pro-hero-panel{
  width:min(700px,calc(100% - 44px));
  min-height:270px;
  padding:28px 40px 30px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(5,28,73,.76),rgba(6,50,105,.68));
  box-shadow:0 24px 60px rgba(0,8,35,.42),inset 0 1px rgba(255,255,255,.10),inset 0 0 36px rgba(20,164,255,.055);
}
.pro-hero-nosotros .pro-hero-panel:before{inset:9px;border-radius:18px}
.pro-hero-nosotros .pro-hero-mark{width:96px;height:40px;margin:8px 0 2px}
.pro-hero-nosotros .pro-hero-panel h1{font-size:46px;max-width:620px;margin:2px 0 10px}
.pro-hero-nosotros .pro-hero-panel p{max-width:600px;font-size:15px;line-height:1.45}

@media(max-width:1100px){
  .pro-hero-nosotros .pro-hero-panel{width:min(680px,calc(100% - 38px));min-height:260px;padding:26px 32px 29px}
  .pro-hero-nosotros .pro-hero-panel h1{font-size:42px}
}
@media(max-width:760px){
  .pro-hero-nosotros{
    background-image:
      linear-gradient(180deg,rgba(2,13,39,.08),rgba(3,24,65,.72) 38%,rgba(3,24,65,.88) 100%),
      url('../assets/headers/nosotros-community-v33.jpg');
    background-position:center center;
    background-size:cover;
    min-height:470px;
  }
  .pro-hero-nosotros .pro-hero-panel{
    width:calc(100% - 30px);
    min-height:0;
    padding:22px 15px 27px;
    border-radius:20px;
  }
  .pro-hero-nosotros .pro-hero-panel h1{font-size:30px;line-height:1.07;margin:2px 0 9px}
  .pro-hero-nosotros .pro-hero-panel p{font-size:12.5px;line-height:1.42;max-width:370px}
  .pro-hero-nosotros .pro-hero-mark{width:88px;height:38px;margin-top:6px}
}
@media(max-width:420px){
  .pro-hero-nosotros .pro-hero-panel{width:calc(100% - 20px);padding:20px 11px 25px}
  .pro-hero-nosotros .pro-hero-panel h1{font-size:27px}
  .pro-hero-nosotros .pro-hero-panel p{font-size:12px}
}

/* =========================================================
   V33 — FONDOS FOTOGRÁFICOS TEMÁTICOS
   Solo se cambia el fondo de cada encabezado.
   ========================================================= */
.pro-hero{
  background-color:#03133f;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

/* INICIO — ciudad moderna, telecomunicaciones, fibra óptica y conectividad */
.pro-hero-home{
  background-image:url('../assets/headers/home-telecom-v33.jpg');
  background-position:center center;
}

/* NOSOTROS — pueblo peruano, fibra óptica, tecnología y desarrollo sostenible */
.pro-hero-nosotros{
  background-image:url('../assets/headers/nosotros-community-v33.jpg');
  background-position:center center;
}

/* SERVICIOS — fibra óptica, alta velocidad y tecnología para hogares y negocios */
.pro-hero-servicios{
  background-image:url('../assets/headers/servicios-fiber-v33.jpg');
  background-position:center center;
}

/* Oscurecimiento muy suave para conservar la fotografía y asegurar lectura del panel. */
.pro-hero:after{
  background:linear-gradient(90deg,rgba(1,10,38,.05),rgba(1,12,42,.10) 50%,rgba(1,10,38,.05));
}
.pro-hero:before{opacity:.10}

@media(max-width:760px){
  .pro-hero{background-size:cover;background-position:center center;}
  .pro-hero-home{background-image:url('../assets/headers/home-telecom-v33-mobile.jpg');}
  .pro-hero-nosotros{background-image:url('../assets/headers/nosotros-community-v33-mobile.jpg');}
  .pro-hero-servicios{background-image:url('../assets/headers/servicios-fiber-v33-mobile.jpg');}
  .pro-hero:before{opacity:.07}
}

/* SISMOTIK V28 — header logo: unique filename to prevent stale cache */
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:245px!important;
  min-width:245px!important;
  height:70px!important;
  padding:4px 10px!important;
  margin-right:auto!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.site-header .brand img{
  content:url('../assets/sismotik-logo-v28.png')!important;
  display:block!important;
  width:225px!important;
  max-width:100%!important;
  max-height:62px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
@media(max-width:1100px) and (min-width:761px){
  .site-header .brand{width:220px!important;min-width:220px!important;height:68px!important}
  .site-header .brand img{width:202px!important}
}
@media(max-width:760px){
  .site-header .brand{
    width:180px!important;min-width:180px!important;height:58px!important;
    padding:3px 7px!important;border-radius:8px!important
  }
  .site-header .brand img{width:166px!important;max-height:50px!important}
}

/* =========================================================
   SISMOTIK V29 — HEADER PROFESIONAL
   ========================================================= */
.site-header{
  background:linear-gradient(135deg,#0b315f 0%,#124d86 52%,#1769a8 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.24)!important;
}
.site-header .nav-wrap{
  background:transparent!important;
}
.site-header .nav-links a,
.site-header .nav-link,
.site-header .menu-toggle{
  color:#fff!important;
}
.site-header .nav-links a:hover{
  background:rgba(255,255,255,.13)!important;
}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#1677e8,#2c8fff)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,75,160,.28)!important;
}
.site-header .whatsapp{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
}
.site-header .whatsapp:hover{
  background:rgba(255,255,255,.14)!important;
}
@media(max-width:760px){
  .site-header{
    background:linear-gradient(135deg,#0b315f 0%,#155b98 100%)!important;
  }
}

/* =========================================================
   SISMOTIK V30 — LOGOTIPO CORPORATIVO FINAL
   Sin caja blanca: logo blanco/cian sobre barra azul.
   ========================================================= */
.site-header .brand,
.site-header .nav-wrap > .brand,
.site-header .nav-wrap a.brand,
.brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  width:245px!important;
  min-width:245px!important;
  height:70px!important;
  padding:2px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
}
.site-header .brand::before,
.site-header .nav-wrap > .brand::before,
.site-header .nav-wrap a.brand::before,
.brand::before{
  content:""!important;
  position:absolute!important;
  left:0!important; top:4px!important; bottom:4px!important;
  width:235px!important;
  border-radius:16px!important;
  background:radial-gradient(ellipse at 48% 50%,rgba(54,204,255,.18) 0%,rgba(25,117,185,.10) 38%,rgba(0,0,0,0) 75%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.site-header .brand img,
.site-header .nav-wrap > .brand img,
.site-header .nav-wrap a.brand img,
.brand img{
  content:url('../assets/sismotik-logo-v30.png')!important;
  width:225px!important;
  max-width:225px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 0 5px rgba(75,215,255,.34))!important;
  opacity:1!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:1100px) and (min-width:761px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:220px!important;min-width:220px!important;height:68px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:202px!important;max-width:202px!important;max-height:60px!important;
  }
}
@media(max-width:760px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:184px!important;min-width:184px!important;height:58px!important;
    padding:2px 3px!important;
  }
  .site-header .brand::before,.site-header .nav-wrap > .brand::before,.site-header .nav-wrap a.brand::before,.brand::before{
    width:178px!important;top:3px!important;bottom:3px!important;border-radius:12px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:170px!important;max-width:170px!important;max-height:52px!important;
  }
}

/* V30 — barra de navegación corporativa */
.site-header{
  background:linear-gradient(135deg,#061a3a 0%,#0a2f59 52%,#0b3e70 100%)!important;
  border-bottom:1px solid rgba(83,208,255,.22)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}
.site-header .nav-wrap{background:transparent!important}
.site-header .nav-links a,.site-header .nav-link,.site-header .menu-toggle{
  color:#fff!important;
}
.site-header .nav-links a:hover{
  background:rgba(74,200,255,.12)!important;
}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#1475e8,#258fff)!important;
  color:#fff!important;
  box-shadow:0 4px 13px rgba(0,98,190,.32)!important;
}
.site-header .whatsapp{
  background:rgba(20,128,190,.10)!important;
  border:1px solid rgba(65,224,255,.65)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .site-header{
    background:linear-gradient(135deg,#061a3a 0%,#0b3867 100%)!important;
  }
}

/* =========================================================
   SISMOTIK V31 — LOGO ORIGINAL A TODO COLOR + HEADER PREMIUM
   ========================================================= */
.site-header,
.site-header .nav-wrap{
  background:linear-gradient(105deg,#03163a 0%,#073b70 34%,#0b5b96 58%,#06396e 82%,#021a40 100%)!important;
}
.site-header{
  border-bottom:1px solid rgba(77,206,255,.34)!important;
  box-shadow:0 4px 20px rgba(0,0,0,.34)!important;
}
.site-header .brand,
.site-header .nav-wrap > .brand,
.site-header .nav-wrap a.brand,
.brand{
  background:radial-gradient(ellipse at center,rgba(35,147,219,.20) 0%,rgba(9,69,119,.10) 48%,rgba(0,0,0,0) 78%)!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
  width:245px!important;
  min-width:245px!important;
  height:70px!important;
  padding:2px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  position:relative!important;
}
.site-header .brand::after,
.site-header .nav-wrap > .brand::after,
.site-header .nav-wrap a.brand::after,
.brand::after{
  content:""!important;
  position:absolute!important;
  left:4px!important; right:4px!important; top:5px!important; bottom:5px!important;
  border:1px solid rgba(93,211,255,.16)!important;
  border-radius:12px!important;
  pointer-events:none!important;
}
.site-header .brand img,
.site-header .nav-wrap > .brand img,
.site-header .nav-wrap a.brand img,
.brand img{
  content:url('../assets/sismotik-logo-v31.png')!important;
  width:225px!important;
  max-width:225px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(86,205,255,.24))!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
}
.site-header .nav-links a,
.site-header .nav-link,
.site-header .menu-toggle{color:#fff!important}
.site-header .nav-links a:hover{
  background:rgba(87,207,255,.13)!important;
}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#126fe2,#2b96ff)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,94,190,.36)!important;
}
.site-header .whatsapp{
  background:rgba(0,120,190,.12)!important;
  border:1px solid rgba(74,221,255,.70)!important;
  color:#fff!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
}
@media(max-width:1100px) and (min-width:761px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:220px!important;min-width:220px!important;height:68px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:202px!important;max-width:202px!important;max-height:60px!important;
  }
}
@media(max-width:760px){
  .site-header,.site-header .nav-wrap{
    background:linear-gradient(105deg,#03163a 0%,#07477b 55%,#052a55 100%)!important;
  }
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:184px!important;min-width:184px!important;height:58px!important;
    padding:2px 3px!important;border-radius:10px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:170px!important;max-width:170px!important;max-height:52px!important;
  }
}