@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700;900&display=swap');

/* Personalizaciones que Tailwind no cubre de forma tan limpia */
.media-label-vertical {
    writing-mode: vertical-rl;
}

/* Menú Hamburguesa con Checkbox Hack */
#nav-checkbox:checked ~ .menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

#nav-checkbox:checked ~ .menu-toggle span:nth-child(2) {
    opacity: 0;
}

#nav-checkbox:checked ~ .menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Grid Técnico Original */
.spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--text-dark, #000);
}

.spec-card {
    padding: 2rem 1rem;
    border-bottom: 1px solid var(--text-dark, #000);
}

.spec-card:nth-child(odd) {
    border-right: 1px solid var(--text-dark, #000);
}

/* Adaptación responsive del grid técnico */
@media (max-width: 900px) {
    .spec-grid {
        grid-template-columns: 1fr;
    }

    .spec-card:nth-child(odd) {
        border-right: none;
    }
}