/* Páginas de contenido de luxonly-agency.com (guías, condiciones, equipo, preguntas frecuentes).
   Se carga DESPUÉS de /estilos.css y solo añade lo propio de un artículo: migas, respuesta corta, tablas estrechas,
   caja de solicitud y enlaces relacionados. Mismos colores y tipografías (variables de estilos.css). */
.guia{gap:40px}
.guia .top-der a.top-link{font:700 15px var(--body);color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}
.guia .top-der a.top-link:hover{color:var(--accent)}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0;font-size:14px;color:var(--muted)}
.migas li{display:inline-flex;align-items:center}
.migas li + li::before{content:"›";margin:0 8px;color:var(--field)}
.migas a{color:var(--muted);display:inline-flex;align-items:center;min-height:32px}
.migas [aria-current]{color:var(--fg);font-weight:600}
.guia article{display:flex;flex-direction:column;gap:40px;min-width:0}
.guia .cab{display:flex;flex-direction:column;gap:14px}
.guia h1{font-size:clamp(30px,7.4vw,44px);line-height:1.12}
.guia h2{font-size:clamp(23px,5.6vw,30px);line-height:1.22}
.guia h3{font-size:18px}
.actualizado{font-size:14px;color:var(--muted)}
.resumen{background:var(--tint);border-radius:var(--radius);padding:18px 20px;font-size:18px;line-height:1.55}
.resumen b{color:var(--accent-2)}
.guia section{display:flex;flex-direction:column;gap:14px;min-width:0}
.guia section > p,.guia .texto{max-width:68ch}
.guia section p,.guia section li{color:var(--fg)}
.guia .lista{max-width:68ch}
.guia ol.num{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:10px;max-width:68ch}
.guia ol.num li::marker{font-weight:700;color:var(--accent)}
.guia .tabla table{min-width:0}
.guia .tabla.ancha th,.guia .tabla.ancha td{padding:10px 8px;overflow-wrap:break-word;hyphens:auto}
.guia .tabla.ancha th[scope="row"]{min-width:7.5em}
.guia .tabla caption{caption-side:bottom;text-align:left;padding:10px 12px;font-size:14px;color:var(--muted)}
.guia .tabla thead th{border-bottom:1px solid var(--line)}
.nota{font-size:15px;color:var(--muted);max-width:68ch}
.ejemplo-etq{display:inline-block;font:700 12px var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--warn-fg);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:999px;padding:2px 10px;align-self:flex-start}
.cita{margin:0;padding:16px 18px;border-left:4px solid var(--accent);background:var(--card);border-radius:0 12px 12px 0;font-size:16px;color:var(--fg);max-width:68ch}
.fuentes a{overflow-wrap:anywhere}
.pregunta{display:flex;flex-direction:column;gap:6px;padding-block:14px;border-top:1px solid var(--line);max-width:68ch}
.pregunta:last-child{border-bottom:1px solid var(--line)}
.pregunta h3{font-size:18px;line-height:1.35}
.pregunta p{color:var(--muted);font-size:17px}
.rol{padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.rol .idi{font:700 12px var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.roles{display:grid;grid-template-columns:1fr;gap:12px}
.datos{margin:0;display:grid;grid-template-columns:1fr;gap:4px 16px;font-size:16px;padding:16px 18px;border-radius:var(--radius);background:var(--sand)}
.datos dt{font-weight:700}
.datos dd{margin:0 0 8px;color:var(--fg)}
.cta-caja{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 28px -18px rgba(43,37,35,.35)}
.cta-caja h2{font-size:clamp(22px,5.4vw,28px)}
.cta-caja p{color:var(--muted)}
.cta-caja .cta,.cta-caja .ghost{align-self:flex-start}
.relacionadas{display:flex;flex-direction:column;gap:12px}
.relacionadas h2{font-size:22px}
.tarjetas-enlace{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.tarjetas-enlace a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--fg);text-decoration:none;height:100%}
.tarjetas-enlace a:hover{border-color:var(--accent)}
.tarjetas-enlace b{font-size:17px;line-height:1.3;color:var(--fg)}
.tarjetas-enlace a:hover b{color:var(--accent)}
.tarjetas-enlace span{font-size:15px;color:var(--muted)}
.grupo{display:flex;flex-direction:column;gap:14px}
.aviso-marca{font-size:14px}
@media (max-width:480px){
  .guia{gap:32px}
  .guia article{gap:32px}
  .resumen{padding:16px;font-size:17px}
  .cta-caja{padding:18px}
  .cta-caja .cta,.cta-caja .ghost{align-self:stretch}
}
@media (min-width:900px){
  .wrap.guia{max-width:800px;gap:48px}
  .guia h1{font-size:46px;max-width:24ch}
  .guia h2{max-width:none}
  .tarjetas-enlace{grid-template-columns:1fr 1fr}
  .roles{grid-template-columns:1fr 1fr}
  .datos{grid-template-columns:max-content 1fr}
  .datos dd{margin:0}
}