/* ---------- Entrevista · cómo se prepara ---------- */
.opr-en .opr-en-c-cabeza{margin-bottom:clamp(26px,3vw,38px) !important}
.opr-en .opr-en-c-seg{flex-wrap:wrap !important; max-width:100% !important}
.opr-en .opr-en-c-panel{
  display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) !important;
  gap:16px !important; align-items:start !important;
}
.opr-en .opr-en-c-trabajo{padding:clamp(26px,3vw,36px) !important; min-width:0 !important}
.opr-en .opr-en-c-r{margin-top:9px !important; color:var(--suave) !important}
.opr-en .opr-en-c-lista{list-style:none !important; display:grid !important; gap:15px !important; margin-top:24px !important}
.opr-en .opr-en-c-lista li{
  display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; gap:13px !important; align-items:start !important;
  font-size:.9375rem !important; line-height:1.6 !important; overflow-wrap:anywhere !important;
}
.opr-en .opr-en-c-tic{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:22px !important; height:22px !important; margin-top:2px !important; flex:none !important;
  border-radius:999px !important; background:var(--p100) !important; color:var(--suave) !important;
}
.opr-en .opr-en-c-tic svg{width:13px !important; height:13px !important}


/* En fondo claro esta caja va en blanco, no en `--p50`: sobre el propio fondo
   de la sección no se vería. */
.opr-en .opr-en-c-datos{
  padding:clamp(26px,3vw,32px) !important; border-radius:var(--radio) !important;
  background:var(--superficie) !important; box-shadow:inset 0 0 0 1px var(--borde) !important;
  min-width:0 !important;
}
.opr-en .opr-en-c-datos dl{display:grid !important; gap:20px !important}
.opr-en .opr-en-c-datos dt{font-size:.75rem !important; font-weight:700 !important; color:var(--tenue) !important}
.opr-en .opr-en-c-datos dd{margin-top:6px !important; font-size:.9375rem !important; line-height:1.55 !important; color:var(--suave) !important; overflow-wrap:anywhere !important}
.opr-en .opr-en-c-cta{width:100% !important; margin-top:26px !important; white-space:normal !important}


/* El enlace del mapa se esconde con el atributo `hidden` cuando no hay mapa
   configurado. OJO: la regla de abajo le pone `display:inline-flex` y, anidada,
   pesa lo mismo (0,2,0) que la del núcleo que oculta lo que lleva `hidden` — y
   va después. Sin la regla del final de este fichero, el enlace saldría igual.
   Es la trampa n.º 4 del documento 02, la misma del formulario. */
/* el «dónde» ocupa su línea para que el enlace del mapa caiga debajo y no
   colgando del final del párrafo */
.opr-en #opr-en-c-donde{display:block !important}
.opr-en .opr-en-c-mapa{
  display:inline-flex !important; align-items:center !important; gap:7px !important; margin-top:9px !important;
  font-size:.875rem !important; font-weight:700 !important; color:var(--tinta) !important;
  text-decoration:underline !important; text-underline-offset:3px !important;
}
.opr-en .opr-en-c-mapa:hover{color:var(--suave) !important}
.opr-en .opr-en-c-mapa svg{width:15px !important; height:15px !important; flex:none !important}
@media (max-width:940px){
.opr-en .opr-en-c-panel{grid-template-columns:1fr !important}
}
@media (max-width:480px){
.opr-en .opr-en-c-seg{width:100% !important}
.opr-en .opr-en-c-seg button{flex:1 1 0 !important; padding:9px 10px !important; font-size:.875rem !important}
}


/* La regla que hace que `hidden` oculte de verdad en esta sección: con la raíz
   delante pesa (0,3,0) y gana. Va al final del fichero a propósito.
   (En un comentario CSS no se escriben llaves: anidar() las busca con
   expresiones regulares y parte el fichero por ellas.) */
.opr-en.opr-en-clases [hidden]{display:none !important}