body {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Cuadrícula tenue superpuesta al hero */
.hero-grid {
    background-image:
        linear-gradient(to right, rgb(255 255 255 / 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgb(255 255 255 / 0.05) 1px, transparent 1px);
    background-size: 48px 48px;
}

/* Iconos de línea (Lucide) del sprite de la página */
.lucide-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Acordeón: oculta el marcador nativo de <summary> en Safari */
.terms-section summary::-webkit-details-marker {
    display: none;
}

/* Apertura suave en navegadores compatibles; en los demás la sección abre sin animación */
@media (prefers-reduced-motion: no-preference) {
    :root {
        interpolate-size: allow-keywords;
    }

    .terms-section::details-content {
        height: 0;
        overflow: clip;
        transition: height 0.3s ease, content-visibility 0.3s allow-discrete;
    }

    .terms-section[open]::details-content {
        height: auto;
    }
}

/* Al imprimir se muestran todas las secciones, también las cerradas */
@media print {
    .terms-section::details-content {
        content-visibility: visible;
        height: auto;
        transition: none;
    }
}