/* Inside Group · Design Max · páginas de servicio, precio y sector */
:root{
  --bg:#0B0B0D;--bg2:#0F0F12;--bg3:#141416;--b:rgba(255,255,255,.08);--bh:rgba(255,255,255,.18);
  --red:#C41230;--red2:#E01535;--cream:#F5F0E8;--green:#16a34a;
  --t:#fff;--t2:rgba(255,255,255,.7);--t3:rgba(255,255,255,.42);
  --ff:'Plus Jakarta Sans',system-ui,sans-serif;--fd:'Cormorant Garamond',Georgia,serif;--mono:'JetBrains Mono',monospace;
  --r:14px;--ease:cubic-bezier(.16,1,.3,1);
}
[data-theme="light"]{
  --bg:#F5F0E8;--bg2:#FFFFFF;--bg3:#EFE8DC;--b:rgba(11,11,13,.1);--bh:rgba(11,11,13,.24);--cream:#0B0B0D;
  --t:#0B0B0D;--t2:rgba(11,11,13,.72);--t3:rgba(11,11,13,.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--bg);color:var(--t);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* Nav */
.ig-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 40px;
  background:rgba(11,11,13,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b)}
[data-theme="light"] .ig-nav{background:rgba(245,240,232,.94)}
.ig-logo{font-family:var(--fd);font-size:1.15rem;font-weight:700;letter-spacing:.08em;color:var(--cream);text-decoration:none}
.ig-logo span{color:var(--red)}
.ig-links{display:flex;gap:26px;list-style:none}
.ig-links a{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);text-decoration:none}
.ig-links a:hover,.ig-links a[aria-current]{color:var(--red)}
.ig-right{display:flex;align-items:center;gap:10px}
.ig-cta{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:40px;background:var(--red);color:#fff;text-decoration:none}
.ig-cta:hover{background:var(--red2)}
.ig-burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--b);background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ig-burger span{display:block;width:18px;height:2px;background:var(--t);border-radius:2px;transition:transform .25s,opacity .25s}
.ig-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ig-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ig-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1024px){
  .ig-nav{padding:14px 20px}
  .ig-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg2);border-bottom:1px solid var(--b)}
  .ig-links.open{display:flex}
  .ig-links a{display:block;padding:14px 24px;font-size:.8rem}
  .ig-burger{display:flex}
}
@media(max-width:640px){.ig-cta{display:none}}

/* Float-group: WhatsApp + tema */
.float-group{position:fixed;top:84px;right:20px;z-index:90;display:flex;align-items:center;gap:8px}
.float-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;background:var(--red);color:#fff;
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;text-decoration:none;
  box-shadow:0 4px 18px rgba(196,18,48,.35)}
.float-cta svg{width:14px;height:14px;fill:currentColor}
.theme-float{width:42px;height:42px;border-radius:50%;border:1px solid rgba(245,240,232,.2);background:rgba(11,11,13,.55);color:var(--cream);
  cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(14px)}
.theme-float svg{width:17px;height:17px}
[data-theme="light"] .theme-float{background:rgba(255,255,255,.9);border-color:rgba(11,11,13,.12);color:var(--red)}
[data-theme="dark"] .icon-sun,[data-theme="light"] .icon-moon{display:none}
@media(max-width:1024px){
  .float-group{top:auto;bottom:20px;right:16px}
  .float-cta{width:52px;height:52px;padding:0;justify-content:center;background:#25d366;box-shadow:0 4px 20px rgba(37,211,102,.4)}
  .float-cta span{display:none}.float-cta svg{width:26px;height:26px}
}

/* Hero */
.ig-hero{max-width:900px;margin:0 auto;padding:64px 24px 40px;text-align:center;position:relative}
.ig-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(196,18,48,.09),transparent 70%);pointer-events:none;z-index:-1}
.ig-crumbs{font-size:.72rem;color:var(--t3);margin-bottom:18px}
.ig-crumbs a{color:var(--t3);text-decoration:none}.ig-crumbs a:hover{color:var(--red)}
.ig-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);
  border:1px solid rgba(196,18,48,.3);padding:6px 14px;border-radius:40px;margin-bottom:22px}
.ig-hero h1{font-family:var(--fd);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:600;line-height:1.1;color:var(--cream);margin-bottom:18px}
.ig-hero h1 em{color:var(--red)}
.respuesta{font-size:1.02rem;color:var(--t2);max-width:720px;margin:0 auto 28px}
.ig-actualizado{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-top:18px}
.ig-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:40px;font-weight:700;font-size:.85rem;text-decoration:none;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1ebe5b}
.btn-sec{border:1.5px solid var(--bh);color:var(--t)}.btn-sec:hover{border-color:var(--red);color:var(--red)}

/* Contenido */
.ig-main{max-width:860px;margin:0 auto;padding:0 24px 40px}
.ig-sec{padding:34px 0;border-top:1px solid var(--b)}
.ig-sec h2{font-family:var(--fd);font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:600;color:var(--cream);line-height:1.15;margin-bottom:14px}
.ig-sec h3{font-size:1.05rem;font-weight:700;margin:20px 0 8px}
.ig-sec p,.ig-sec li{color:var(--t2);font-size:.97rem}
.ig-sec p{margin-bottom:12px}
.ig-sec ul,.ig-sec ol{padding-left:22px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}
.ig-sec strong{color:var(--t)}
.ig-sec a{color:var(--red)}
.tabla{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem;background:var(--bg2);border-radius:var(--r);overflow:hidden}
.tabla caption{text-align:left;font-size:.78rem;color:var(--t3);padding:0 0 8px}
.tabla th,.tabla td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--b);vertical-align:top;color:var(--t2)}
.tabla th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-weight:500;background:var(--bg3)}
.tabla td:nth-child(2){font-family:var(--mono);color:var(--red);white-space:nowrap}
@media(max-width:640px){.tabla,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}.tabla thead{display:none}.tabla td{border:none;padding:4px 14px}.tabla tr{border-bottom:1px solid var(--b);padding:10px 0}.tabla td:nth-child(2){white-space:normal}}
.fuentes{font-size:.78rem;color:var(--t3)}.fuentes a{color:var(--t3)}
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.plan{background:var(--bg2);border:1px solid var(--b);border-radius:var(--r);padding:20px}
.plan.dest{border-color:var(--red)}
.plan-n{font-weight:700;margin-bottom:4px}
.plan-p{font-family:var(--mono);color:var(--red);font-size:1.15rem;margin-bottom:6px}
.plan-d{font-size:.8rem;color:var(--t2);line-height:1.5}
.caso{background:var(--bg2);border:1px solid var(--b);border-left:3px solid var(--red);border-radius:var(--r);padding:22px;margin:14px 0}
.caso-t{font-weight:700;margin-bottom:4px}.caso-m{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.nota{background:var(--bg2);border:1px dashed var(--bh);border-radius:var(--r);padding:16px 18px;font-size:.88rem;color:var(--t2);margin:14px 0}

/* FAQ */
.faq-item{border-bottom:1px solid var(--b)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-family:var(--mono);color:var(--red);font-size:1.1rem;transition:transform .25s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item h3{font-size:.98rem;font-weight:600;margin:0;color:var(--t)}
.faq-a{padding:0 0 18px;color:var(--t2);font-size:.93rem}

/* CTA final y relacionados */
.ig-final{max-width:860px;margin:10px auto 60px;padding:40px 28px;text-align:center;background:var(--bg2);border:1px solid var(--b);border-radius:20px}
.ig-final h2{font-family:var(--fd);font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--cream);margin-bottom:10px}
.ig-final p{color:var(--t2);margin-bottom:22px}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.rel a{display:block;padding:14px 16px;border:1px solid var(--b);border-radius:12px;text-decoration:none;color:var(--t);font-size:.88rem;font-weight:600;background:var(--bg2)}
.rel a:hover{border-color:var(--red);color:var(--red)}

/* Footer */
.ig-footer{border-top:1px solid var(--b);background:var(--bg2);padding:48px 24px 22px}
.ig-fgrid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.ig-fbrand{font-family:var(--fd);font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:var(--cream);margin-bottom:8px}.ig-fbrand span{color:var(--red)}
.ig-ftxt{font-size:.8rem;color:var(--t2);max-width:280px}
.ig-fcol h2{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin-bottom:12px;font-weight:500}
.ig-fcol ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ig-fcol a{font-size:.82rem;color:var(--t2);text-decoration:none}.ig-fcol a:hover{color:var(--red)}
.ig-fbottom{max-width:1100px;margin:28px auto 0;padding-top:18px;border-top:1px solid var(--b);font-size:.72rem;color:var(--t3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:860px){.ig-fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ig-fgrid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}