/* =====================================================================
   estudiowebapp.es — extras de la landing. Se carga DESPUÉS de base.css y rediseno.css.
   Mismos colores planos de marca (sin degradados). Todo lo que se superpone va en el flujo,
   salvo la burbuja de WhatsApp (fija, pequeña, con hueco reservado al final de la página).
   ===================================================================== */

/* ---------- Comprobación rápida de la web (tarjeta bajo el hero) ---------- */
.ld-check{padding:0 1.25rem;margin-top:-1.75rem;position:relative;z-index:2}
.ld-check__card{max-width:75rem;margin:0 auto;background:#fff;border:1px solid rgba(6,26,51,.12);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);padding:1.4rem 1.4rem;display:grid;gap:1rem;align-items:center}
.ld-check__card h2{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);line-height:1.2}
.ld-check__card p{margin-top:.35rem;color:var(--rd-muted);font-size:1rem}
@media (min-width:900px){.ld-check__card{grid-template-columns:1fr auto;padding:1.6rem 2rem;gap:2rem}}

/* ---------- Tarjetas de beneficios y servicios ---------- */
.ld-grid{display:grid;gap:1.25rem}
@media (min-width:700px){.ld-grid--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ld-grid--3{grid-template-columns:repeat(3,1fr)}.ld-grid--4{grid-template-columns:repeat(4,1fr)}}
.ld-card{display:flex;flex-direction:column;gap:.85rem;background:#fff;border:1px solid rgba(6,26,51,.1);border-radius:var(--rd-radius-sm);padding:1.5rem;box-shadow:var(--rd-shadow-soft)}
.ld-card h3{font-size:1.2rem}
.ld-card p{color:var(--rd-muted);font-size:1rem;margin:0}
.ld-card a.ld-more{margin-top:auto;padding-top:.4rem;font-family:var(--rd-head);font-weight:700;font-size:.95rem;color:var(--rd-orange-text);text-decoration:none}
.ld-card a.ld-more::after{content:" →"}
.ld-card a.ld-more:hover{text-decoration:underline}
.ld-card .rd-ico{margin-bottom:.15rem;align-self:flex-start;width:3rem;flex:0 0 auto}

/* ---------- GEO: ejemplo ilustrativo de pregunta y respuesta ---------- */
.ld-geo{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.ld-geo{grid-template-columns:1fr 1fr;gap:4rem}}
.ld-qa{background:#0B2747;border:1px solid rgba(255,255,255,.14);border-radius:var(--rd-radius);padding:1.4rem;display:grid;gap:.9rem}
.ld-qa__q{justify-self:end;max-width:92%;background:#12335C;color:#fff;border-radius:18px 18px 4px 18px;padding:.8rem 1rem;font-size:1rem}
.ld-qa__a{justify-self:start;max-width:96%;background:#fff;color:var(--rd-ink);border-radius:18px 18px 18px 4px;padding:.95rem 1.1rem;font-size:1rem;line-height:1.55}
.ld-qa__a strong{color:var(--rd-night)}
.ld-qa__note{font-size:.85rem;color:#C5D2E3;margin:0}

/* ---------- Preguntas frecuentes ---------- */
.ld-faq{display:grid;gap:.8rem;max-width:52rem;margin:0 auto}
.ld-faq details{background:#fff;border:1px solid rgba(6,26,51,.12);border-radius:var(--rd-radius-sm);padding:0}
.ld-faq summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-family:var(--rd-head);font-weight:700;color:var(--rd-night);font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.ld-faq summary::-webkit-details-marker{display:none}
.ld-faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--rd-orange-text);flex:0 0 auto}
.ld-faq details[open] summary::after{content:"–"}
.ld-faq details p{padding:0 1.3rem 1.2rem;color:var(--rd-muted);margin:0;max-width:none}
.ld-faq summary:focus-visible{outline:3px solid var(--rd-blue);outline-offset:-3px;border-radius:var(--rd-radius-sm)}

/* ---------- Caja informativa («Sobre esta web», «Por qué te hemos escrito») ---------- */
.ld-notice{background:#fff;border:1px solid rgba(6,26,51,.14);border-left:6px solid var(--rd-orange);border-radius:var(--rd-radius-sm);padding:1.2rem 1.4rem;color:var(--rd-ink)}
.ld-notice h2,.ld-notice h3{font-size:1.25rem;margin-bottom:.4rem}
.ld-notice p{max-width:none;margin:.4rem 0 0;color:var(--rd-ink)}
.ld-notice .rd-actions{margin-top:1rem}
.ld-notice--legal{margin:0 0 2rem;font-size:.98rem}

/* ---------- Enlace a la web principal en cabecera y pie ---------- */
.nav-main-link{display:inline-flex;align-items:center;gap:.35rem}
.nav-main-link svg{width:.8em;height:.8em;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Burbuja de WhatsApp ---------- */
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;pointer-events:none}
.wa-float>*{pointer-events:auto}
.wa-float__btn{width:3.75rem;height:3.75rem;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 28px rgba(6,26,51,.32);transition:transform .2s,background-color .2s}
.wa-float__btn:hover{transform:scale(1.06);background:#1ebe5b}
.wa-float__btn:focus-visible{outline:3px solid var(--rd-night);outline-offset:3px}
.wa-float__btn svg{width:2rem;height:2rem;fill:#fff}
.wa-float__tip{max-width:15rem;background:#fff;color:var(--rd-ink);border:1px solid rgba(6,26,51,.14);border-radius:16px 16px 4px 16px;padding:.8rem .95rem;box-shadow:var(--rd-shadow-soft);font-size:.95rem;line-height:1.4;display:none}
.wa-float__tip.is-open{display:block;animation:waIn .35s ease both}
.wa-float__tip strong{display:block;font-family:var(--rd-head);color:var(--rd-night);margin-bottom:.15rem}
.wa-float__tip a{display:inline-block;margin-top:.45rem;font-weight:700;color:var(--rd-orange-text);text-decoration:none}
.wa-float__tip a:hover{text-decoration:underline}
.wa-float__x{position:absolute;top:-.45rem;right:-.2rem;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgba(6,26,51,.2);background:#fff;color:var(--rd-night);font-size:.9rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.wa-float__wrap{position:relative}
@keyframes waIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wa-float__tip.is-open{animation:none}.wa-float__btn{transition:none}}
/* hueco al final de la página para que la burbuja nunca tape el pie */
body{padding-bottom:0}
.footer{padding-bottom:5.5rem}

/* ---------- Páginas legales: pequeños ajustes ---------- */
.lg-back{font-weight:700}

/* ---------- Aviso de cookies: mismo aspecto que el de pymewebapp.com ---------- */
.ck-banner[hidden]{display:none}
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#072a5e;color:#fff;border-top:2px solid var(--rd-orange);box-shadow:0 -10px 30px rgba(6,26,51,.3);max-height:70vh;overflow:auto}
.ck-banner__inner{max-width:75rem;margin:0 auto;padding:1rem 1.25rem;display:grid;gap:1rem;align-items:center}
.ck-banner__copy p{margin:0;max-width:60rem;font-size:1rem;color:#fff;line-height:1.5}
.ck-banner__copy a{color:#ff8a33;font-weight:700;text-decoration:underline}
.ck-banner__btns{display:flex;flex-wrap:wrap;gap:.7rem}
.ck-btn{min-height:2.9rem;padding:.8rem 1.4rem;font-size:.95rem;border-radius:12px;font-family:var(--rd-head);font-weight:700;cursor:pointer;border:2px solid transparent}
.ck-btn--light{background:#fff;color:#072a5e}
.ck-btn--light:hover{background:#e8eef6}
.ck-btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.ck-btn--outline:hover{background:rgba(255,255,255,.12)}
.ck-btn--go{background:var(--rd-orange);color:#061A33}
.ck-btn--go:hover{background:#ff8a33}
.ck-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (min-width:860px){.ck-banner__inner{grid-template-columns:1fr auto;gap:2rem}}
@media (max-width:520px){.ck-banner__btns .ck-btn{flex:1 1 100%}}
.ck-open .wa-float{bottom:calc(var(--ck-h,7rem) + 1rem)}

/* portal de ciudades */
.ld-city{text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.ld-city:hover{transform:translateY(-3px);border-color:var(--rd-orange)}
.ld-city .ld-more{margin-top:auto;font-family:var(--rd-head);font-weight:700;font-size:.95rem;color:var(--rd-orange-text)}
.ld-city .ld-more::after{content:" →"}