/*
 * home-it.css — reglas EXCLUSIVAS de la landing /it. SEO/Italia, T6, 14-sep-2026 (T4 §2.10 fila 17 y T4 ajuste §2.8 fila 17).
 * Solo lo carga web/inicio_it.blade.php, después de home-v2.bundle.css. Cada regla cuelga de una clase que solo existe
 * en las copias de web/componentes/v2_it/: ninguna otra portada se ve afectada. Son las de home-en.css (UK), con su
 * prefijo, más el enlace de la regla 3.
 */

/* Modelos sin el vídeo de opiniones (§7 D-11): en tablet y PC la entrada queda sola en su fila; se centra, como ya se
   ve en móvil, para que no quede descompensada frente al banner centrado. */
@media (min-width: 768px) {
    .v2it-sin-video .v2-designs__subtitle {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

/* El banner de modelos pasa de <h3> a <p> (no es un encabezado). La clase ya lleva letra, tamaño, peso y margen, pero el
   interlineado lo ponía la regla de los h1-h6 (1,3): un <p> hereda el del cuerpo (1,7). Medido en UK: así quedan iguales. */
.v2it-sin-video .v2-designs__price-banner-heading {
    line-height: 1.3;
}

/* FAQ: la pregunta va en un <h3> que envuelve el mismo botón. El h3 no aporta ni margen ni letra:
   todo el aspecto sigue saliendo de .v2-faq__question, como en las demás portadas. */
.v2it-faq__heading {
    margin: 0;
    padding: 0;
    font: inherit;
    line-height: inherit;
}

/* Precios: la nota de la oferta («Offerta attuale · prezzo normale», con el precio sin cupón) debajo del precio del plan.
   Usa el aspecto de .v2-pricing__coupon y solo le da aire respecto al precio. */
.v2it-pricing__offer-note {
    margin-top: 10px;
}

/* «Come creare»: el enlace a la página de fai da te dentro del texto final (regla 3). .v2-how__cta-text no tiene estilo
   para enlaces en css/v2: sin esto no se ve como enlace. Mismo aspecto que .v2-faq__answer-inner a (faq.css:220-230). */
.v2it-how__link {
    color: var(--v2-brand);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.v2it-how__link:hover {
    color: var(--v2-brand-hover);
}