/* V1 · P5+P8 · Sitio: banner de cookies compacto anclado abajo y ritmo de la landing.
   No cambia las opciones de consentimiento ni la lógica del píxel: mismos botones,
   mismos textos funcionales y mismo marcado de P; solo presentación. */

/* ── P5 · Variante compacta del banner: misma tarjeta centrada de P, con aire y
       tipografía reducidos (~35–40 % menos alto) y la fila de decisiones al fondo
       de la tarjeta, de modo que los botones no caen sobre los CTA de la página. ── */
#relief-cookie-banner.relief-consent{
 display:flex;flex-direction:column;
 left:16px;right:16px;max-width:640px;margin:auto;
 padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));
 max-height:min(56dvh,400px);overflow:auto;
}
#relief-cookie-banner h2{font-size:1.05rem;line-height:1.3;margin:0 0 6px}
#relief-cookie-banner p{margin:0 0 6px;font-size:.9rem;line-height:1.5}
#relief-cookie-banner .relief-cookie-actions{gap:8px;margin-top:auto;padding-top:8px}
#relief-cookie-banner .relief-cookie-actions button{flex:1 1 170px;min-height:44px;padding:10px 14px;font-size:.95rem}
#relief-cookie-banner .relief-cookie-configure{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:8px 12px;font-size:.95rem;background:#FFFFFF}
#relief-cookie-banner .relief-cookie-info{min-height:44px}
#relief-cookie-banner #relief-cookie-details{margin-top:8px;font-size:.875rem;line-height:1.5}
#relief-cookie-banner #relief-cookie-status{margin:6px 0 0}
@media(max-width:480px){
 #relief-cookie-banner.relief-consent{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}
 #relief-cookie-banner h2{font-size:1rem;margin-bottom:4px}
 #relief-cookie-banner p{font-size:.85rem;margin-bottom:5px}
 #relief-cookie-banner .relief-cookie-actions{flex-wrap:nowrap}
 #relief-cookie-banner .relief-cookie-actions button{flex:1 1 auto;padding-inline:8px;font-size:.9rem}
}

/* ── P8 · A 768 px la oferta de asesoría («Agenda tu hora») arranca arriba:
       se elimina el hueco de 174 px sin cambiar las columnas de los demás anchos. ── */
@media(min-width:768px){.ra-teaser-grid{align-items:start;gap:40px}}