/* Página /socios/ (planes de socio). Todo cuelga de .so-pagina y las clases llevan el prefijo so- para no pisar
   ni ser pisadas por sitio.css. Viene de la maqueta aprobada (v3); no se editan precios ni textos acá. */
.so-pagina{--papel:#F2F6F4; --tarjeta:#FFFFFF; --tinta:#0A2320; --tinta-2:#3C5753; --linea:#D5E0DC;
  --petroleo:#0A2320; --petroleo-2:#163C38; --acento:#006B5B; --laton:#C8A44B; --laton-osc:#8A6B1F;
  --marfil:#E4EFEB; --suave:#E6EEEB;
  --r:18px; --sombra:0 1px 2px rgba(10,35,32,.06),0 8px 24px rgba(10,35,32,.06);}
.so-pagina{margin:0;background:var(--papel);color:var(--tinta);font:500 16px/1.55 var(--f-texto);-webkit-font-smoothing:antialiased}
.so-pagina h1,.so-pagina h2,.so-pagina h3{font-weight:600;line-height:1.2;margin:0}
.so-pagina a{color:var(--acento)}
.so-pagina .so-envoltura{max-width:1180px;margin:0 auto;padding:0 16px}
.so-pagina :focus-visible{outline:3px solid var(--laton);outline-offset:3px;border-radius:8px}
.so-pagina .so-portada{background:radial-gradient(1200px 500px at 85% -10%,#1d4a44 0,transparent 60%),radial-gradient(800px 400px at 0% 120%,#123631 0,transparent 60%),var(--petroleo);color:var(--marfil);padding:28px 0 64px;position:relative;overflow:hidden}
.so-pagina .so-portada::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(228,239,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(228,239,235,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.so-pagina .so-portada h1{font-size:clamp(30px,5vw,52px);max-width:760px;margin-top:48px;position:relative;z-index:1}
.so-pagina .so-portada p.so-bajada{font-size:clamp(16px,2vw,19px);max-width:640px;color:#BFD3CD;margin:16px 0 0;position:relative;z-index:1}
.so-pagina .so-controles{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px;position:relative;z-index:1}
.so-pagina .so-conmutador{display:inline-flex;background:rgba(228,239,235,.08);border:1px solid rgba(228,239,235,.18);border-radius:999px;padding:4px}
.so-pagina .so-conmutador button{font:inherit;font-weight:600;font-size:15px;color:#BFD3CD;background:none;border:0;border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer;transition:background .2s,color .2s}
.so-pagina .so-conmutador button[aria-pressed="true"]{background:var(--marfil);color:var(--petroleo)}
.so-pagina .so-interruptor{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--marfil);font-weight:600;font-size:15px;min-height:44px;padding:0 6px;background:none;border:0;font-family:inherit}
.so-pagina .so-interruptor .so-pista{width:46px;height:26px;border-radius:999px;background:rgba(228,239,235,.2);position:relative;transition:background .2s}
.so-pagina .so-interruptor .so-pista::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--marfil);transition:transform .2s}
.so-pagina .so-interruptor[aria-checked="true"] .so-pista{background:var(--laton)}
.so-pagina .so-interruptor[aria-checked="true"] .so-pista::after{transform:translateX(20px)}
.so-pagina .so-nota-control{font-size:14px;color:#9FB8B1;flex-basis:100%}
.so-pagina .so-planes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-36px;position:relative;z-index:2}
@media (max-width:1060px){.so-pagina .so-planes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.so-pagina .so-planes{grid-template-columns:1fr}}
.so-pagina .so-plan{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative}
.so-pagina .so-plan.so-destacado{border:2px solid var(--acento)}
.so-pagina .so-plan .so-etiqueta{position:absolute;top:-12px;left:22px;background:var(--acento);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.so-pagina .so-plan h3{font-size:22px}
.so-pagina .so-plan .so-quien{color:var(--tinta-2);font-size:15px;margin:0;min-height:72px}
@media (max-width:600px){.so-pagina .so-plan .so-quien{min-height:0}}
.so-pagina .so-precio{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.so-pagina .so-precio .so-monto{white-space:nowrap;font-size:36px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.so-pagina .so-precio .so-desde{width:100%;color:var(--tinta-2);font-size:14px;margin-bottom:-6px}
.so-pagina .so-precio .so-per{color:var(--tinta-2);font-size:14px}
.so-pagina .so-precio .so-antes{color:var(--tinta-2);text-decoration:line-through;font-size:15px;width:100%}
.so-pagina .so-subprecio{font-size:13px;color:var(--tinta-2);margin-top:-8px;min-height:20px}
.so-pagina .so-llano{background:var(--suave);border-radius:12px;padding:12px 14px;font-size:15px;margin:0}
.so-pagina .so-llano strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--acento);margin-bottom:4px}
.so-pagina ul.so-incluye{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.so-pagina ul.so-incluye li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.so-pagina ul.so-incluye svg{width:20px;height:20px;margin-top:2px;color:var(--acento)}
.so-pagina ul.so-incluye .so-t{font-weight:600;display:block;font-size:13px;color:var(--tinta-2)}
.so-pagina section.so-bloque{padding:72px 0 0}
.so-pagina .so-bloque h2{font-size:clamp(24px,3.2vw,34px)}
.so-pagina .so-bloque .so-lead{color:var(--tinta-2);max-width:720px;margin:10px 0 28px;font-size:17px}
.so-pagina .so-tabla-envoltura{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r);background:var(--tarjeta);box-shadow:var(--sombra)}
.so-pagina table{border-collapse:collapse;width:100%;min-width:760px;font-size:15px}
.so-pagina th,.so-pagina td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.so-pagina thead th{font-size:16px;background:var(--suave);position:sticky;top:0}
.so-pagina tbody th{font-weight:600;color:var(--tinta-2);width:190px}
.so-pagina tr:last-child td,.so-pagina tr:last-child th{border-bottom:0}
.so-pagina .so-grilla3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.so-pagina .so-grilla3{grid-template-columns:1fr}}
.so-pagina .so-caja{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);padding:22px;box-shadow:var(--sombra)}
.so-pagina .so-caja h3{font-size:20px;margin-bottom:6px}
.so-pagina .so-caja .so-monto{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}
.so-pagina .so-caja .so-lista{color:var(--tinta-2);font-size:14px}
.so-pagina .so-chip{display:inline-block;font-size:12px;font-weight:600;background:var(--suave);color:var(--acento);padding:3px 9px;border-radius:999px}
.so-pagina .so-linea-tiempo{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
@media (max-width:860px){.so-pagina .so-linea-tiempo{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.so-pagina .so-linea-tiempo{grid-template-columns:1fr}}
.so-pagina .so-hito .so-cuando{font-family:inherit;font-weight:600;color:var(--laton-osc);font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.so-pagina .so-dos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.so-pagina .so-dos{grid-template-columns:1fr}}
.so-pagina .so-pendiente{border-left:4px solid var(--laton);background:#FBF6E8;border-radius:12px;padding:14px 16px;font-size:15px}
@media (prefers-reduced-motion:reduce){}
.so-pagina .so-planes.so-tres{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.so-pagina .so-planes.so-tres{grid-template-columns:1fr}}
.so-pagina .so-antes-chip{font-size:12px;color:var(--tinta-2);font-weight:600}
.so-pagina .so-promesa{font-size:18px;font-weight:600;line-height:1.35;margin:0;color:var(--tinta)}
.so-pagina .so-semana-t{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--acento);font-weight:600;margin:4px 0 -4px}
.so-pagina .so-posible{font-size:13px;color:var(--tinta-2);border-top:1px dashed var(--linea);padding-top:12px;margin:0}
.so-pagina .so-posible b{color:var(--tinta)}
.so-pagina .so-a-medida{margin-top:16px;background:var(--tarjeta);border:1px dashed var(--acento);border-radius:var(--r);padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.so-pagina .so-rubros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.so-pagina .so-rubros button{font:inherit;font-weight:600;font-size:15px;border:1px solid var(--linea);background:var(--tarjeta);color:var(--tinta);border-radius:999px;padding:10px 16px;min-height:44px;cursor:pointer}
.so-pagina .so-rubros button[aria-pressed="true"]{background:var(--acento);border-color:var(--acento);color:#fff}
.so-pagina .so-clavo{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
@media (max-width:760px){.so-pagina .so-clavo{grid-template-columns:1fr}}
.so-pagina .so-cita{font-size:20px;line-height:1.45;font-weight:600;margin:0;border-left:4px solid var(--laton);padding-left:16px}
.so-pagina .so-plan.so-recomendado{outline:3px solid var(--laton);outline-offset:4px}
.so-pagina .so-cambio{font-size:13px;font-weight:600;color:var(--laton-osc)}
.so-pagina .so-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:17px;text-decoration:none;border-radius:14px;padding:14px 22px;min-height:52px;border:0;cursor:pointer;transition:transform .15s,background .2s}
.so-pagina .so-cta:active{transform:scale(.98)}
.so-pagina .so-cta.so-primaria{background:var(--laton);color:var(--petroleo)}
.so-pagina .so-cta.so-primaria:hover{background:#d6b55e}
.so-pagina .so-cta.so-secundaria{background:transparent;color:var(--marfil);border:1px solid rgba(228,239,235,.35)}
.so-pagina .so-cta.so-plan-cta{background:var(--acento);color:#fff;width:100%}
.so-pagina .so-cta.so-plan-cta:hover{background:#00574a}
.so-pagina .so-plan .so-cta.so-plan-cta.so-claro{background:var(--suave);color:var(--acento)}
.so-pagina .so-cta svg{width:20px;height:20px}
.so-pagina .so-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;position:relative;z-index:1}
.so-pagina .so-aviso-fundador{display:inline-flex;gap:10px;align-items:center;margin-top:22px;background:rgba(200,164,75,.12);border:1px solid rgba(200,164,75,.45);color:#E9D9A8;border-radius:12px;padding:10px 14px;font-size:15px;position:relative;z-index:1}
.so-pagina .so-portada.so-venta{padding-bottom:96px}
.so-pagina .so-portada.so-venta h1{max-width:820px}
.so-pagina .so-semana-t{margin-top:2px}
.so-pagina details.so-incluye-mas{border-top:1px dashed var(--linea);padding-top:10px;font-size:14px;color:var(--tinta-2)}
.so-pagina details.so-incluye-mas summary{cursor:pointer;font-weight:600;color:var(--acento);min-height:32px;display:flex;align-items:center}
.so-pagina .so-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:paso}
@media (max-width:900px){.so-pagina .so-pasos{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.so-pagina .so-pasos{grid-template-columns:1fr}}
.so-pagina .so-paso{counter-increment:paso}
.so-pagina .so-paso::before{content:counter(paso);display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--petroleo);color:var(--laton);font-weight:600;margin-bottom:10px}
.so-pagina .so-faq details{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;padding:4px 18px;margin-bottom:10px}
.so-pagina .so-faq summary{cursor:pointer;font-weight:600;min-height:52px;display:flex;align-items:center;font-size:17px}
.so-pagina .so-faq p{margin:0 0 16px;color:var(--tinta-2)}
.so-pagina .so-cierre{background:var(--petroleo);color:var(--marfil);border-radius:24px;padding:40px 24px;text-align:center;margin-top:72px}
.so-pagina .so-cierre h2{font-size:clamp(26px,3.6vw,38px)}
.so-pagina .so-cierre p{color:#BFD3CD;max-width:560px;margin:12px auto 24px}
.so-pagina .so-respuesta{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.so-pagina .so-respuesta{grid-template-columns:1fr}}
.so-pagina .so-respuesta .so-lado-t{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:8px}
.so-pagina .so-respuesta .so-hoy .so-lado-t{color:#9A4B3B}
.so-pagina .so-respuesta .so-con .so-lado-t{color:var(--acento)}
.so-pagina .so-sumale .so-monto{font-size:26px}
.so-pagina .so-precio-fundador{font-size:14px;font-weight:600;color:var(--laton-osc);margin-top:-8px}
.so-pagina .so-borrador-pie{opacity:.7}
.so-pagina .so-armador{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}
@media (max-width:900px){.so-pagina .so-armador{grid-template-columns:1fr}}
.so-pagina .so-armador-total{position:sticky;top:16px}
.so-pagina .so-grupo{background:var(--tarjeta);border:1px solid var(--linea);border-radius:16px;padding:16px 18px;margin-bottom:12px}
.so-pagina .so-grupo h3{font-size:17px;margin-bottom:4px}
.so-pagina .so-grupo .so-ayuda{font-size:14px;color:var(--tinta-2);margin:0 0 10px}
.so-pagina .so-opciones{display:flex;flex-wrap:wrap;gap:8px}
.so-pagina .so-op{position:relative}
.so-pagina .so-op input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.so-pagina .so-op span{display:flex;flex-direction:column;border:1px solid var(--linea);border-radius:12px;padding:10px 14px;min-height:44px;font-weight:600;font-size:15px;background:#fff;transition:background .15s,border-color .15s}
.so-pagina .so-op span small{font-weight:500;color:var(--tinta-2);font-size:13px}
.so-pagina .so-op input:checked + span{border-color:var(--acento);background:#E3F1EE}
.so-pagina .so-op input:focus-visible + span{outline:3px solid var(--laton);outline-offset:2px}
.so-pagina .so-fila-total{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linea);font-size:15px}
.so-pagina .so-fila-total:last-of-type{border-bottom:0}
.so-pagina .so-fila-total .so-v{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.so-pagina .so-mejor{background:var(--petroleo);color:var(--marfil);border-radius:14px;padding:16px;margin:14px 0}
.so-pagina .so-mejor .so-grande{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}
.so-pagina .so-mejor .so-ahorro{color:var(--laton);font-weight:600}
.so-pagina .so-tachado{text-decoration:line-through;color:var(--tinta-2)}
.so-pagina .so-factura-linea{margin:0;font-size:14px;font-weight:600;background:#FBF6E8;border:1px solid #EAD9A6;color:var(--tinta);border-radius:10px;padding:8px 12px}
.so-pagina .so-basico{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--linea)}
.so-pagina .so-basico .so-b{background:var(--suave);border-radius:12px;padding:12px 14px;font-size:15px}
.so-pagina .so-basico .so-b b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--acento);margin-bottom:4px}

/* Ajustes para convivir con sitio.css (fondo oscuro, h1-h3 en marfil, a en latón) */
.so-pagina{background:var(--papel);color:var(--tinta);font:500 16px/1.55 var(--f-texto);overflow-x:clip}
.so-pagina h1,.so-pagina h2,.so-pagina h3{color:inherit;max-width:none;letter-spacing:normal;font-family:inherit;font-style:normal}
.so-pagina a:hover{text-decoration:none}
.so-pagina summary{list-style:revert}
.so-pagina strong{color:inherit;font-weight:600}
.so-pagina .so-portada{padding-top:40px}
.so-pagina .so-portada h1{color:var(--marfil)}
/* Formulario de alta de socio (#alta) */
.so-pagina .so-dejar-datos{font-size:14px;font-weight:600;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center;margin-top:-6px}
.so-pagina .so-form{max-width:760px;display:grid;gap:18px}
.so-pagina .so-form-grilla{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.so-pagina .so-form-grilla{grid-template-columns:1fr}}
.so-pagina .so-campo{display:grid;gap:6px;font-weight:600;font-size:15px}
.so-pagina .so-campo small{font-weight:500;color:var(--tinta-2)}
.so-pagina .so-campo.so-ancho{grid-column:1/-1}
.so-pagina .so-campo input,.so-pagina .so-campo select,.so-pagina .so-campo textarea{font:inherit;font-weight:500;font-size:16px;color:var(--tinta);background:#fff;border:1px solid #9FB3AD;border-radius:12px;padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}
.so-pagina .so-campo textarea{resize:vertical;min-height:96px}
.so-pagina .so-campo [aria-invalid="true"]{border-color:#B3261E;box-shadow:0 0 0 1px #B3261E}
.so-pagina .so-trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.so-pagina .so-turnstile:empty{display:none}
.so-pagina .so-form .so-cta{justify-self:start;width:auto}
.so-pagina .so-form .so-cta[disabled]{opacity:.6;cursor:wait}
.so-pagina .so-form-estado{margin:0;min-height:1.5em;color:var(--tinta-2)}
.so-pagina .so-form-estado.so-error{color:#B3261E;font-weight:600}
.so-pagina .so-form-alternativa{margin:0;background:#FBF6E8;border-left:4px solid var(--laton);border-radius:12px;padding:12px 14px}
.so-pagina .so-nuevo{display:inline-block;vertical-align:middle;font-style:normal;font-size:12px;font-weight:600;background:var(--laton);color:var(--petroleo);padding:2px 9px;border-radius:999px;margin-left:6px;letter-spacing:.02em}
.so-pagina .so-agenda{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}
@media (max-width:900px){.so-pagina .so-agenda{grid-template-columns:1fr}}
.so-pagina .so-agenda-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.so-pagina .so-agenda-lista li{display:flex;gap:10px;align-items:flex-start}
.so-pagina .so-agenda-lista svg{width:20px;height:20px;flex:none;color:var(--acento);margin-top:3px}
.so-pagina .so-precios-nota{text-align:center;font-size:14px;color:var(--tinta-2);margin:14px 0 0}
.so-pagina .so-cierre .so-enlace-claro{color:var(--marfil);font-weight:600}
.so-pagina .so-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}