/*
  GARAGE PREMIUM - DESKTOP CSS
  min-width: 1024px
*/

@media (min-width: 1024px) {
    :root {
        --container-padding: 2rem;
    }

    /* Navegación desktop */
    .header-nav {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        padding: 0;
        border: none;
        background: none;
    }

    .nav-lista {
        flex-direction: row;
        gap: var(--space-xs);
    }

    .nav-lista li a {
        padding: var(--space-sm) var(--space-md);
    }

    .menu-toggle {
        display: none;
    }

    /* Grid productos */
    .productos-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Hero */
    .hero {
        padding: var(--space-3xl) 0;
        min-height: 500px;
        display: flex;
        align-items: center;
    }

    .hero-titulo {
        font-size: 3rem;
    }

    .hero-texto {
        font-size: 1.125rem;
    }

    /* Estadísticas */
    .estadistica-numero {
        font-size: 2.25rem;
    }

    /* Secciones */
    .seccion-encabezado h2 {
        font-size: 2rem;
    }

    /* Pasos */
    .paso-numero {
        width: 80px;
        height: 80px;
        font-size: 1.5rem;
    }

    .paso h3 {
        font-size: 1.25rem;
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    /* Catálogo */
    .catalogo-filtros {
        width: 280px;
    }

    .productos-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Producto */
    .producto-galeria {
        width: 55%;
    }

    .producto-info {
        width: 45%;
        padding-left: var(--space-xl);
    }

    .producto-nombre {
        font-size: 1.75rem;
    }

    .producto-precio .precio-actual {
        font-size: 2rem;
    }

    .galeria-miniaturas img {
        width: 80px;
        height: 80px;
    }

    /* Checkout */
    .checkout-resumen {
        width: 400px;
    }

    /* Confirmación */
    .confirmacion-card {
        padding: var(--space-3xl);
    }

    /* Seguimiento */
    .seguimiento-card {
        padding: var(--space-2xl);
    }

    .seguimiento-form {
        flex-direction: row;
        align-items: flex-end;
    }

    .seguimiento-form .form-grupo {
        flex: 1;
        margin-bottom: 0;
    }

    .seguimiento-form .btn {
        flex-shrink: 0;
    }
}

/* Extra large screens */
@media (min-width: 800px) {
    .productos-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .hero-titulo {
        font-size: 3.5rem;
    }
}