/* Lo que no viene en la entrega: casilla de privacidad, aviso de cookies, crédito de agencia, el texto de las páginas legales propias y los rótulos de los cambios propios (config/cambios-propios.json).
   Usa las variables de estilos.css y nada de aquí toca lo aprobado. */

.oc-consentimiento{grid-column:1/-1;margin-top:18px;display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
.oc-consentimiento input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--red)}
.oc-consentimiento a{color:var(--red);text-decoration:underline;text-underline-offset:3px}

.oc-credito a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.footer-legal:has(.oc-cookies-abrir){flex-wrap:wrap;row-gap:6px}
@media(max-width:680px){
 .oc-credito{display:block;margin-top:4px;text-wrap:balance}
 .oc-credito-sep{display:none}
}
.oc-cookies-abrir{padding:0;border:0;background:none;color:inherit;font-size:11px;cursor:pointer}
.oc-cookies-abrir:hover{text-decoration:underline;text-underline-offset:3px}

.oc-cookies{position:fixed;z-index:50;inset:auto 16px calc(16px + env(safe-area-inset-bottom,0px));max-width:var(--width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding:18px 22px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-size:14px;line-height:1.5;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}
@starting-style{.oc-cookies{opacity:0;transform:translateY(8px)}}
.oc-cookies p{margin:0}
.oc-cookies a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.oc-cookies-botones{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oc-cookies-botones .btn{min-height:44px;padding-block:8px}
@media(max-width:680px){
 .oc-cookies{flex-direction:column;align-items:stretch;padding:16px}
}
@media(prefers-reduced-motion:reduce){
 .oc-cookies{transition:none}
}
@media print{.oc-cookies{display:none}}

/* Páginas legales propias (contenido/propias/): texto largo con la tipografía y los colores de estilos.css. */
.oc-texto-legal{max-width:820px;font-size:16px;line-height:1.75;overflow-wrap:break-word}
.oc-texto-legal h2{margin:40px 0 12px;font-size:19px;font-weight:720;letter-spacing:-.01em}
.oc-texto-legal h2:first-child{margin-top:0}
.oc-texto-legal p{margin:0}
.oc-texto-legal p+p,.oc-texto-legal ul+p,.oc-texto-legal p+ul{margin-top:14px}
.oc-texto-legal ul{padding-left:1.3em;list-style:disc}
.oc-texto-legal li+li{margin-top:6px}
.oc-texto-legal li::marker{color:var(--red)}
@media(max-width:680px){
 .oc-texto-legal{font-size:15px}
 .oc-texto-legal h2{margin-top:32px;font-size:17px}
}

/* Procesos, tarjetas de #origen-ue: rótulos «Ámbito UE» y «Ámbito país» en gris, como en la revisión de OC del 10-11-2026
   (config/cambios-propios.json). Sólo estas dos tarjetas: los antetítulos del resto de la web siguen en rojo. */
#origen-ue .two-cards>.service-detail>.eyebrow{color:var(--muted)}

/* /simular/*: sin la nota de maqueta (src/lib/extras.mjs, SOLICITAR), el hueco entre el título y las tarjetas
   pasaba a ser la suma de los dos rellenos. Se queda en el de la sección. */
.plain-hero + .section.tight:has(.simulation-options) { padding-top: 0; }