/* RC Fase 6: portada comercial — alcances de pagina y tarjetas destacadas. */
body[data-pagina="inicio"] .rc-portada-cobertura {
  margin:14px 0 0;max-width:65ch;color:#e8d6b9;
  font:500 clamp(12px,1vw,14px)/1.65 Arial,sans-serif;
}
body[data-pagina="inicio"] .rc-portada-cobertura strong{color:#f7e6c5;font-weight:700}
body[data-pagina="inicio"] .rc-portada-accesos{
  display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;
  padding-block:20px;border-bottom:1px solid #d8cbb9;
}
body[data-pagina="inicio"] .rc-portada-accesos a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:9px 14px;background:#faf7f0;
  border:1px solid #d8cbb9;color:#5a3129;text-decoration:none;
  font:600 12px/1.4 Arial,sans-serif;
}
body[data-pagina="inicio"] .rc-portada-accesos a:hover,
body[data-pagina="inicio"] .rc-portada-accesos a:focus-visible{border-color:#8b0b20;color:#8b0b20}
body[data-pagina="inicio"] #piezas .tarjeta .rc-pieza-ver-coleccion{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;margin-top:10px;padding:8px 2px;
  color:#8b0b20;text-decoration:underline;text-underline-offset:4px;
  font:700 14px/1.3 Arial,sans-serif;
}
body[data-pagina="inicio"] #piezas .tarjeta h3{font-size:clamp(20px,2vw,26px);line-height:1.2;overflow-wrap:break-word}
body[data-pagina="inicio"] #piezas .tarjeta p{margin-top:8px;color:#5f5346}
body[data-pagina="inicio"] #piezas .tarjeta .lujo-cotizar{display:inline-flex;justify-content:center;align-items:center;margin-top:12px}
body[data-pagina="inicio"] .rc-comercial-cobertura{scroll-margin-top:calc(var(--altura-cabecera,80px) + 24px);margin-top:40px;padding-top:30px;border-top:1px solid #d8cbb9}
body[data-pagina="inicio"] .rc-comercial-cobertura>h3{margin-top:26px}
body[data-pagina="inicio"] .rc-comercial-rutas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
body[data-pagina="inicio"] .rc-comercial-rutas article{padding:22px;background:#fbf9f5;border:1px solid #d8cbb9}
body[data-pagina="inicio"] .rc-comercial-rutas h3{font-size:clamp(20px,2vw,24px)}
@media(max-width:900px){body[data-pagina="inicio"] .rc-comercial-rutas{grid-template-columns:1fr}}
@media(max-width:600px){
 body[data-pagina="inicio"] .rc-portada-accesos{gap:7px;padding-block:14px}
 body[data-pagina="inicio"] .rc-portada-accesos a{font-size:11px;flex:1 1 calc(50% - 7px);padding:8px;min-height:44px}
 body[data-pagina="inicio"] .rc-portada-cobertura{font-size:12px;line-height:1.5}
 body[data-pagina="inicio"] .rc-comercial-rutas article{padding:17px}
 body[data-pagina="inicio"] #piezas .tarjeta h3{font-size:22px}
}