/* Tema base · Home estilo "editorial": tipografía grande y centrada, foto panorámica, esquinas rectas,
   servicios en lista numerada y secciones separadas por líneas, como una revista. */

.home-estilo-editorial { --radio: 4px; --radio-grande: 6px; }

/* Portada centrada con foto panorámica debajo */
.home-estilo-editorial .hero__dentro { display: flex; flex-direction: column; align-items: center; gap: 48px; padding-top: 72px; padding-bottom: 32px; }
.home-estilo-editorial .hero__texto { align-items: center; text-align: center; max-width: 920px; }
.home-estilo-editorial .hero .etiqueta { display: inline-flex; align-items: center; gap: 14px; }
.home-estilo-editorial .hero .etiqueta::before, .home-estilo-editorial .hero .etiqueta::after { content: ""; width: 36px; height: 1px; background: currentColor; }
.home-estilo-editorial .hero__titulo { font-size: clamp(42px, 7vw, 92px); letter-spacing: -2.5px; line-height: .98; }
.home-estilo-editorial .hero__entradilla { max-width: 640px; font-size: 20px; }
.home-estilo-editorial .hero .botones { justify-content: center; }
.home-estilo-editorial .hero__media { width: 100%; aspect-ratio: 21 / 8; }

/* Datos de confianza en línea, separados por filetes */
.home-estilo-editorial .confianza { padding-bottom: 24px; }
.home-estilo-editorial .confianza__lista { background: none; border: 0; border-top: 2px solid var(--carbon); border-bottom: 1px solid var(--borde); border-radius: 0; }
.home-estilo-editorial .confianza__lista li { text-align: center; align-items: center; padding: 26px 16px; }
.home-estilo-editorial .confianza__lista strong { color: var(--carbon); font-size: 22px; }

/* Cabeceras de sección con filete arriba */
.home-estilo-editorial .seccion__cabeza { border-top: 2px solid var(--carbon); padding-top: 18px; }
.home-estilo-editorial .titulo-seccion { letter-spacing: -1px; }

/* Servicios en lista numerada */
.home-estilo-editorial #servicios { padding-top: 56px; }
.home-estilo-editorial #servicios .tarjetas { grid-template-columns: 1fr; gap: 0; counter-reset: servicio; border-bottom: 1px solid var(--borde); }
.home-estilo-editorial #servicios .tarjeta {
	counter-increment: servicio; display: grid; grid-template-columns: 90px 1fr 260px; align-items: center; gap: 28px;
	background: none; border: 0; border-top: 1px solid var(--borde); border-radius: 0; padding: 22px 0; box-shadow: none; transform: none;
}
.home-estilo-editorial #servicios .tarjeta::before {
	content: counter(servicio, decimal-leading-zero); font-family: var(--fuente-titulos); font-weight: 800; font-size: 44px;
	color: transparent; -webkit-text-stroke: 1.5px var(--principal); line-height: 1;
}
.home-estilo-editorial #servicios .tarjeta:hover { background: var(--fondo-claro); }
.home-estilo-editorial #servicios .tarjeta__media { order: 2; aspect-ratio: 16 / 9; border-radius: var(--radio); }
.home-estilo-editorial #servicios .tarjeta__cuerpo { padding: 0; display: grid; grid-template-columns: 1fr auto; column-gap: 24px; align-items: center; }
.home-estilo-editorial #servicios .tarjeta__titulo { font-size: 26px; letter-spacing: -.5px; }
.home-estilo-editorial #servicios .tarjeta__texto { grid-column: 1; font-size: 16px; }
.home-estilo-editorial #servicios .tarjeta__enlace { grid-column: 2; grid-row: 1 / span 2; white-space: nowrap; }

/* Galería escalonada */
@media (min-width: 900px) {
	.home-estilo-editorial #galeria .trabajo:nth-child(2) { margin-top: 56px; }
}

/* Razones en dos columnas con número */
.home-estilo-editorial .razones { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 0 48px; counter-reset: razon; }
.home-estilo-editorial .razon { counter-increment: razon; border-top: 1px solid var(--borde); padding: 22px 0 22px 64px; position: relative; }
.home-estilo-editorial .razon::before { content: counter(razon, decimal-leading-zero); position: absolute; left: 0; top: 22px; font-family: var(--fuente-titulos); font-weight: 800; font-size: 22px; color: var(--acento-texto); }

/* Preguntas frecuentes con filetes en lugar de tarjetas */
.home-estilo-editorial .faq { background: var(--fondo); }
.home-estilo-editorial .faq .titulo-seccion { text-align: center; }
.home-estilo-editorial .faq__lista { gap: 0; border-top: 2px solid var(--carbon); }
.home-estilo-editorial .faq__item { background: none; border-radius: 0; padding: 0; border-bottom: 1px solid var(--borde); }

@media (max-width: 900px) {
	.home-estilo-editorial .hero__media { aspect-ratio: 16 / 10; }
	.home-estilo-editorial #servicios .tarjeta { grid-template-columns: 56px 1fr; gap: 16px; }
	.home-estilo-editorial #servicios .tarjeta::before { font-size: 32px; }
	.home-estilo-editorial #servicios .tarjeta__media { display: none; }
	.home-estilo-editorial #servicios .tarjeta__cuerpo { grid-template-columns: 1fr; row-gap: 6px; }
	.home-estilo-editorial #servicios .tarjeta__enlace { grid-column: 1; grid-row: auto; }
	.home-estilo-editorial #servicios .tarjeta__titulo { font-size: 21px; }
}
@media (max-width: 560px) {
	.home-estilo-editorial .confianza__lista { grid-template-columns: 1fr 1fr; }
	.home-estilo-editorial .confianza__lista li { padding: 16px 14px; border-top: 1px solid var(--borde-2); border-left: 1px solid var(--borde-2); }
	.home-estilo-editorial .confianza__lista li:nth-child(-n+2) { border-top: 0; }
	.home-estilo-editorial .confianza__lista li:nth-child(odd) { border-left: 0; }
	.home-estilo-editorial .confianza__lista strong { font-size: 18px; }
}