/* 24.2.0 · Tickets Costa del Sol (web pública)
   1) Ancho completo fluido en todas las páginas, sin desbordes
   2) Tarjetas 100 % clicables (imagen, nombre, texto y botón) */

/* ---------- 1. Pantalla completa ----------
   El ancho máximo sale de Panel › Diseño (--t-maxw, 2400 px = pantalla completa).
   Aquí solo se hacen fluidos los márgenes laterales y se igualan los contenedores antiguos. */
html body{
  --v2420-gutter:clamp(12px,2.4vw,48px);
  --v34-content:var(--t-maxw,2400px);
  --v34-gutter:var(--v2420-gutter);
}
html,body{overflow-x:clip}
.hero,.public-section,.article{width:min(calc(100% - 2 * var(--v2420-gutter)),var(--t-maxw,2400px))}
.section{max-width:var(--t-maxw,2400px);padding-inline:var(--v2420-gutter)}
.content{width:100%;max-width:var(--t-maxw,2400px);padding-inline:var(--v2420-gutter)}
/* Los textos largos siguen con ancho de lectura cómodo */
.prose p,.article p{max-width:85ch}

/* Nada se sale de la pantalla */
img,video,iframe,embed,object,svg{max-width:100%}
img,video{height:auto}
table{max-width:100%}
.prose table,.article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
h1,h2,h3,h4,p,li,a,td,th,dd,dt,figcaption,summary{overflow-wrap:anywhere}
pre,code{white-space:pre-wrap;word-break:break-word}
main *,.public-detail-layout>*,.content-grid>*,.cards>*{min-width:0}

/* Rejillas de tarjetas fluidas: 1 col en móvil → hasta 6 en pantallas grandes */
.content-grid,.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important}

/* ---------- 2. Tarjeta completa clicable (lo activa front.js) ---------- */
.v2420-card{position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.v2420-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(2,45,89,.12)}
.v2420-card .v2420-card-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.v2420-card a:not(.v2420-card-link),.v2420-card button,.v2420-card input,.v2420-card select{position:relative;z-index:2}
.v2420-card:focus-within{outline:3px solid #0CB3D0;outline-offset:2px}
.v2420-card .v2420-card-link:focus-visible{outline:none}
.v2420-card img{transition:transform .3s ease}
.v2420-card:hover img{transform:scale(1.03)}
.v2420-card :is(h2,h3,h4){transition:color .15s}
.v2420-card:hover :is(h2,h3,h4){color:#0570C4}
@media (prefers-reduced-motion:reduce){.v2420-card,.v2420-card img{transition:none}.v2420-card:hover{transform:none}}