
/* DATEL V8.4 — iconografía WhatsApp refinada */
.wa-icon-chip,.float-wa-badge,.contact-phone-symbol{display:grid;place-items:center;flex:none}
.wa-icon-chip{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 18px rgba(34,11,74,.22)}
.wa-icon-disc{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#2fd767 0%,#18c457 50%,#0fab43 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 6px 12px rgba(8,112,45,.33)}
.wa-icon-disc svg{width:18px;height:18px;fill:#fff;stroke:none}
.float-wa-badge{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 10px 20px rgba(0,64,24,.18)}
.float-wa-badge .wa-icon-disc{width:34px;height:34px;box-shadow:0 8px 16px rgba(8,112,45,.3)}
.float-wa-badge .wa-icon-disc svg{width:21px;height:21px}

:root{
  --navy:#0b1030;--navy2:#171c51;--purple:#9400e8;--purple2:#c229f3;--orange:#ff6100;--peach:#ff9356;
  --ink:#141936;--muted:#66708b;--line:#e5e8f2;--white:#fff;--green:#16c65e;
  --bg-soft:#f7f7fc;--round:24px;--container:min(1230px,calc(100% - 64px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.container{width:var(--container);margin-inline:auto}
.icons-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

.topbar{background:#0c1134;color:#fff;font-size:12px;letter-spacing:.01em}
.topbar-inside{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;flex-wrap:wrap}
.topbar a{font-weight:850}
.online-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:100%;margin-right:6px;box-shadow:0 0 0 4px #ff610022}

.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-bottom:1px solid #e9e9ef;box-shadow:0 5px 25px #0b10300c}
.navigation{min-height:94px;display:flex;align-items:center;gap:34px}
.brand{display:block;flex:none}
.brand img{width:182px;height:auto;max-height:80px;object-fit:contain;object-position:left center}
.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}
.nav-links a{font-weight:800;font-size:14px;position:relative;color:#303451;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:#8100df}
.nav-links a.active::after{content:"";height:3px;width:100%;position:absolute;left:0;bottom:-36px;background:linear-gradient(90deg,#ff6100,#9400e8);border-radius:20px}
.header-cta{display:flex;align-items:center;gap:8px;background:linear-gradient(110deg,#a52cf3,#6c1bf1);color:#fff;padding:14px 17px;font-size:13px;font-weight:850;border-radius:16px;white-space:nowrap;box-shadow:0 8px 24px #8200d025}
.header-cta svg{width:16px;height:16px}
.header-cta:hover{filter:brightness(1.08)}
.mobile-menu{display:none;border:none;background:#f4ebff;color:#8405db;border-radius:11px;padding:11px}

.hero-section{background:#100b2a}
.slider{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;outline-offset:-4px;isolation:isolate}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease, visibility .7s ease;overflow:hidden;color:white;pointer-events:none}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.slide-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.slide-shading{position:absolute;inset:0;pointer-events:none}
.slide-family .slide-shading,.slide-entertainment .slide-shading{background:linear-gradient(90deg,rgba(8,5,32,.76) 0%,rgba(13,8,49,.45) 40%,rgba(13,8,49,.08) 68%,transparent 85%)}
.slide-technician .slide-shading{background:linear-gradient(90deg,rgba(10,8,31,.10) 0%,rgba(19,14,52,.08) 28%,rgba(255,255,255,.10) 43%,rgba(255,255,255,.66) 64%,rgba(255,255,255,.84) 100%)}
.slide-copy{position:absolute;z-index:2;top:12%;bottom:10%;left:max(4.5%,calc((100vw - 1230px)/2));width:min(44%,620px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-shadow:0 1px 18px #0a0a1930}
.slide-technician{color:#0e1740}
.slide-technician .slide-copy{left:auto;right:max(4.5%,calc((100vw - 1230px)/2));width:min(41%,560px);text-shadow:0 1px 20px #fff8}
.slide-kicker{display:inline-flex;font-weight:900;font-size:clamp(10px,1.05vw,14px);letter-spacing:.15em;margin-bottom:20px;padding:11px 16px;border-radius:999px;background:#ffffff25;border:1px solid #ffffff3d;backdrop-filter:blur(7px)}
.slide-technician .slide-kicker{background:#ffffffcf;color:#742ed0;border-color:#d5b7ef}
.slide-copy h1,.slide-copy h2{margin:0 0 18px;line-height:1.01;font-size:clamp(34px,4.7vw,76px);letter-spacing:-.06em;max-width:660px;font-weight:900}
.slide-technician .slide-copy h1{font-size:clamp(36px,4.5vw,72px)}
.slide-copy h1 span,.slide-copy h2 span{display:block;color:#ff9c55}
.slide-technician .slide-copy h1 span{background:linear-gradient(125deg,#f86713,#bd1be2);background-clip:text;-webkit-background-clip:text;color:transparent}
.slide-copy p{font-size:clamp(14px,1.55vw,21px);font-weight:540;line-height:1.52;max-width:560px;margin:0 0 20px;opacity:.98}
.slide-technician .slide-copy p{color:#303651}
.slide-hero-price{display:grid;gap:7px;margin:0 0 18px;padding:18px 20px 17px;border-radius:22px;background:linear-gradient(130deg,rgba(16,24,75,.56),rgba(59,30,129,.40));color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 48px rgba(36,8,78,.20);backdrop-filter:blur(14px);width:fit-content;max-width:100%;overflow:visible}
.slide-technician .slide-hero-price{background:linear-gradient(135deg,rgba(16,24,78,.54),rgba(48,21,114,.40))}
.slide-hero-price small{font-size:11px;letter-spacing:.18em;font-weight:900;color:#ffddb8}
.slide-hero-price div{display:flex;align-items:flex-end;gap:8px;line-height:1;flex-wrap:nowrap;overflow:visible}
.slide-hero-price div span{font-size:24px;font-weight:900;color:#ffb16b;padding-bottom:10px}
.slide-hero-price div strong{display:inline-block;font-size:88px;line-height:.88;font-weight:1000;letter-spacing:-.03em;padding-right:4px;background:linear-gradient(180deg,#fffef5 0%,#fff2c0 22%,#ffd84a 58%,#ff7c0c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 28px rgba(255,122,0,.14),0 0 36px rgba(255,171,42,.32);overflow:visible}
.slide-hero-price div em{font-style:normal;font-size:18px;font-weight:800;color:#f2e9ff;padding-bottom:12px;white-space:nowrap}
.slide-hero-price b{font-size:13px;color:#f8f1ff;font-weight:800}
.slide-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;font-size:clamp(11px,1.04vw,15px);font-weight:850;border-radius:14px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px;stroke-width:2.4}
.btn-orange{background:linear-gradient(115deg,#ff7600,#e94075,#9226eb);color:#fff;box-shadow:0 12px 24px #8100d433}
.btn-outline{color:#fff;background:#ffffff15;border-color:#ffffff8a;backdrop-filter:blur(6px)}
.slide-technician .btn-outline{border-color:#a6a9b7;color:#202948;background:#ffffffbf}
.slider-nav{position:relative;background:#121032;color:#fff}
.slider-nav-inside{display:flex;align-items:center;gap:22px;height:61px}
.slider-pagers{display:flex;gap:8px}
.slider-pagers button{height:7px;width:28px;border:none;border-radius:30px;background:#7f7897;padding:0}
.slider-pagers button.active{width:46px;background:linear-gradient(90deg,#ff660c,#d726c9)}
.slider-index{font-size:12px;color:#bcb6df;margin-left:auto}
.slider-index b{font-size:16px;color:#fff}
.slider-arrows{display:flex;gap:7px}
.slider-arrows button{width:36px;height:36px;border:1px solid #ffffff44;background:#ffffff12;color:white;border-radius:100%;font-size:19px}

.benefit-bar{background:linear-gradient(104deg,#ab00cf,#ed0097 46%,#ff6817 100%);color:white;padding:30px 0 34px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.benefit{text-align:center;position:relative;padding:22px 18px 20px;border-radius:28px;background:#ffffff12;border:1px solid #ffffff26;backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 #ffffff1c}
.benefit + .benefit::before{display:none}
.benefit-media{width:92px;height:92px;margin:0 auto 10px;display:grid;place-items:center}
.benefit-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(38,0,68,.22))}
.benefit h3{font-size:clamp(15px,1.5vw,21px);margin:0 0 7px}
.benefit p{font-size:clamp(11px,1vw,14px);line-height:1.55;margin:0;color:#fffdfd}

.section{padding:88px 0}
.section-heading h2{font-size:clamp(33px,3.3vw,52px);letter-spacing:-.05em;line-height:1.1;margin:12px 0}
.section-heading p{font-size:16px;color:var(--muted);margin:0;line-height:1.6}
.centered{text-align:center;margin:auto auto 45px;max-width:860px}
.section-label{display:inline-block;color:#a524e7;font-weight:900;letter-spacing:.18em;font-size:12px}
.section-label.inverted{color:#ffa767}

.plans{background:linear-gradient(180deg,#fff 0%,#f7f5fd 100%)}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;border:1px solid #dfddf4;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 42px #15154110;transition:transform .25s,box-shadow .25s,border-color .25s}
.plan-card:hover{transform:translateY(-6px);box-shadow:0 24px 46px #15154118;border-color:#cab6f4}
.plan-card.featured{border:2px solid #a622ee;box-shadow:0 18px 54px #9c29eb24}
.plan-top{padding:26px 22px 20px;color:#fff;background:linear-gradient(140deg,#141a4d,#302377);min-height:146px;position:relative}
.plan-card.featured .plan-top{background:linear-gradient(115deg,#ff6416,#c832b5 63%,#7b29e8)}
.plan-top small{font-size:12px;letter-spacing:.14em;font-weight:900}
.speed-number{font-size:clamp(40px,3.4vw,57px);letter-spacing:-.055em;font-weight:1000;line-height:1;margin-top:10px}
.speed-number span{font-size:17px;letter-spacing:0}
.plan-promo{margin-top:12px;font-size:12px;font-weight:800;color:#d8d4ff}
.featured .plan-promo{color:#fff3ff}
.flag{position:absolute;right:12px;top:14px;z-index:2;background:#fff;color:#8c22e3;font-weight:900;font-size:10px;letter-spacing:.08em;border-radius:999px;padding:8px 10px;box-shadow:0 5px 12px #2009382a}
.plan-body{display:flex;flex:1;flex-direction:column;padding:19px 21px 22px}
.plan-tags{display:flex;gap:7px;margin:0 0 15px;flex-wrap:wrap}
.plan-tags span{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;border:1px solid #ece9ff;border-radius:11px;color:#6830c7;background:#f8f4ff;padding:7px}
.plan-tags svg{width:14px;height:14px}
.plan-card ul{padding:0;margin:0 0 18px;list-style:none;display:grid;gap:10px}
.plan-card li{color:#4a5571;font-size:14px;display:flex;align-items:flex-start;gap:9px;line-height:1.4}
.plan-card li::before{content:"✓";font-weight:900;color:#9621d8}
.price{margin-top:auto;display:flex;align-items:baseline;justify-content:flex-start;gap:4px;color:#14162f;font-weight:1000;letter-spacing:-.06em}
.price strong{font-size:56px;line-height:1;background:linear-gradient(180deg,#0d123d 0%,#17256e 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.featured .price strong,.plan-card:first-child .price strong{background:linear-gradient(180deg,#ff7c15 0%,#ff5d00 35%,#0c163d 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.price small{font-size:20px;color:#f65a17}
.price span{font-size:13px;color:#67718f;letter-spacing:0;font-weight:700}
.price-badge{display:inline-flex;align-self:flex-start;margin-top:9px;font-size:11px;font-weight:900;color:#5745a4;background:#f0eaff;border:1px solid #e3d6ff;border-radius:999px;padding:7px 10px}
.price-badge.hot{background:#fff0fa;color:#bf1188;border-color:#ffc1ea}
.plan-action{display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(110deg,#1f2452,#5627ad);padding:14px 18px;font-size:14px;font-weight:850;border-radius:14px;margin-top:16px;box-shadow:0 10px 22px #220d530f}
.plan-action svg{width:19px;height:19px}
.featured .plan-action{background:linear-gradient(115deg,#ff670a,#8d1be0)}
.terms-note{text-align:center;color:#778098;font-size:12px;margin:25px 0 0}

.tv-block{background:linear-gradient(130deg,#0b0e2a 0%,#21104f 100%);color:#fff;overflow:hidden}
.tv-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;padding-top:65px;padding-bottom:65px}
.tv-text h2{font-size:clamp(38px,4vw,65px);line-height:1.02;margin:14px 0 20px;letter-spacing:-.045em}
.tv-text p{font-size:17px;color:#cdd3ef;line-height:1.65}
.tv-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.tv-pills span{padding:9px 14px;background:#ffffff17;border:1px solid #ffffff38;border-radius:99px;font-size:12px;font-weight:800}
.tv-photo{border-radius:24px;overflow:hidden;box-shadow:0 28px 60px #00000030;border:1px solid #ffffff0f}
.tv-photo img{width:100%;height:100%;object-fit:cover}

.coverage{background:#f6f6fb}
.coverage-panel{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:32px;background:#fff;border:1px solid #ebe6f6;box-shadow:0 20px 44px #140c490a}
.coverage-image{position:relative;min-height:430px;background:linear-gradient(145deg,#2a1262,#120d34)}
.coverage-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fiber-glow{position:absolute;inset:auto auto -120px -90px;width:280px;height:280px;border-radius:50%;filter:blur(40px);background:radial-gradient(circle,#ff7d1c77 0%,#ff2db555 42%,transparent 72%);z-index:1}
.coverage-place{position:absolute;left:28px;bottom:24px;z-index:2;background:#ffffff18;color:#fff;border:1px solid #ffffff3a;border-radius:999px;display:flex;align-items:center;gap:8px;padding:10px 15px;font-weight:800;backdrop-filter:blur(8px)}
.coverage-place svg{width:17px;height:17px}
.coverage-copy{padding:50px 48px;align-self:center}
.coverage-copy h2{font-size:clamp(34px,3vw,48px);letter-spacing:-.045em;line-height:1.05;margin:15px 0}
.coverage-copy p{font-size:16px;color:var(--muted);line-height:1.7}
.coverage form{display:grid;gap:11px;margin-top:22px}
.coverage form label{font-size:13px;font-weight:800;color:#25304a}
.coverage form input{width:100%;border-radius:14px;border:1px solid #dce0ef;background:#fafaff;padding:16px;font-size:14px}
.coverage form button{justify-self:start}
.coverage-foot{display:flex;gap:8px;align-items:center;color:#858da5;font-size:12px;margin-top:17px}
.coverage-foot svg{width:16px;height:16px}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-panel{background:linear-gradient(130deg,#171646,#43209a);border-radius:23px;padding:40px;color:#fff}
.contact-panel h2{font-size:clamp(35px,3vw,48px);line-height:1.04;letter-spacing:-.05em;margin:17px 0}
.contact-panel p{color:#d7d6ed;line-height:1.6}
.contact-panel strong{display:block;font-size:35px;letter-spacing:.01em;margin-top:25px}
.faq{padding:33px;border-radius:23px;border:1px solid #e3e5f1;background:#fff}
.faq h3{font-size:24px;margin:3px 0 16px}
.faq details{padding:17px 0;border-top:1px solid #e4e6f1}
.faq summary{font-weight:800;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:#8f19e3;font-size:19px}
.faq details[open] summary:after{content:"−"}
.faq p{color:#707b96;line-height:1.65;font-size:13px;margin-bottom:0}

.footer{background:#fdfbff;color:#25254a;border-top:1px solid #eee8f9}
.footer-top{display:grid;grid-template-columns:1.4fr .75fr 1fr;gap:65px;padding:44px 0 48px;align-items:start}
.footer-brand a{display:inline-flex;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid #ece7f8;box-shadow:0 10px 24px rgba(17,9,68,.06);margin-bottom:14px}.footer-brand img{width:188px;height:auto;max-width:100%;margin-bottom:0}
.footer-brand p{max-width:390px;color:#6b6888;line-height:1.5;font-size:14px;margin:0}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links h4{font-size:16px;margin:12px 0 4px;color:#17193c}
.footer-links a,.footer-links span{font-size:13px;color:#5d617c}
.footer-links a:hover{color:#a125e7}
.footer-bottom{background:#0e1233;color:#cbd2ed}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;font-size:12px}

.float-whatsapp{display:flex;align-items:center;gap:12px;position:fixed;z-index:100;right:24px;bottom:24px;border:2px solid rgba(255,255,255,.96);border-radius:999px;padding:10px 18px 10px 10px;background:linear-gradient(135deg,#22d765 0%,#15c658 58%,#10b44a 100%);color:white;font-size:13px;font-weight:900;box-shadow:0 18px 38px rgba(0,88,32,.28),0 0 0 6px rgba(34,214,96,.1)}
.float-whatsapp span{display:block}

@media(max-width:1130px){
  .navigation{gap:18px}.nav-links{gap:15px}.nav-links a{font-size:12px}.brand img{width:150px}.header-cta{padding:12px 14px}
  .plan-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{gap:12px}.coverage-copy{padding:34px}
}
@media(max-width:860px){
  :root{--container:min(100% - 36px,1230px)}
  .navigation{min-height:77px}.brand img{width:140px}
  .nav-links{display:none;position:absolute;top:100%;left:18px;right:18px;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:10px 18px;border:1px solid var(--line);box-shadow:0 20px 35px #0b103025;border-radius:0 0 16px 16px}
  .nav-links.mobile-open{display:flex}.nav-links a{font-size:14px;padding:11px 0;width:100%}.nav-links a.active:after{display:none}
  .header-cta{margin-left:auto}.mobile-menu{display:flex}
  .slide-copy{top:9%;bottom:8%}.slide-copy h1,.slide-copy h2{font-size:clamp(25px,4.2vw,43px);margin-bottom:8px}.slide-copy p{font-size:clamp(11px,1.8vw,15px);margin-bottom:12px}.slide-kicker{margin-bottom:9px;padding:7px 10px}
  .slide-hero-price div strong{font-size:68px}.slide-hero-price b{font-size:12px}
  .slide-actions{gap:7px}.slide-actions .btn{padding:9px 11px}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(3)::before{display:none}
  .tv-layout,.coverage-panel,.contact-grid{grid-template-columns:1fr}.tv-layout{gap:18px}.footer-top{gap:25px}
}
@media(max-width:640px){
  :root{--container:min(100% - 28px,1230px)}
  .topbar-inside{justify-content:center;padding:7px 0;font-size:10px;gap:7px 16px}.topbar-inside>span:nth-child(2){display:none}
  .header-cta{font-size:11px;padding:10px}.header-cta svg{display:none}.navigation{gap:8px}.brand img{width:120px}
  .slider{aspect-ratio:auto;min-height:0;display:block}.slide{position:relative;display:none;opacity:1;visibility:visible;pointer-events:auto}.slide.is-active{display:block}
  .slide-photo{position:relative;inset:auto;width:100%;height:auto;object-fit:cover;min-height:300px}
  .slide-shading{display:none}
  .slide-copy,.slide-technician .slide-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:26px 20px 30px;display:flex;background:linear-gradient(125deg,#130c35,#2d1a5b);color:#fff;text-shadow:none}
  .slide-technician .slide-copy h1 span{color:#ff9d6a;background:none}.slide-kicker,.slide-technician .slide-kicker{background:#ffffff16;border-color:#ffffff30;color:#fff}
  .slide-copy h1,.slide-copy h2,.slide-technician .slide-copy h1{font-size:clamp(31px,8.4vw,45px);line-height:1.05;margin:0 0 12px}
  .slide-copy p,.slide-technician .slide-copy p{font-size:14px;color:#e7e0f8;margin:0 0 18px}
  .slide-copy .btn-outline,.slide-technician .btn-outline{color:#fff;background:#ffffff16;border-color:#ffffff4b}
  .slide-hero-price,.slide-technician .slide-hero-price{background:linear-gradient(135deg,#2b1a68,#4d1fa1)}
  .slide-hero-price div strong{font-size:62px}.slide-hero-price div em{font-size:16px;padding-bottom:7px}
  .slide-actions .btn{padding:12px}
  .slider-nav-inside{height:52px}
  .benefit-bar{padding:28px 0}.benefit-grid{gap:22px 0}.benefit{padding:0 8px}.benefit:nth-child(odd)::before{display:none}.benefit h3{font-size:14px}.benefit p{font-size:11px}.benefit svg{width:34px;height:34px;padding:8px}
  .section{padding:60px 0}.section-heading h2{font-size:34px}.centered{margin-bottom:28px}
  .plan-grid{grid-template-columns:1fr;gap:16px}.plan-card{max-width:520px;width:100%;margin-inline:auto}.plan-top{min-height:0;padding:18px}.plan-body{padding:18px}.price{justify-content:flex-start}
  .tv-layout{padding-top:48px;padding-bottom:48px}.tv-text h2{font-size:41px}
  .coverage-image{min-height:320px}.coverage-copy{padding:30px 22px}.coverage form button{width:100%}
  .contact-panel,.faq{padding:25px}.contact-panel strong{font-size:28px}
  .footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-brand img{width:215px}
  .footer-bottom .container{min-height:70px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}
  .float-whatsapp{padding:9px;right:14px;bottom:14px}.float-whatsapp span:last-child{display:none}.float-whatsapp .float-wa-badge{width:40px;height:40px}.float-whatsapp .float-wa-badge .wa-icon-disc{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.btn,.process-step,.ring-fill{transition:none}}


/* DATEL V7.4 — Secuencia óptica de nodos circulares */
.process {
  position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 12% 24%,rgba(255,119,13,.06),transparent 37%),
    radial-gradient(ellipse at 87% 80%,rgba(150,39,241,.07),transparent 38%),#fbfaff;
}
.process .section-heading{margin-bottom:29px}
.process .section-heading h2{font-size:clamp(35px,3.8vw,57px);letter-spacing:-.055em}
.process .section-heading p{font-size:16px;color:#73748c}
.steps-flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;padding-top:30px;min-height:302px;isolation:isolate}
.process-connection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.connection-track,.connection-bloom,.connection-progress{fill:none;stroke-linecap:round;stroke-linejoin:round}
.connection-track{stroke:#e5ddf5;stroke-width:8;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}
.connection-bloom{stroke:url(#datelFlowGradient);stroke-width:17;opacity:.65;filter:url(#fiberBloom)}
.connection-progress{stroke:url(#datelFlowGradient);stroke-width:7;filter:drop-shadow(0 0 4px rgba(255,89,160,.48))}
.process-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.22;transform:translateY(14px) scale(.96);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.85,.26,1)}
.process-step.is-revealed{opacity:1;transform:translateY(0) scale(1)}
.process-node{width:180px;height:180px;position:relative;display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff 0%,#fdfbff 58%,#f2edfd 100%);box-shadow:0 13px 33px rgba(67,27,127,.09);isolation:isolate}
.process-node::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(233,86,224,.20),rgba(160,48,243,.10) 50%,transparent 70%);opacity:0;transform:scale(.82);transition:opacity .5s ease,transform .6s ease;z-index:-1}
.process-step.is-active .process-node::before{opacity:1;transform:scale(1.12)}
.process-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring-track{fill:none;stroke:#e7ddf7;stroke-width:5}
.ring-fill{fill:none;stroke:url(#datelRingGradient);stroke-width:6;stroke-linecap:round;stroke-dasharray:490.09;stroke-dashoffset:490.09;filter:drop-shadow(0 0 4px rgba(185,54,243,.35))}
.process-node-inner{width:139px;height:139px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(150deg,#fff 12%,#f7f3ff 100%);box-shadow:inset 0 1px 0 #fff,0 6px 17px rgba(65,27,142,.06);border:1px solid #f1eaff}
.process-symbol{width:43px;height:43px;stroke:url(#datelRingGradient);stroke-width:1.8;transition:transform .35s ease;}
.process-step.is-active .process-symbol{transform:scale(1.12)}
.process-percent{font-weight:900;font-size:25px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#8528dd}
.process-step-label{display:inline-flex;align-items:center;justify-content:center;margin-top:21px;margin-bottom:8px;padding:7px 12px;border-radius:999px;background:#eee5ff;color:#882bdd;font-size:11px;letter-spacing:.15em;font-weight:900}
.process-step h3{margin:0 0 9px;color:#12183b;letter-spacing:-.025em;font-size:clamp(20px,1.9vw,25px);font-weight:850;line-height:1.25}
.process-step p{max-width:300px;font-size:14px;color:#6a728d;line-height:1.55;margin:0}
.process-step.is-complete .process-node{box-shadow:0 9px 25px rgba(155,49,234,.12)}
.process-footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:27px;font-size:13px;color:#737a94}
.process-footnote strong{color:#6b30b6}
.process-footnote-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff8013,#9127ed);box-shadow:0 0 12px rgba(201,45,212,.45)}
@media(max-width:760px){
  .steps-flow{grid-template-columns:1fr;gap:27px;min-height:0;padding:10px 0 5px}
  .process-step{min-height:144px;display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:repeat(3,auto);column-gap:15px;align-content:center;align-items:center;text-align:left;justify-items:start}
  .process-node{grid-column:1;grid-row:1 / 4;width:130px;height:130px}
  .process-node-inner{width:101px;height:101px;gap:6px}
  .process-symbol{width:31px;height:31px}
  .process-percent{font-size:21px}
  .process-step-label{grid-column:2;grid-row:1;margin:0 0 4px}
  .process-step h3{grid-column:2;grid-row:2;font-size:21px;margin-bottom:4px}
  .process-step p{grid-column:2;grid-row:3;font-size:13px;line-height:1.42}
  .process-footnote{margin-top:23px}
}
@media(max-width:420px){
  .process-step{grid-template-columns:110px minmax(0,1fr);gap:0 12px;min-height:120px}
  .process-node{width:110px;height:110px}
  .process-node-inner{width:87px;height:87px}
  .process-symbol{width:27px;height:27px}
  .process-percent{font-size:19px}
  .process-step h3{font-size:18px}
  .process-step p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .process-step,.process-node::before,.process-symbol{transition:none}
}


/* V7.5 PLANES DATEL — tarjetas HTML/CSS reales, sin imagen de fondo */
.plans{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fbf9ff 0%,#fff 58%,#f8f5ff 100%)}
.plans::before,.plans::after{content:"";position:absolute;pointer-events:none;z-index:-1;border:1px solid rgba(190,106,244,.14);width:650px;height:310px;border-radius:50%;transform:rotate(-20deg)}
.plans::before{top:-154px;left:-220px;box-shadow:0 0 0 35px rgba(195,69,243,.026),0 0 0 75px rgba(195,69,243,.025)}
.plans::after{top:-110px;right:-280px;box-shadow:0 0 0 34px rgba(255,112,18,.035),0 0 0 72px rgba(186,53,246,.026)}
.tariff-heading{margin-bottom:44px;max-width:980px}
.tariff-heading h2{font-size:clamp(33px,4vw,58px);line-height:1.08;letter-spacing:-.055em;margin:14px 0}
.tariff-heading h2 span{background:linear-gradient(105deg,#8b21e9 2%,#c325c9 47%,#ff6609 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tariff-heading p{font-size:17px;max-width:720px;margin:0 auto}
.tariff-eyebrow{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(95deg,#fce7f5,#f4eaff);border:1px solid #f3dbf6;color:#9a22dc;border-radius:99px;padding:11px 19px;letter-spacing:.08em;font-size:12px;font-weight:900}
.tariff-eyebrow svg{width:17px;height:17px}
.tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-items:stretch}
.tariff-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7dff5;border-radius:28px;background:#fff;box-shadow:0 19px 42px rgba(57,30,119,.075);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.tariff-card:hover{transform:translateY(-7px);box-shadow:0 25px 50px rgba(97,28,157,.14);border-color:#c9a5f7}
.tariff-card.tariff-featured{border:2px solid #ba1bf5;box-shadow:0 15px 38px rgba(185,32,238,.18),0 0 0 5px rgba(185,32,238,.035)}
.tariff-card.tariff-featured:hover{box-shadow:0 28px 55px rgba(185,32,238,.23)}
.tariff-head{position:relative;min-height:188px;padding:26px 24px 28px;background:linear-gradient(125deg,#14164d 0%,#3c1c83 68%,#5820b4 100%);color:#fff;overflow:hidden;isolation:isolate}
.tariff-head::before{content:"";position:absolute;right:-50px;bottom:-92px;width:220px;height:165px;border-radius:50%;background:linear-gradient(120deg,rgba(255,255,255,.10),rgba(178,60,255,.48));transform:rotate(-20deg);z-index:-1}
.tariff-featured .tariff-head{background:linear-gradient(120deg,#ff7814 0%,#f04486 35%,#c31dd4 70%,#8621e9 100%)}
.tariff-name-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.tariff-name{font-size:13px;font-weight:900;letter-spacing:.115em;white-space:nowrap}
.tariff-main-icon{width:34px;height:34px;stroke-width:1.7;color:#f0dbff;opacity:.9}
.tariff-speed{position:relative;margin-top:10px;font-size:clamp(42px,3.6vw,59px);font-weight:950;letter-spacing:-.055em;line-height:1}
.tariff-speed small{font-size:19px;letter-spacing:-.01em;font-weight:800}
.tariff-head p{position:relative;font-size:13px;font-weight:650;margin:13px 0 0;color:#f2eaff}
.tariff-wave{position:absolute;bottom:-14px;left:-8%;width:120%;height:56px;border-radius:48% 52% 0 0 / 70% 68% 0 0;background:linear-gradient(90deg,transparent,rgba(157,35,250,.20),rgba(171,59,241,.57));transform:rotate(-4deg);z-index:-1}
.tariff-featured .tariff-wave{background:linear-gradient(90deg,rgba(255,247,255,.03),rgba(255,112,221,.36),rgba(134,29,234,.44))}
.tariff-crown{position:absolute;top:12px;right:10px;z-index:3;display:flex;align-items:center;gap:6px;background:#fff;color:#8420d9;border-radius:999px;padding:9px 11px;font-size:10px;font-weight:950;letter-spacing:.025em;box-shadow:0 8px 20px rgba(49,16,85,.15)}
.tariff-crown svg{width:15px;height:15px;color:#ff820e}
.tariff-featured .tariff-name-row{padding-right:0;padding-top:11px}
.tariff-featured .tariff-main-icon{width:29px;height:29px;margin-right:12px}
.tariff-body{padding:22px 23px 23px;display:flex;flex:1;flex-direction:column}
.tariff-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.tariff-tags span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#f3eaff;border-radius:99px;color:#6129be;padding:8px 10px;font-size:11px;font-weight:850}
.tariff-tags svg{width:15px;height:15px}
.tariff-features{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:13px}
.tariff-features li{display:flex;align-items:center;gap:9px;color:#5e6683;font-size:13px;line-height:1.3}
.tariff-benefit-icon{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:12px;background:#f7f1ff;color:#8d2be3}
.tariff-benefit-icon svg{width:16px;height:16px;stroke-width:2.2}
.tariff-featured .tariff-benefit-icon{background:#fff0f8;color:#f23883}
.tariff-offer{margin-top:auto;border-top:1px solid #ece8f4;padding-top:19px}
.tariff-price{display:flex;align-items:baseline;gap:4px;line-height:1;white-space:nowrap}
.tariff-price strong{font-size:clamp(59px,5.2vw,78px);font-weight:950;letter-spacing:-.055em;background:linear-gradient(180deg,#ff8b1d 0%,#ff6400 50%,#d93517 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:5px}
.tariff-currency{font-size:26px;font-weight:900;color:#fa660b}
.tariff-period{font-size:16px;color:#6a7492;font-weight:800;letter-spacing:0}
.tariff-offer-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 14px;background:#f0e6ff;border-radius:999px;color:#6426ba;font-size:12px;font-weight:850;margin-top:9px}
.tariff-featured .tariff-offer-pill{background:#ffe5f4;color:#c12884}
.tariff-action{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;margin-top:19px;min-height:54px;border-radius:17px;background:linear-gradient(120deg,#1c205e,#6b14cf);color:white;font-size:15px;font-weight:900;box-shadow:0 10px 22px rgba(91,24,164,.16);transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}
.tariff-action svg{position:absolute;right:19px;width:19px;height:19px}
.tariff-action:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 14px 28px rgba(91,24,164,.23)}
.tariff-featured .tariff-action{background:linear-gradient(110deg,#ff8307,#f1366c,#9820e8)}
.tariff-featured .tariff-action:hover{box-shadow:0 16px 29px rgba(211,35,133,.22)}
.plans .terms-note{text-align:center;margin:26px 0 0;font-size:12px;color:#81869d}
@media(max-width:1160px){.tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}.tariff-speed{font-size:56px}.tariff-price strong{font-size:74px}.tariff-head{min-height:190px}}
@media(max-width:640px){.tariff-grid{grid-template-columns:1fr;gap:18px;max-width:460px}.tariff-heading{margin-bottom:30px}.tariff-heading h2{font-size:35px}.tariff-heading p{font-size:14px}.tariff-head{min-height:176px;padding:24px}.tariff-speed{font-size:56px}.tariff-body{padding:20px 22px 23px}.tariff-card:hover{transform:none}.tariff-price strong{font-size:74px}}
@media(prefers-reduced-motion:reduce){.tariff-card,.tariff-action{transition:none}}


/* V7.7 - Néon real alrededor de la tarjeta ACTUAL .tariff-card.
   SVG sigue exactamente los 4 bordes y esquinas redondeadas.
   Se activa sólo con mouse encima o teclado dentro de la tarjeta. */
.tariff-card{
  isolation:isolate;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.tariff-card .tariff-neon-border{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  display:block;
  overflow:visible;
  z-index:20;
  pointer-events:none;
  opacity:0;
  transition:opacity .20s ease;
  border-radius:inherit;
}
.tariff-card:is(:hover,:focus-within) .tariff-neon-border{opacity:1}
.tariff-neon-border .tariff-neon-base{
  fill:none;
  stroke:#ba36fa;
  stroke-width:2.8;
  stroke-opacity:.68;
  filter:drop-shadow(0 0 2px rgba(195,55,242,.65));
}
.tariff-neon-border .tariff-neon-halo{
  fill:none;
  stroke-width:12;
  stroke-linecap:round;
  stroke-opacity:.85;
  filter:blur(5px);
}
.tariff-neon-border .tariff-neon-beam{
  fill:none;
  stroke-width:5;
  stroke-linecap:round;
  filter:drop-shadow(0 0 4px #ff9b22) drop-shadow(0 0 6px #ef35cc);
}
.tariff-card:is(:hover,:focus-within) .tariff-neon-halo,
.tariff-card:is(:hover,:focus-within) .tariff-neon-beam{
  animation:tariff-neon-circuit 2.5s linear infinite;
}
@keyframes tariff-neon-circuit{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:var(--tariff-neon-lap)}
}
.tariff-card:is(:hover,:focus-within){
  border-color:#db6dff;
  transform:translateY(-7px);
  box-shadow:0 22px 48px rgba(104,24,173,.19),
             0 0 18px rgba(191,49,238,.24),
             0 0 36px rgba(255,115,31,.14);
}
.tariff-card.tariff-featured:is(:hover,:focus-within){
  box-shadow:0 22px 52px rgba(181,37,219,.24),
             0 0 19px rgba(232,55,228,.32),
             0 0 35px rgba(255,126,20,.17);
}
@media (prefers-reduced-motion:reduce){
 .tariff-card:is(:hover,:focus-within) .tariff-neon-halo,
 .tariff-card:is(:hover,:focus-within) .tariff-neon-beam{animation:none;}
}



/* V7.8 | DATEL TV: composición cinematográfica, sin cambiar la sección de planes */
.tv-premium{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(116deg,#090e2a 0%,#14113c 45%,#241054 77%,#100b33 100%);
  color:#fff;padding:84px 0 41px;
}
.tv-premium::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse 65% 80% at 81% 34%,rgba(130,38,235,.18),transparent 75%),
             radial-gradient(ellipse 38% 75% at 16% 85%,rgba(255,106,18,.10),transparent 75%)}
.tv-premium::after{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;opacity:.25;
  background:repeating-linear-gradient(130deg,transparent 0,transparent 118px,rgba(255,255,255,.025) 119px,transparent 120px)}
.tv-ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(42px);opacity:.50}
.tv-ambient-one{width:360px;height:360px;background:radial-gradient(circle,#b518ed85,transparent 68%);right:-160px;top:-130px}
.tv-ambient-two{width:290px;height:290px;background:radial-gradient(circle,#ff6b1380,transparent 70%);left:-160px;bottom:-130px}
.tv-premium-layout{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:42px;min-height:440px}
.tv-premium-copy{position:relative;z-index:2;padding:10px 0}
.tv-premium-brow{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#ffc59b}
.tv-brow-dot{width:8px;height:8px;border-radius:50%;background:#ff7d18;box-shadow:0 0 0 4px rgba(255,125,24,.16),0 0 15px rgba(255,125,24,.75)}
.tv-premium-brow-divider{height:15px;width:1px;background:#9c8cbd70;margin:0 1px}
.tv-premium-brow span:last-child{color:#bcabd6}
.tv-premium-copy h2{font-size:clamp(39px,4.4vw,67px);line-height:1.055;letter-spacing:-.055em;margin:22px 0 21px;font-weight:900;max-width:600px;text-wrap:balance}
.tv-premium-copy h2 span{display:block;background:linear-gradient(100deg,#ffb45f 0%,#ff6d3a 27%,#ef44b4 66%,#b572ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:3px}
.tv-premium-copy>p{font-size:16px;line-height:1.77;color:#d5d4e8;margin:0 0 21px;max-width:450px}
.tv-premium-highlights{display:grid;gap:10px;margin-bottom:26px;color:#f5edff;font-weight:650;font-size:13px}
.tv-premium-highlights>div{display:flex;align-items:center;gap:10px}
.tv-premium-highlights svg{height:20px;width:20px;padding:4px;border-radius:50%;background:#a044ff32;stroke:#ffb56b;stroke-width:3}
.tv-premium-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:25px}
.tv-premium-primary,.tv-premium-secondary{display:inline-flex;justify-content:center;align-items:center;gap:13px;font-size:14px;font-weight:850;min-height:52px;border-radius:15px;padding:14px 22px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.tv-premium-primary{background:linear-gradient(110deg,#ff7613 0%,#ef3775 48%,#9722f1 100%);color:white;box-shadow:0 12px 34px rgba(188,42,165,.34)}
.tv-premium-primary:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(188,42,165,.50)}
.tv-premium-secondary{border:1px solid rgba(213,199,255,.28);background:rgba(255,255,255,.045);color:#f1ecff}
.tv-premium-secondary:hover{transform:translateY(-3px);background:rgba(255,255,255,.10)}
.tv-premium-actions svg{width:17px;height:17px}
.tv-premium-note{font-size:12px;color:#a99fc9;display:flex;gap:8px;align-items:center}
.tv-premium-note span{color:#ff8f45;font-size:18px}
.tv-premium-visual{position:relative;isolation:isolate;padding:14px 0 20px;min-width:0}
.tv-premium-halo{position:absolute;z-index:-1;inset:6% -4% 8%;background:conic-gradient(from -60deg,#ee4fa570,#912afa80,#4e32bd45,#ff8c1940,#ee4fa570);border-radius:35%;filter:blur(35px);opacity:.80;animation:tv-halo-breathe 7s ease-in-out infinite}
@keyframes tv-halo-breathe{0%,100%{opacity:.58;transform:scale(.985)}50%{opacity:.96;transform:scale(1.04)}}
.tv-premium-screen{position:relative;overflow:hidden;aspect-ratio:1672 / 941;width:100%;border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(232,180,255,.22),0 0 0 6px rgba(255,255,255,.025);background:#100b2b}
.tv-premium-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 38px rgba(0,0,0,.14)}
.tv-premium-screen img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1);transition:transform .8s ease}
.tv-premium-screen:hover img{transform:scale(1.025)}
.tv-premium-screen-top{position:absolute;top:16px;left:17px;display:flex;gap:8px;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(7,11,37,.70);backdrop-filter:blur(12px);border-radius:999px;padding:9px 12px;box-shadow:0 8px 22px #0002;font-size:10px;font-weight:800;letter-spacing:.06em}
.tv-premium-screen-top i{font-style:normal;color:#ff8a43}
.tv-screen-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#ff7334;box-shadow:0 0 9px #ff824d}
.tv-premium-screen-top span:last-child{font-size:9px;color:#d7d2f1;font-weight:750;border-left:1px solid #ffffff55;padding-left:8px}
.tv-premium-stage{position:absolute;width:77%;height:22px;left:11.5%;bottom:2px;border-radius:50%;background:radial-gradient(ellipse,rgba(163,60,238,.47),transparent 72%);filter:blur(13px);z-index:-1}
.tv-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:27px;border-top:1px solid rgba(231,211,255,.15);margin-top:24px}
.tv-category{position:relative;display:flex;align-items:center;gap:12px;text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(237,218,255,.13);color:#fff;border-radius:18px;padding:15px 14px;transition:transform .26s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease;min-width:0}
.tv-category:hover,.tv-category.is-selected{transform:translateY(-2px);background:linear-gradient(130deg,rgba(126,60,216,.26),rgba(255,116,41,.09));border-color:rgba(210,121,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 25px rgba(0,0,0,.12)}
.tv-category:focus-visible{outline:2px solid #ffa564;outline-offset:3px}
.tv-category-icon{height:43px;width:43px;border-radius:13px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,rgba(211,89,255,.32),rgba(88,34,181,.37));border:1px solid rgba(226,136,255,.16)}
.tv-category.is-selected .tv-category-icon{background:linear-gradient(130deg,#ff711e,#da32b9,#812ef0);border-color:transparent}
.tv-category-icon svg{width:21px;height:21px;stroke-width:2}
.tv-category>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.tv-category strong{font-size:14px;line-height:1.2;white-space:nowrap}
.tv-category small{font-size:11px;color:#aca8d1}
.tv-category-arrow{width:15px;height:15px;margin-left:auto;color:#d5c2f7;opacity:.75}
.tv-category-description{display:flex;justify-content:center;align-items:center;gap:9px;text-align:center;color:#c6bede;font-size:12px;line-height:1.4;min-height:35px;padding-top:13px}
.tv-description-led{width:6px;height:6px;border-radius:50%;background:#ff8d5b;box-shadow:0 0 10px rgba(255,141,91,.7)}
@media(max-width:1100px){
 .tv-premium-layout{grid-template-columns:1fr 1.1fr;gap:25px}
 .tv-premium-copy h2{font-size:clamp(35px,4.4vw,53px)}
 .tv-premium-copy>p{font-size:14px}
 .tv-category{padding:12px 11px;gap:9px}
 .tv-category-icon{height:38px;width:38px}
 .tv-category strong{font-size:13px}
}
@media(max-width:820px){
 .tv-premium{padding-top:61px}
 .tv-premium-layout{grid-template-columns:1fr;gap:23px}
 .tv-premium-copy{padding:0}
 .tv-premium-copy h2{font-size:clamp(40px,7vw,61px)}
 .tv-premium-copy>p{max-width:700px}
 .tv-premium-visual{max-width:780px;margin-inline:auto;width:100%}
 .tv-categories{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
}
@media(max-width:520px){
 .tv-premium{padding-top:48px;padding-bottom:30px}
 .tv-premium-copy h2{font-size:clamp(36px,9.6vw,45px)}
 .tv-premium-brow{font-size:9px;gap:8px}
 .tv-premium-highlights{font-size:12px}
 .tv-premium-actions{gap:10px}
 .tv-premium-primary,.tv-premium-secondary{font-size:12px;min-height:47px;padding:12px 14px}
 .tv-premium-visual{padding:4px 0 14px}
 .tv-premium-screen{border-radius:13px}
 .tv-premium-screen-top{top:8px;left:8px;padding:6px 8px;font-size:8px;gap:4px}
 .tv-premium-screen-top span:last-child{display:none}
 .tv-categories{gap:9px;padding-top:19px}
 .tv-category{padding:10px 8px;gap:8px;border-radius:13px}
 .tv-category-icon{width:33px;height:33px;border-radius:11px}
 .tv-category-icon svg{width:17px;height:17px}
 .tv-category strong{font-size:12px}
 .tv-category small{font-size:10px}
 .tv-category-arrow{display:none}
 .tv-category-description{font-size:11px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.tv-premium-halo{animation:none}.tv-premium-screen img,.tv-category,.tv-premium-primary,.tv-premium-secondary{transition:none}}


/* DATEL V7.9 · Sección de TV a pantalla completa, sin tarjeta de imagen */
.tv-premium {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0 0 42px;
  background:#0b0921;
  color:#fff;
}
.tv-premium .tv-full-bleed-image {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.tv-full-bleed-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:55% 52%;
}
.tv-premium::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,7,28,.97) 0%,rgba(10,8,36,.94) 23%,rgba(11,7,37,.79) 43%,rgba(11,7,37,.27) 70%,rgba(9,7,31,.12) 100%),
    linear-gradient(0deg,rgba(10,7,30,.94) 0%,rgba(13,8,39,.34) 23%,transparent 52%);
}
.tv-premium::after,
.tv-premium .tv-ambient {display:none}
.tv-premium-layout {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:625px;
  padding-top:83px;
  padding-bottom:66px;
  gap:0;
}
.tv-premium-copy {
  width:min(570px,54%);
  max-width:100%;
  padding:0;
  position:relative;
  z-index:2;
  text-shadow:0 3px 18px rgba(0,0,0,.25);
}
.tv-premium-copy h2 {font-size:clamp(43px,4.7vw,70px);line-height:1.04;margin:22px 0 20px}
.tv-premium-copy>p {color:#f1eefe;max-width:520px;font-size:17px;line-height:1.72}
.tv-premium-highlights {color:#fff}
.tv-premium-note {color:#e3d5eb}
.tv-premium .tv-categories,
.tv-premium .tv-category-description {position:relative;z-index:2}
.tv-premium .tv-categories {
  padding-top:22px;
  margin-top:0;
  border-top:1px solid rgba(245,220,255,.24);
}
.tv-premium .tv-category {
  background:rgba(12,9,40,.64);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  border-color:rgba(246,220,255,.22);
}
.tv-premium .tv-category:hover,.tv-premium .tv-category.is-selected {
  background:linear-gradient(130deg,rgba(100,30,190,.72),rgba(190,45,105,.37));
  border-color:rgba(226,145,255,.65);
}
@media (max-width:1100px){
  .tv-premium-layout{display:flex;min-height:580px;padding-top:70px;padding-bottom:54px}
  .tv-premium-copy{width:min(570px,58%)}
  .tv-premium-copy h2{font-size:clamp(39px,5vw,58px)}
}
@media (max-width:820px){
  .tv-premium-layout{display:flex;min-height:600px;padding-top:72px;padding-bottom:60px}
  .tv-premium-copy{width:min(520px,84%)}
  .tv-premium::before {
    background:
      linear-gradient(90deg,rgba(6,7,28,.96),rgba(10,7,34,.78) 55%,rgba(13,8,43,.45)),
      linear-gradient(0deg,rgba(8,6,26,.93),transparent 55%);
  }
  .tv-full-bleed-image img{object-position:65% center}
}
@media (max-width:520px){
  .tv-premium{padding:0 0 25px}
  .tv-premium-layout{min-height:620px;padding-top:72px;padding-bottom:55px}
  .tv-premium-copy{width:100%}
  .tv-premium-copy h2{font-size:clamp(37px,10vw,49px);max-width:380px}
  .tv-premium-copy>p{font-size:15px;max-width:375px}
  .tv-full-bleed-image img{object-position:64% center}
  .tv-premium::before {
    background:linear-gradient(180deg,rgba(9,7,30,.84),rgba(11,6,33,.75) 30%,rgba(9,5,26,.92) 84%,rgba(8,6,27,.96));
  }
  .tv-premium .tv-categories{padding-top:17px}
  .tv-premium .tv-category{background:rgba(20,11,56,.82)}
}


/* DATEL V8 — Beneficios Opción A (Dark Premium) */
.benefit-bar-premium{
  position:relative;
  overflow:hidden;
  padding:84px 0 92px;
  background:
    radial-gradient(circle at 14% 18%, rgba(148,0,232,.22), transparent 26%),
    radial-gradient(circle at 84% 18%, rgba(255,97,0,.18), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(100,50,220,.12), transparent 42%),
    linear-gradient(135deg,#08102d 0%, #11183f 52%, #17134e 100%);
  color:#fff;
}
.benefit-bar-premium::before,
.benefit-bar-premium::after{
  content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(18px);opacity:.52;
}
.benefit-bar-premium::before{width:220px;height:220px;left:-70px;bottom:-65px;background:radial-gradient(circle,#ff6b1f 0%, rgba(255,107,31,.12) 52%, transparent 72%)}
.benefit-bar-premium::after{width:260px;height:260px;right:-90px;top:-80px;background:radial-gradient(circle,#8d28f2 0%, rgba(141,40,242,.10) 50%, transparent 72%)}
.benefit-heading{max-width:900px;margin-bottom:38px;position:relative;z-index:1}
.benefit-heading .benefit-label{color:#ffb57f}
.benefit-heading h2{color:#fff;margin-bottom:14px}
.benefit-heading h2 span{background:linear-gradient(90deg,#ff8d3d 0%,#ff59af 46%,#b74dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.benefit-heading p{color:#bcc6ea;font-size:16px}
.benefit-bar-premium .benefit-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.benefit-bar-premium .benefit{
  position:relative;
  min-height:100%;
  text-align:center;
  padding:26px 22px 24px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 44px rgba(4,7,28,.28), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.benefit-bar-premium .benefit:hover{
  transform:translateY(-8px);
  border-color:rgba(255,255,255,.26);
  box-shadow:0 28px 54px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04), 0 0 26px rgba(181,74,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
}
.benefit-bar-premium .benefit-topline{
  position:absolute;left:22px;top:0;width:76px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,#ff770f 0%,#ff4b9f 48%,#8f2cff 100%);
  box-shadow:0 0 16px rgba(255,95,54,.35);
}
.benefit-bar-premium .benefit-media{width:96px;height:96px;margin:6px auto 14px;display:grid;place-items:center}
.benefit-bar-premium .benefit-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
.benefit-bar-premium .benefit h3{font-size:clamp(18px,1.55vw,24px);margin:0 0 9px;color:#fff;letter-spacing:-.02em}
.benefit-bar-premium .benefit p{font-size:14px;line-height:1.65;margin:0;color:#ced6f4}

@media(max-width:1130px){
  .benefit-bar-premium .benefit-grid{gap:16px}
}
@media(max-width:860px){
  .benefit-bar-premium{padding:68px 0 72px}
  .benefit-bar-premium .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:640px){
  .benefit-bar-premium{padding:56px 0 62px}
  .benefit-heading{margin-bottom:28px}
  .benefit-heading p{font-size:14px}
  .benefit-bar-premium .benefit-grid{grid-template-columns:1fr;gap:16px}
  .benefit-bar-premium .benefit{padding:24px 18px 22px;border-radius:24px}
  .benefit-bar-premium .benefit-media{width:84px;height:84px;margin-bottom:12px}
  .benefit-bar-premium .benefit h3{font-size:20px}
  .benefit-bar-premium .benefit p{font-size:13px}
}



/* DATEL V8.1 — Contacto Dark Premium */
.contact-v81{
  position:relative;
  overflow:hidden;
  padding:76px 0 62px;
  background:
    radial-gradient(ellipse 45% 50% at 5% 35%, rgba(111,46,203,.21),transparent 80%),
    radial-gradient(ellipse 38% 43% at 92% 19%, rgba(248,91,59,.11),transparent 85%),
    linear-gradient(125deg,#080e2a 0%,#101336 58%,#17113a 100%);
  color:#fff;
  isolation:isolate;
}
.contact-v81::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.4),transparent 65%);
}
.contact-v81-wrap{position:relative;z-index:1}
.contact-v81-intro{max-width:870px;margin:0 auto 36px;text-align:center}
.contact-v81-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#ffa65d;letter-spacing:.15em;font-size:11px;font-weight:900}
.contact-status-pulse{height:8px;width:8px;border-radius:50%;background:#ff7a22;box-shadow:0 0 0 5px rgba(255,122,34,.12),0 0 18px rgba(255,122,34,.45)}
.contact-brow-line{height:16px;border-left:1px solid rgba(255,255,255,.25)}
.contact-v81-intro h2{margin:16px 0 12px;font-size:clamp(37px,4vw,58px);letter-spacing:-.048em;line-height:1.04;font-weight:900}
.contact-v81-intro h2 span{background:linear-gradient(110deg,#ff963e 0%,#fa63b6 50%,#bc69ff 100%);color:transparent;-webkit-background-clip:text;background-clip:text}
.contact-v81-intro p{margin:0 auto;max-width:700px;color:#bec4e1;line-height:1.6;font-size:16px}
.contact-v81-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.contact-v81-main,.contact-v81-faq{
  position:relative;overflow:hidden;border-radius:30px;
  border:1px solid rgba(170,144,233,.22);
  box-shadow:0 22px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.065);
}
.contact-v81-main{
  background:
    radial-gradient(ellipse at 96% 0%,rgba(184,74,255,.25),transparent 50%),
    linear-gradient(140deg,#171d50,#292067 65%,#372182);
}
.contact-v81-main::after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(235,147,255,.16);border-radius:50%;right:-86px;bottom:-89px;box-shadow:0 0 0 28px rgba(255,255,255,.016),0 0 0 65px rgba(255,255,255,.012);pointer-events:none}
.contact-v81-main-inner{position:relative;z-index:1;padding:38px 38px 30px;display:flex;flex-direction:column;height:100%}
.contact-v81-kicker{display:flex;gap:9px;align-items:center;color:#ffbb80;letter-spacing:.13em;font-weight:900;font-size:11px}
.contact-v81-kicker svg{width:17px;height:17px;stroke-width:2.2}
.contact-v81-main h3{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 12px;font-weight:900;max-width:470px}
.contact-v81-main h3 span{color:#ffad76}
.contact-v81-main p{color:#d4d6f1;font-size:15px;line-height:1.65;margin:0 0 25px;max-width:460px}
.contact-v81-phone{display:flex;align-items:center;gap:14px;width:100%;padding:16px 17px;border-radius:19px;background:rgba(7,11,37,.43);border:1px solid rgba(232,216,255,.18);backdrop-filter:blur(8px);transition:border-color .23s ease,transform .23s ease,background .23s ease;color:#fff}
.contact-v81-phone:hover{border-color:rgba(255,186,128,.52);background:rgba(7,11,37,.61);transform:translateY(-2px)}
.contact-phone-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#ff893a,#ee4d9b,#9133e5);color:white;flex:none;box-shadow:0 10px 22px rgba(195,61,198,.22)}
.contact-phone-symbol svg{width:24px;height:24px;stroke-width:2}
.contact-phone-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-phone-text small{color:#c8cbe5;font-size:10px;font-weight:900;letter-spacing:.08em}
.contact-phone-text strong{display:block;font-size:clamp(24px,2.4vw,34px);line-height:1.12;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.contact-phone-arrow{margin-left:auto;width:19px;height:19px;color:#dfc7ff}
.contact-v81-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding:17px 20px;border-radius:16px;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(105deg,#ff6d16 0%,#f64191 45%,#9029ea 100%);box-shadow:0 12px 28px rgba(221,50,162,.24);transition:transform .23s ease,box-shadow .23s ease,filter .23s ease}
.contact-v81-cta:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(221,50,162,.3);filter:saturate(1.08)}
.contact-v81-cta svg{width:19px;height:19px}
.contact-v81-location{display:flex;align-items:center;gap:8px;margin-top:21px;font-size:12px;line-height:1.55;color:#bec5e9}
.contact-v81-location svg{height:17px;width:17px;color:#ffba8d}
.contact-v81-faq{padding:35px 33px 28px;background:linear-gradient(155deg,rgba(31,37,84,.92),rgba(22,29,69,.96))}
.contact-v81-faq-small{font-size:11px;letter-spacing:.14em;color:#ffae7b;font-weight:900}
.contact-v81-faq-heading h3{font-size:clamp(26px,2.55vw,36px);letter-spacing:-.04em;line-height:1.12;margin:10px 0 7px;color:#fff}
.contact-v81-faq-heading p{margin:0 0 21px;color:#aeb9df;font-size:14px}
.contact-v81-accordion{border-top:1px solid rgba(214,215,255,.16)}
.contact-v81-faq .contact-v81-accordion details{margin:0;padding:0;border:none;border-bottom:1px solid rgba(214,215,255,.15);transition:background .24s ease}
.contact-v81-faq .contact-v81-accordion details:hover{background:rgba(255,255,255,.028)}
.contact-v81-faq .contact-v81-accordion summary{display:flex;align-items:center;gap:13px;list-style:none;cursor:pointer;padding:19px 5px 19px 0;outline-offset:3px;color:#fff;min-height:60px}
.contact-v81-faq .contact-v81-accordion summary::-webkit-details-marker{display:none}
.contact-v81-faq .contact-v81-accordion summary::after{content:none}
.contact-question-index{flex:none;color:#ffac70;font-size:11px;letter-spacing:.08em;font-weight:900}
.contact-question-label{flex:1;font-size:15px;font-weight:780;line-height:1.35}
.contact-faq-toggle{flex:none;width:28px;height:28px;border:1px solid rgba(182,150,237,.3);border-radius:50%;display:grid;place-items:center;color:#daaaff;position:relative;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.contact-faq-toggle::before,.contact-faq-toggle::after{content:"";position:absolute;background:currentColor;border-radius:3px}
.contact-faq-toggle::before{width:11px;height:2px}
.contact-faq-toggle::after{width:2px;height:11px;transition:transform .23s ease,opacity .23s ease}
.contact-v81-faq details[open] .contact-faq-toggle{background:rgba(160,63,237,.2);border-color:rgba(188,121,255,.6)}
.contact-v81-faq details[open] .contact-faq-toggle::after{transform:rotate(90deg);opacity:0}
.contact-faq-answer{padding:0 14px 17px 33px;animation:contactFaqShow .2s ease-out}
@keyframes contactFaqShow{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.contact-v81-faq .contact-faq-answer p{color:#bcc5e6;line-height:1.64;font-size:13px;margin:0}
.contact-faq-answer a{color:#ffb478;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.contact-faq-foot{display:flex;gap:9px;align-items:center;padding-top:18px;font-size:12px;color:#aeb9df;line-height:1.4}
.contact-faq-foot svg{color:#ffb282;width:17px;height:17px}
.contact-v81-perks{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px 38px;margin:27px auto 0;color:#c8d0ed}
.contact-v81-perks span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}
.contact-v81-perks svg{height:17px;width:17px;stroke:#ffab75;stroke-width:2}
@media(max-width:950px){
  .contact-v81-grid{grid-template-columns:1fr}
  .contact-v81-main-inner,.contact-v81-faq{padding:32px}
  .contact-v81-main h3{max-width:none}
}
@media(max-width:640px){
  .contact-v81{padding:56px 0 52px}
  .contact-v81-intro{margin-bottom:25px}
  .contact-v81-intro h2{font-size:clamp(32px,8.3vw,43px)}
  .contact-v81-intro p{font-size:14px}
  .contact-v81-eyebrow{font-size:9px;letter-spacing:.1em;gap:7px}
  .contact-v81-main,.contact-v81-faq{border-radius:22px}
  .contact-v81-main-inner,.contact-v81-faq{padding:25px 21px}
  .contact-v81-main h3{font-size:32px}
  .contact-v81-main p{font-size:14px}
  .contact-v81-phone{gap:10px;padding:13px}
  .contact-phone-symbol{width:40px;height:40px}
  .contact-phone-text small{font-size:9px}
  .contact-phone-text strong{font-size:clamp(21px,6vw,29px)}
  .contact-v81-cta{padding:16px}
  .contact-v81-faq-heading h3{font-size:27px}
  .contact-question-label{font-size:14px}
  .contact-v81-faq .contact-v81-accordion summary{gap:9px;padding:17px 0}
  .contact-faq-answer{padding-left:26px}
  .contact-v81-perks{gap:10px 18px;margin-top:23px;justify-content:flex-start}
  .contact-v81-perks span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .contact-v81-main a,.contact-faq-toggle{transition:none}
  .contact-faq-answer{animation:none}
}


/* DATEL V8.2 — Footer corporativo premium bicolor. */
.datel-footer{background:#f9f7fd;color:#182044;border-top:0}
.datel-footer-cta{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(ellipse at 12% 22%,rgba(131,45,244,.3),transparent 38%),
  radial-gradient(ellipse at 93% 80%,rgba(255,110,28,.18),transparent 35%),
  linear-gradient(110deg,#0b1030 0%,#181448 55%,#261358 100%);color:#fff}
.datel-footer-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 35px,rgba(255,255,255,.022) 36px 37px,transparent 38px 92px);opacity:.8}
.datel-footer-cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:54px 0 55px;z-index:1}
.datel-footer-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;font-weight:900;color:#ffba87}
.datel-footer-spark{width:8px;height:8px;border-radius:50%;background:#ff8328;box-shadow:0 0 0 5px rgba(255,117,34,.12),0 0 18px #ff8328;flex:none}
.datel-footer-cta-copy h2{font-size:clamp(27px,3vw,43px);line-height:1.1;letter-spacing:-.045em;font-weight:900;margin:12px 0 12px;color:#fff}
.datel-footer-cta-copy h2 span{background:linear-gradient(90deg,#ffae67,#ff79bc,#d095ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.datel-footer-cta-copy p{color:#ced2ea;font-size:15px;margin:0;line-height:1.6}
.datel-footer-cta-copy p strong{color:#fff;font-weight:900}
.datel-footer-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:17px 22px;border-radius:15px;color:#fff;background:linear-gradient(105deg,#ff771e,#ed3b9d,#8822ed);font-size:14px;font-weight:850;box-shadow:0 17px 34px rgba(74,15,151,.34);transition:transform .25s ease,box-shadow .25s ease}
.datel-footer-cta-button:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(230,57,153,.31)}
.datel-footer-cta-button:focus-visible,.datel-footer-phone:focus-visible,.datel-footer-navigation a:focus-visible{outline:3px solid #ff9a53;outline-offset:4px}
.datel-footer-cta-button svg{width:22px;height:22px;fill:currentColor;stroke:none}
.datel-footer-cta-arrow{font-size:19px;font-weight:800}
.datel-footer-lightline{position:relative;width:100%;height:3px;background:linear-gradient(90deg,#ff8624,#ff42a8,#9535ef,#ff8624);box-shadow:0 0 15px rgba(227,81,187,.25)}
.datel-footer-main{position:relative;isolation:isolate;background:linear-gradient(145deg,#fff 0%,#fbf9ff 58%,#f5f1fc 100%)}
.datel-footer-main::before{content:"";position:absolute;right:-120px;top:10px;width:360px;height:300px;pointer-events:none;background:radial-gradient(circle,rgba(135,43,225,.07),transparent 67%)}
.datel-footer-grid{display:grid;grid-template-columns:1.13fr 1fr .85fr;align-items:start;gap:52px;padding:53px 0 58px;position:relative;z-index:1}
.datel-footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.datel-footer-logo{display:inline-block;border:0;background:transparent;padding:0;margin:0;box-shadow:none;border-radius:0}
.datel-footer-logo img{width:218px;max-width:100%;height:auto;object-fit:contain;display:block}
.datel-footer-identity p{margin:0;max-width:360px;font-size:14px;line-height:1.65;color:#666d87}
.datel-footer-local{display:inline-flex;align-items:center;gap:7px;color:#7038af;font-size:12px;font-weight:800;padding:9px 11px;border-radius:999px;background:#f0e7fa;margin-top:2px}
.datel-footer-local svg{width:15px;height:15px;stroke-width:2.2}
.datel-footer-navigation h3,.datel-footer-contact h3{font-size:16px;font-weight:900;color:#181c42;margin:10px 0 17px;letter-spacing:-.02em}
.datel-footer-navcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.datel-footer-navcols>.datel-footer-navgroup{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}
.datel-footer-navigation a{font-size:13px;font-weight:600;color:#626883;line-height:1.3;transition:color .2s ease,transform .2s ease}
.datel-footer-navigation a:hover{color:#8a20de;transform:translateX(3px)}
.datel-footer-contact p{color:#757b94;font-size:13px;line-height:1.6;margin:0 0 12px}
.datel-footer-phone{display:inline-flex;align-items:center;gap:8px;font-size:clamp(21px,2.05vw,29px);font-weight:950;letter-spacing:-.025em;color:#7e24d4;white-space:nowrap}
.datel-footer-phone svg{width:22px;height:22px;stroke-width:2.1;transition:transform .25s ease}
.datel-footer-phone:hover svg{transform:translateX(4px)}
.datel-footer-contact>span{display:block;font-size:12px;color:#74798f;margin-top:8px}
.datel-footer-legal{background:#0b1030;color:#ccd4ef}
.datel-footer-legal-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}
/* Botón flotante oculto al ingresar al footer: allí ya hay un contacto destacado. */
.float-whatsapp{transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
body.datel-footer-in-view .float-whatsapp{opacity:0;transform:translateY(20px);visibility:hidden;pointer-events:none}
@media(max-width:1030px){
  .datel-footer-grid{grid-template-columns:1fr .95fr;gap:30px 50px}
  .datel-footer-contact{grid-column:1/-1;border-top:1px solid #eae4f4;padding-top:20px}
}
@media(max-width:720px){
  .datel-footer-cta-inner{flex-direction:column;align-items:flex-start;gap:23px;padding:45px 0 43px}
  .datel-footer-cta-button{width:100%;max-width:390px}
  .datel-footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding:39px 0 42px}
  .datel-footer-identity{grid-column:1/-1}
  .datel-footer-navigation{grid-column:1/-1}
  .datel-footer-navcols{grid-template-columns:1fr 1fr;gap:22px}
  .datel-footer-contact{grid-column:1/-1}
  .datel-footer-legal-inner{min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 0}
}
@media(max-width:380px){
  .datel-footer-navcols{gap:12px}
  .datel-footer-phone{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.datel-footer-cta-button,.datel-footer-navigation a,.float-whatsapp{transition:none}}

/* DATEL V8.3 — navegación del pie de página simplificada */
.datel-footer-navgroup h3{display:flex;align-items:center;gap:9px;white-space:nowrap;margin:10px 0 7px;color:#171b42;font-size:16px;font-weight:900}
.datel-footer-nav-mark{display:inline-block;width:5px;height:17px;flex:none;border-radius:4px;background:linear-gradient(180deg,#ff7c1b,#ec4f9c,#8a22e6);box-shadow:0 0 10px #ac31e722}
.datel-footer-navgroup a{position:relative;display:inline-block;padding-bottom:1px}
.datel-footer-navgroup a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#ff781c,#9b29e7);transition:width .2s ease}
.datel-footer-navgroup a:hover::after,.datel-footer-navgroup a:focus-visible::after{width:100%}
@media(max-width:420px){.datel-footer-navcols{gap:10px}.datel-footer-navgroup h3{font-size:14px}.datel-footer-navgroup a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.datel-footer-navgroup a::after{transition:none}}

.contact-phone-symbol{background:linear-gradient(145deg,#f3fff7,#dfffe9);box-shadow:0 12px 26px rgba(30,190,86,.18), inset 0 1px 0 rgba(255,255,255,.78)}
.contact-phone-symbol svg{stroke:none}
.datel-footer-cta-button{padding-left:14px}
.datel-footer-cta-button .wa-icon-chip + span{margin-right:2px}

/* DATEL V8.5 | WhatsApp logo: actual SVG, no clipping masks or CSS pseudo-glyphs */
.datel-footer-phone::before,.datel-footer-phone::after{content:none!important;display:none!important}
.contact-phone-symbol{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:linear-gradient(145deg,#25d366,#119a4a);box-shadow:0 9px 20px rgba(12,168,67,.23),inset 0 1px 0 #ffffff3b}
.contact-phone-symbol img{width:28px;height:28px;display:block;object-fit:contain;filter:none}
.wa-icon-chip{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px #ffffff45}
.wa-icon-chip img{width:23px;height:23px;object-fit:contain;display:block}
.float-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:8px 17px 8px 9px;border:2px solid #fff;background:linear-gradient(135deg,#21cc5c,#14b94e);border-radius:100px;box-shadow:0 14px 34px #056a2b38,0 0 0 5px #11bb4d16;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease,visibility .22s ease}
.float-whatsapp:not(.hidden):hover{transform:translateY(-3px);box-shadow:0 18px 38px #056a2b4d,0 0 0 6px #11bb4d22}
.float-wa-badge{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:50%;background:#0eaa44;box-shadow:inset 0 0 0 1px #ffffff4d,0 5px 12px #056a2b33}
.float-wa-badge img{display:block;width:27px;height:27px;object-fit:contain}
.float-whatsapp>span:last-child{display:block;font-weight:850;white-space:nowrap}
.datel-footer-phone{position:relative;display:inline-flex;align-items:center;gap:9px;padding-left:0}
.datel-footer-wa-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#25d366,#12a54b);box-shadow:0 5px 12px #11854232}
.datel-footer-wa-icon img{width:21px;height:21px;object-fit:contain;display:block}
.datel-footer-cta-button .wa-icon-chip{margin-right:2px}
@media(max-width:640px){
  .float-whatsapp{padding:7px;right:14px;bottom:14px;min-height:52px;width:54px;height:54px}
  .float-whatsapp>span:last-child{display:none}
  .float-wa-badge{width:38px;height:38px}
  .contact-phone-symbol{width:42px;height:42px}
  .contact-phone-symbol img{width:25px;height:25px}
  .datel-footer-phone{padding-left:0}
}
@media(prefers-reduced-motion:reduce){.float-whatsapp{transition:none}}

/* DATEL V8.5.2: botón flotante con icono REAL de WhatsApp, blanco sobre verde. */
.float-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  min-height: 56px;
  padding: 8px 18px 8px 9px;
  background: linear-gradient(135deg, #20d368 0%, #11bd50 100%);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(5, 111, 44, .24);
  text-decoration: none;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, box-shadow .2s ease;
}
.float-whatsapp:hover {
  transform: translateY(-3px);
  box-shadow: 0 19px 38px rgba(5, 111, 44, .29);
}
.float-whatsapp .float-wa-badge {
  display: grid;
  place-items: center;
  flex: 0 0 39px;
  width: 39px;
  height: 39px;
  background: #0ca446;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.float-whatsapp .float-wa-badge img {
  display: block;
  width: 27px;
  height: 27px;
  object-fit: contain;
  filter: none;
  opacity: 1;
}
.float-whatsapp > span:last-child {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .float-whatsapp {
    right: 14px;
    bottom: 14px;
    width: 56px;
    height: 56px;
    min-height: 56px;
    padding: 7px;
    gap: 0;
  }
  .float-whatsapp .float-wa-badge {
    width: 39px;
    height: 39px;
  }
  .float-whatsapp > span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .float-whatsapp { transition: none; }
}


/* DATEL V8.6 — cobertura inteligente y GPS fijo */
.coverage-v86{position:relative;isolation:isolate;overflow:hidden;padding:94px 0 100px;background:radial-gradient(ellipse at 10% 100%,rgba(166,50,238,.16),transparent 32%),radial-gradient(ellipse at 90% 0%,rgba(255,109,34,.10),transparent 33%),linear-gradient(148deg,#090e2a 0%,#0e1438 48%,#1b124b 100%);color:white}
.coverage-v86::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 2px 2px,rgba(255,255,255,.065) 1px,transparent 1.5px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.26),transparent 78%);pointer-events:none}
.coverage-v86-heading{text-align:center;max-width:850px;margin:0 auto 38px;position:relative;z-index:1}
.coverage-v86-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ffad72;font-size:11px;letter-spacing:.16em;font-weight:900}
.coverage-v86-beacon{display:block;width:8px;height:8px;background:#ff872f;border-radius:100%;box-shadow:0 0 0 5px rgba(255,126,38,.12),0 0 17px rgba(255,126,38,.75)}
.coverage-v86-heading h2{font-size:clamp(36px,4vw,59px);line-height:1.08;letter-spacing:-.055em;margin:13px 0 14px;font-weight:900}
.coverage-v86-heading h2 span{background:linear-gradient(90deg,#ff9b57,#ff6eb6,#c28aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.coverage-v86-heading p{color:#c7cde5;font-size:16px;line-height:1.7;margin:0 auto;max-width:700px}
.coverage-v86-panel{display:grid;grid-template-columns:1fr 1.02fr;position:relative;z-index:1;overflow:hidden;min-height:590px;border:1px solid rgba(218,198,255,.20);border-radius:32px;box-shadow:0 32px 85px rgba(3,5,22,.37),0 0 0 1px rgba(255,255,255,.025)}
.coverage-v86-visual{position:relative;overflow:hidden;min-height:580px;background:#17134a}
.coverage-v86-visual>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:55% center;filter:saturate(1.1) contrast(1.07);transform:scale(1.02)}
.coverage-v86-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,39,.37) 0%,transparent 28%,rgba(13,7,47,.12) 46%,rgba(7,10,35,.93) 100%),linear-gradient(120deg,rgba(77,19,146,.19),transparent 61%)}
.coverage-v86-visual::after{content:"";position:absolute;width:120px;height:120px;left:48%;top:44%;transform:translate(-50%,-50%);border:1px solid rgba(255,146,104,.48);border-radius:50%;box-shadow:0 0 0 23px rgba(255,105,84,.08),0 0 0 53px rgba(163,66,250,.07);pointer-events:none;animation:coverageRadar 4.4s ease-in-out infinite}
@keyframes coverageRadar{50%{opacity:.3;transform:translate(-50%,-50%) scale(1.22)} }
.coverage-v86-visual-top{position:absolute;z-index:1;top:28px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.coverage-v86-visual-top span{display:inline-flex;align-items:center;gap:8px;background:rgba(11,11,44,.64);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(13px);border-radius:100px;padding:9px 12px;font-size:10px;font-weight:900;letter-spacing:.08em;color:white}
.coverage-v86-visual-top svg{height:17px;width:17px;color:#ffac66}
.coverage-v86-signal i{width:7px;height:7px;border-radius:100%;background:#2be27b;box-shadow:0 0 12px #36ea88}
.coverage-v86-visual-bottom{position:absolute;z-index:1;left:38px;right:35px;bottom:36px}
.coverage-v86-map-pin{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.29);backdrop-filter:blur(12px);color:#fff;font-weight:850;letter-spacing:.08em;font-size:10px;border-radius:100px}
.coverage-v86-map-pin svg{width:17px;height:17px;color:#ffa76c}
.coverage-v86-visual-bottom h3{font-size:clamp(24px,2.5vw,35px);line-height:1.1;letter-spacing:-.035em;max-width:445px;margin:19px 0 12px}
.coverage-v86-visual-bottom p{font-size:14px;color:#e0dff0;line-height:1.6;max-width:420px;margin:0 0 15px}
.coverage-v86-art-note{font-size:10px;color:#d1c9e5;opacity:.75}
.coverage-v86-content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:37px clamp(26px,3.2vw,50px) 33px;background:linear-gradient(155deg,rgba(30,28,81,.97),rgba(17,21,60,.99));box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}
.coverage-v86-step{display:inline-flex;align-items:center;gap:8px;color:#ffad80;font-size:10px;font-weight:900;letter-spacing:.13em}
.coverage-v86-step svg{width:17px;height:17px}
.coverage-v86-content h3{font-size:clamp(30px,3vw,42px);line-height:1.09;letter-spacing:-.05em;margin:13px 0 12px}
.coverage-v86-content h3 span{background:linear-gradient(90deg,#ff995d,#ef79c1);-webkit-background-clip:text;background-clip:text;color:transparent}
.coverage-v86-content>p{font-size:14px;line-height:1.72;color:#c8cbe7;margin:0 0 22px}
.coverage-v86-gps-box{border:1px solid rgba(196,152,252,.30);background:linear-gradient(165deg,rgba(65,37,121,.42),rgba(20,21,62,.48));border-radius:22px;padding:19px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.coverage-v86-gps-caption{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.coverage-v86-round-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(130deg,#ff7b28,#e13b9e,#8531e7);box-shadow:0 8px 20px rgba(185,64,213,.25)}
.coverage-v86-round-icon svg{width:19px;height:19px}
.coverage-v86-gps-caption>div{display:grid;gap:3px;min-width:0}
.coverage-v86-gps-caption strong{font-size:14px}
.coverage-v86-gps-caption small{font-size:11px;color:#b3bcde}
.coverage-v86-count{margin-left:auto;font-weight:900;font-size:11px;color:#d0aef9;border:1px solid rgba(208,174,249,.27);border-radius:100px;padding:5px 8px}
.coverage-v86-gps-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;border:0;border-radius:14px;min-height:55px;padding:13px 15px;color:#fff;background:linear-gradient(100deg,#ff741d 0%,#ee4090 47%,#962bfa 100%);font-size:14px;font-weight:900;box-shadow:0 12px 28px rgba(149,28,215,.28);transition:filter .25s ease, transform .25s ease, box-shadow .25s ease}
.coverage-v86-gps-button:not(:disabled):hover{transform:translateY(-2px);filter:saturate(1.15);box-shadow:0 16px 34px rgba(213,46,172,.36)}
.coverage-v86-gps-button:disabled{opacity:.78;cursor:wait}
.coverage-v86-gps-button svg{height:18px;width:18px}
.coverage-v86-gps-button .coverage-v86-arrow{margin-left:auto}
.coverage-v86-gps-button.is-loading svg:first-child{animation:coverageIconPulse .75s ease-in-out infinite alternate}
@keyframes coverageIconPulse{to{transform:scale(1.3);opacity:.65}}
.coverage-v86-gps-status{font-size:11px;color:#b6bfe0;line-height:1.55;margin:11px 1px 0}
.coverage-v86-gps-status[data-state="success"]{color:#8ef0b5}
.coverage-v86-gps-status[data-state="error"]{color:#ffb39d}
.coverage-v86-result[hidden]{display:none}
.coverage-v86-result{margin-top:14px;border:1px solid rgba(115,230,170,.31);border-radius:15px;padding:15px;background:rgba(7,32,39,.49);animation:coverageAppear .3s ease-out}
@keyframes coverageAppear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.coverage-v86-result-top{display:flex;align-items:center;gap:8px;font-size:12px}
.coverage-v86-result-check{display:grid;place-items:center;width:23px;height:23px;border-radius:100%;background:#18bd66;color:white}
.coverage-v86-result-check svg{width:15px;height:15px}
.coverage-v86-result-tag{margin-left:auto;background:rgba(44,220,113,.13);border-radius:10px;color:#8decad;font-size:10px;padding:5px 8px;letter-spacing:.08em;font-weight:900}
.coverage-v86-result code{display:block;margin-top:10px;font-size:16px;letter-spacing:.03em;color:white;font-weight:800;font-variant-numeric:tabular-nums;word-break:break-word}
.coverage-v86-precision{color:#b7d6c9;font-size:11px;margin:7px 0 13px;line-height:1.5}
.coverage-v86-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:9px}
.coverage-v86-actions a{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-width:0;min-height:42px;font-size:11px;font-weight:900;border-radius:12px;padding:9px 8px;transition:transform .2s ease}
.coverage-v86-actions a:hover{transform:translateY(-2px)}
.coverage-v86-actions svg{width:14px;height:14px}
.coverage-v86-map-button{color:#e8e5ff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09)}
.coverage-v86-send-button{background:#1dc55c;color:white;box-shadow:0 8px 24px rgba(20,179,74,.15)}
.coverage-v86-send-button img{width:21px;height:21px}
.coverage-v86-manual{margin-top:15px;border:1px solid rgba(255,255,255,.15);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.035)}
.coverage-v86-manual summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:15px 16px;color:#e6dfff;font-size:12px;font-weight:780}
.coverage-v86-manual summary::-webkit-details-marker{display:none}
.coverage-v86-manual summary::after{display:none}
.coverage-v86-manual summary>span{display:flex;align-items:center;gap:8px}
.coverage-v86-manual summary svg{width:16px;height:16px;color:#f9a979}
.coverage-v86-manual-chevron{width:16px;height:16px;transition:transform .2s ease}
.coverage-v86-manual[open] .coverage-v86-manual-chevron{transform:rotate(90deg)}
.coverage-v86-manual form{display:grid;gap:10px;padding:2px 16px 16px;margin:0}
.coverage-v86-manual form label{color:#d3d9f1;font-weight:750;font-size:11px}
.coverage-v86-manual form input{background:rgba(255,255,255,.94);color:#171c40;border-radius:12px;border:1px solid #d9daef;width:100%;padding:13px 12px;font-size:13px;outline-offset:3px}
.coverage-v86-manual-submit{border:0;border-radius:12px;background:rgba(158,82,248,.24);border:1px solid rgba(216,182,255,.32);display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:10px 13px;color:white;font-size:12px;font-weight:800}
.coverage-v86-manual-submit:hover{background:rgba(158,82,248,.41)}
.coverage-v86-manual-submit svg{width:16px;height:16px}
.coverage-v86-disclaimer{display:flex;align-items:flex-start;gap:9px;color:#aab2d3;font-size:11px;line-height:1.55;margin-top:18px}
.coverage-v86-disclaimer svg{width:17px;height:17px;color:#eaa0ff}
@media(max-width:1020px){.coverage-v86-panel{grid-template-columns:1fr 1fr}.coverage-v86-content{padding:32px 25px}.coverage-v86-visual-bottom{left:28px;right:24px;bottom:28px}}
@media(max-width:860px){.coverage-v86-panel{grid-template-columns:1fr}.coverage-v86-content{padding:34px}.coverage-v86-visual{min-height:380px}.coverage-v86-heading p{font-size:15px}}
@media(max-width:640px){.coverage-v86{padding:60px 0 70px}.coverage-v86-heading{margin-bottom:26px}.coverage-v86-heading h2{font-size:clamp(31px,9vw,44px)}.coverage-v86-heading p{font-size:13px}.coverage-v86-panel{border-radius:24px}.coverage-v86-visual{min-height:270px}.coverage-v86-visual-top{top:17px;left:16px;right:16px}.coverage-v86-visual-top span{font-size:9px;padding:8px 9px}.coverage-v86-visual-bottom{left:20px;right:16px;bottom:20px}.coverage-v86-visual-bottom h3{font-size:24px;margin:10px 0 8px}.coverage-v86-visual-bottom p{font-size:12px;margin-bottom:7px}.coverage-v86-art-note{font-size:9px}.coverage-v86-content{padding:27px 20px 28px}.coverage-v86-content h3{font-size:32px}.coverage-v86-content>p{font-size:13px}.coverage-v86-gps-box{padding:14px}.coverage-v86-actions{grid-template-columns:1fr}.coverage-v86-actions a{font-size:12px}.coverage-v86-gps-button{font-size:13px;gap:7px}.coverage-v86-step{font-size:9px}}
@media(prefers-reduced-motion:reduce){.coverage-v86-visual::after,.coverage-v86-gps-button.is-loading svg:first-child{animation:none}.coverage-v86-result{animation:none}.coverage-v86-actions a,.coverage-v86-gps-button{transition:none}}
/* Mantiene elementos decorativos del footer dentro del ancho visible. */
html,body{overflow-x:clip}
