/* ==========================================================================
   home.css — Home de Lozucars (mismo lenguaje refinado Lightship).
   ========================================================================== */

/* --- HERO de vídeo: contenido, con padding alrededor y esquinas redondeadas -- */
/* Padding superior menor: el vídeo se acerca al header (evita el hueco doble). */
.home-hero { padding: var(--spacing-8) var(--spacing-12) var(--spacing-12); }
@media (min-width: 768px) { .home-hero { padding: var(--spacing-8) var(--spacing-24) var(--spacing-24); } }
.home-hero__frame {
	position: relative; width: 100%;
	height: clamp(480px, 82vh, 880px);
	border-radius: var(--radius-images); overflow: hidden;
	background: var(--color-pure-black);
}
.home-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.home-hero__scrim { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.12) 42%, rgba(0,0,0,.30)); }
.home-hero__content {
	position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
	padding: clamp(24px, 5vw, 64px); color: var(--color-paper-white);
}
.home-hero__kicker { font-size: var(--text-body-sm); letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.82); margin-bottom: var(--spacing-16); }
.home-hero__title { color: var(--color-paper-white); letter-spacing: var(--tracking-display); max-width: 18ch; margin-bottom: var(--spacing-16); }
.home-hero__lead { color: rgba(255,255,255,.9); max-width: 44ch; margin-bottom: var(--spacing-28); }
.home-hero__cta { align-self: flex-start; }

/* --- Banda de búsqueda (debajo del hero) ------------------------------- */
.home-searchband { margin-top: var(--spacing-40); }
.home-searchband__inner {
	display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-16) var(--spacing-24);
	padding-bottom: var(--spacing-40); border-bottom: 1px solid var(--color-outline-gray);
}
.home-searchband__title { letter-spacing: var(--tracking-heading-sm); margin-right: auto; }
.home-search { display: flex; flex-wrap: wrap; gap: var(--spacing-12); align-items: center; }
@media (max-width: 560px) {
	.home-searchband__title { width: 100%; }
	.home-search, .home-search .pill, .home-search .pill select, .home-search__btn { width: 100%; }
}

/* --- Sección destacados ------------------------------------------------ */
.home-section { margin-top: var(--section-gap-mobile); }
@media (min-width: 768px) { .home-section { margin-top: var(--section-gap); } }
.home-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--spacing-16); margin-bottom: var(--spacing-40); flex-wrap: wrap; }
.home-section__title { letter-spacing: var(--tracking-heading-sm); }
.home-featured { grid-template-columns: 1fr; }
@media (min-width: 560px) { .home-featured { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .home-featured { grid-template-columns: repeat(3, 1fr); } }

/* --- Confianza (sin iconitos: cifras/etiquetas como en specs) ---------- */
.home-trust { margin-top: var(--section-gap-mobile); }
@media (min-width: 768px) { .home-trust { margin-top: var(--section-gap); } }
/* Hairlines con bordes reales por celda (evita que el gap de 1px desaparezca por redondeo sub-píxel). */
.home-trust__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); border-top: 1px solid var(--color-outline-gray); border-left: 1px solid var(--color-outline-gray); }
.trust { display: flex; flex-direction: column; gap: var(--spacing-8); border-right: 1px solid var(--color-outline-gray); border-bottom: 1px solid var(--color-outline-gray); padding: clamp(var(--spacing-28), 3.5vw, var(--spacing-40)) var(--spacing-24); }
.trust__value { font-weight: var(--font-weight-bold); font-variation-settings: "wght" 700; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.05; letter-spacing: -0.01em; }
.trust__label { font-size: var(--text-caption); text-transform: uppercase; letter-spacing: .14em; color: var(--color-text-muted); }

/* --- Ubicación --------------------------------------------------------- */
.home-location { margin-top: var(--section-gap-mobile); margin-bottom: var(--section-gap-mobile); display: grid; grid-template-columns: 1fr; gap: var(--spacing-40); }
@media (min-width: 768px) { .home-location { margin-top: var(--section-gap); margin-bottom: var(--section-gap); } }
@media (min-width: 900px) { .home-location { grid-template-columns: 0.9fr 1.1fr; gap: var(--spacing-64); align-items: center; } }
.home-location__kicker { font-size: var(--text-body-sm); letter-spacing: .14em; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: var(--spacing-12); }
.home-location__title { letter-spacing: var(--tracking-heading-sm); margin-bottom: var(--spacing-8); }
.home-location__hours { margin: var(--spacing-24) 0 0; max-width: 380px; }
.home-location__hours li { display: flex; justify-content: space-between; gap: var(--spacing-16); padding: var(--spacing-12) 0; border-bottom: 1px solid var(--color-outline-gray); }
.home-location__hours li.is-closed span:last-child { color: var(--color-text-muted); }
.home-location__actions { display: flex; flex-wrap: wrap; gap: var(--spacing-12); margin-top: var(--spacing-24); }
.home-location__map { border-radius: var(--radius-images); overflow: hidden; background: var(--color-paper-white); }
.home-location__map iframe { display: block; width: 100%; height: clamp(300px, 42vh, 460px); border: 0; filter: grayscale(1) contrast(1.04); }