/* SEOland — estilos */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0E0F0C}
.wa-btn{background-image:linear-gradient(110deg,#7DE3F4 0%,#25D366 50%,#7DE3F4 100%);background-size:250% 100%;background-position:0% 50%;animation:waShift 9s ease-in-out infinite}
.geo-bg{background-color:#161813;background-image:url(../img/geo-bg.jpg);background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.metodo-bg{background-color:#7DE3F4;background-image:url(../img/metodo-bg.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
.fases{grid-template-columns:repeat(5,minmax(0,1fr));background-image:linear-gradient(to bottom,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.18) 55%,rgba(255,255,255,0) 100%)}
@media (max-width: 900px){.fases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 560px){.fases{grid-template-columns:minmax(0,1fr)}}
.marquee{animation:marquee 60s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.marquee{animation:none}}
@keyframes waShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (prefers-reduced-motion: reduce){.wa-btn{animation:none}}
.hero-bg{background-color:#0E0F0C;background-image:url(../img/hero-bg.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
a{color:#7DE3F4}a:hover{color:#EDEBE3}
.to-top{display:none}
.to-top.is-visible{display:flex}
.to-top:focus-visible,a:focus-visible{outline:2px solid #7DE3F4;outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* Planes / niveles de servicio */
.pl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #33352E;background:rgba(22,24,19,0.6)}
.pl-scroll:focus-visible{outline:2px solid #7DE3F4;outline-offset:3px}
.pl-tabla{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;color:#EDEBE3}
.pl-tabla th,.pl-tabla td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #33352E;border-right:1px solid #33352E}
.pl-tabla th:last-child,.pl-tabla td:last-child{border-right:0}
.pl-tabla thead th{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9A9C93;vertical-align:bottom;padding-top:22px;padding-bottom:22px}
.pl-tabla thead th:first-child{width:38%}
.pl-plan{display:flex;align-items:center;gap:10px;font-family:'Instrument Serif',serif;font-size:32px;line-height:1;letter-spacing:0;text-transform:none;color:#EDEBE3}
.pl-tabla tbody th{font-weight:400;color:#EDEBE3}
.pl-tabla td{color:#B9BBB2;font-style:italic}
.pl-tabla td.pl-si{color:#7DE3F4;font-style:normal}
.pl-tabla td.pl-no{color:#6E7068;font-style:normal}
.pl-tabla td.pl-aparte{color:#9A9C93}
.pl-tabla small{display:block;margin-top:4px;font-size:13px;color:#9A9C93;font-style:italic;font-weight:400}
.pl-tabla .pl-grupo th{background:#161813;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#7DE3F4;padding-top:14px;padding-bottom:14px}
.pl-tabla .pl-precio th,.pl-tabla .pl-precio td{border-bottom:0;background:#7DE3F4;color:#0E0F0C;font-style:normal;border-right-color:rgba(14,15,12,0.15)}
.pl-tabla .pl-precio th{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;vertical-align:middle}
.pl-tabla .pl-precio td{font-family:'Instrument Serif',serif;font-size:30px;line-height:1.05;white-space:nowrap}
.pl-tabla .pl-precio small{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-style:normal;color:#0E0F0C;opacity:0.7}
.pl-desliza{display:none}
@media (max-width:600px){
.pl-desliza{display:block;margin:0 0 12px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9A9C93}
.pl-tabla{font-size:14px;min-width:620px}
.pl-tabla th,.pl-tabla td{padding:12px 14px}
.pl-tabla thead th:first-child{width:150px}
.pl-tabla thead th:first-child,.pl-tabla tbody tr:not(.pl-grupo) th{position:sticky;left:0;z-index:1;background:#121410;box-shadow:1px 0 0 #33352E}
.pl-tabla tbody tr.pl-precio th{background:#7DE3F4;box-shadow:1px 0 0 rgba(14,15,12,0.15)}
.pl-tabla .pl-grupo th span{position:sticky;left:14px;display:inline-block}
.pl-plan{font-size:24px}
.pl-tabla .pl-precio td{font-size:24px}
}
@media (max-width:380px){.hero-h1{font-size:44px !important}}

/* Cabecera fija + menú hamburguesa */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0E0F0C;transition:box-shadow .3s ease}
.site-header.is-scrolled{box-shadow:0 1px 0 #33352E,0 8px 24px rgba(0,0,0,0.35)}
.site-bar{max-width:1280px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:padding .3s ease}
.site-header.is-scrolled .site-bar{padding-top:12px;padding-bottom:12px}
.site-logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.nav-link{color:#9A9C93;text-decoration:none}
.nav-link:hover{color:#EDEBE3}
.nav-wa{color:#0E0F0C !important;text-decoration:none;padding:12px 18px;min-height:44px;display:inline-flex;align-items:center}
.menu-toggle{display:none}
.hero-bg{padding-top:96px}
section[id]{scroll-margin-top:84px}

@media (max-width: 960px){
  .menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;padding:0 12px;background:transparent;border:1px solid #33352E;cursor:pointer}
  .menu-toggle span{display:block;height:2px;width:100%;background:#EDEBE3;transition:transform .25s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 28px;background:#0E0F0C;border-bottom:1px solid #33352E;max-height:calc(100vh - 80px);overflow-y:auto}
  .site-nav.is-open{display:flex}

  .site-header.menu-open{background:#0E0F0C}
  .nav-link{padding:18px 0;border-bottom:1px solid #33352E;font-size:15px;min-height:44px}
  .nav-wa{margin-top:24px;justify-content:center;padding:18px;font-size:14px}
  .site-header .site-bar{position:relative}
  .hero-bg{padding-top:96px}
}
@media (prefers-reduced-motion: reduce){.site-header,.site-bar,.menu-toggle span{transition:none}}

/* Botón y ventana "Lo que dice Google" */
.pl-nota{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.g-abrir{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;background:transparent;color:#7DE3F4;border:1px solid #7DE3F4;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.g-abrir:hover{background:#7DE3F4;color:#0E0F0C}
.g-abrir:focus-visible,.g-cerrar:focus-visible,.g-fuente:focus-visible{outline:2px solid #7DE3F4;outline-offset:3px}
.g-dialog{padding:0;border:1px solid #33352E;background:#161813;color:#EDEBE3;width:min(760px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;font-family:'IBM Plex Sans',system-ui,sans-serif;line-height:1.55}
.g-dialog::backdrop{background:rgba(5,6,4,0.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.g-dialog[open]{animation:gIn .25s ease-out}
@keyframes gIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.g-caja{padding:32px 36px 28px;border-top:4px solid;border-image:linear-gradient(90deg,#00E64D 0 25%,#0050FF 25% 50%,#EE3B17 50% 75%,#FFB800 75% 100%) 1}
.g-cab{display:flex;justify-content:space-between;align-items:center;gap:16px}
.g-etiqueta{margin:0;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#7DE3F4}
.g-cerrar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:#EDEBE3;border:1px solid #33352E;cursor:pointer}
.g-cerrar:hover{border-color:#7DE3F4;color:#7DE3F4}
.g-h2{margin:12px 0 0;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(32px,5vw,48px);line-height:1.02}
.g-h2 em{color:#7DE3F4}
.g-intro{margin:16px 0 8px;color:#B9BBB2;font-style:italic;font-size:16px}
.g-lista{list-style:none;margin:16px 0 0;padding:0}
.g-item{display:flex;gap:18px;padding:20px 0;border-top:1px solid #33352E}
.g-num{flex:0 0 28px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#7DE3F4;padding-top:4px}
.g-titulo{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.15}
.g-cita{margin:8px 0 10px;color:#B9BBB2;font-style:italic;font-size:15px}
.g-fuente{display:inline;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.5px;color:#7DE3F4;text-decoration:underline;text-underline-offset:3px}
.g-fuente:hover{color:#EDEBE3}
.g-pie{margin:8px 0 0;padding-top:16px;border-top:1px solid #33352E;font-size:13px;color:#9A9C93;font-style:italic}
body.g-bloqueo{overflow:hidden}
@media (max-width:600px){.g-caja{padding:24px 20px 20px}.g-item{gap:12px}.g-titulo{font-size:21px}}
@media (prefers-reduced-motion: reduce){.g-dialog[open]{animation:none}}
.g-fuente svg{display:inline-block;vertical-align:-1px;margin-left:4px}
.pl-tabla .pl-precio small{white-space:normal;line-height:1.5;margin-top:6px}
/* Botón "Lo que dice Google": aparece y desaparece (intermitente) */
.g-abrir{animation:gParpadeo 1s ease-in-out infinite}
@keyframes gParpadeo{0%,55%{opacity:1}70%,85%{opacity:0}100%{opacity:1}}
.g-abrir:hover,.g-abrir:focus-visible{animation:none;opacity:1}
@media (prefers-reduced-motion: reduce){.g-abrir{animation:none}}