@media (max-width: 768px) {
/*##############################################
############/* RESPONSIVE TWEAKS /*#############
##############################################*/
    .main-nav {
        display:none
    }
    .logo-img {
        height:40px
    }
    .header-inner {
        padding:10px 12px
    }
    .site-main {
        padding-top:8px
    }
/*############################################
############/* SLIDER PRINCIPAL /*############
############################################*/
    .slider-wrapper .slider-item .slide-content {
        padding: 0 3rem 0rem;
        max-width: 70rem;
    }

    .slider-item .slide-content .slide-title {
        font-size: 3.5rem;
        margin: 2rem 0 2rem;
    }

    .slider-item .slide-content .slide-title span {
        color: #aaa;
        /* -webkit-text-stroke: 0.4px var(--text-color); */
    }

    .slider-item .slide-content .slide-button {
        width: 220px;
        padding: 9px 0;
        margin-top: 25px;
        font-size: 1.3rem;
        font-weight: 500;
    }

    .slider-item .slide-content .slide-subtitle {
        font-size: var(--size-texto-movil);
    }
/*##############################################
#################/* PORTADA /*##################
##############################################*/
    .portada-contenido {
        padding: 0 3rem 0rem;
        max-width: 70rem;
    }

    .portada-contenido h2 {
        font-size: 3.5rem;
        margin: 2rem 0 2rem;
    }

    .portada-contenido p {
        font-size: 1.6rem;
    }
/*############################################
#################/* SECCIÓN /*################
############################################*/
    .section {
    width: 90%;
    padding-top: 4rem;
    }

    .section .section-title {
    font-size: var(--size-titulo-movil);
    font-weight:var(--weight-titulo-movil);
    margin-bottom:18px;
    }

    .section-description {
    font-size: var(--size-texto-movil);
    }

    .botonesSec {
    padding: 0.8rem 1.8rem;
    border-radius: 1.5rem;
    font-size: var(--size-texto-movil);
    transition: background 0.3s;
    margin: 2rem 1rem 0;
    }

    .botonesSec:hover {
    /* background: var(--secundario); */
    background: #aaa;
    }
/*############################################
########### MARCAS COMERCIALIZADAS ###########
############################################*/
    .grid-clientes {
        gap: 30px;
    }

/*##############################################
#########/* CARD PRINCIPAL EN INICIO /*#########
##############################################*/

.card-titulo-main {
  font-size: var(--h4-size);
  font-weight: 500;
}

.card-descripcion-main {
  font-size: var(--size-texto-movil);
}

/*############################################
################## NOSOTROS ##################
############################################*/
    .nosotros-intro h1 {
        font-size: 2rem;
    }

    .cert-grid img {
        width: 160px;
    }





/*##############################################
##################/* FOOTER /*##################
##############################################*/
    .footer {
    font-size: 1.5rem;
    }

    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .footer-right {
        width: 80%;
        display: flex;
        justify-content: space-evenly;
    }

    .footer-right a {
        margin: 0;
    }


/*##############################################
#################/* PRODUCTOS /*################
##############################################*/
.card-img-container {
  aspect-ratio: 2 / 1;
}

}







@media (max-width: 480px) {
/*############################################
########### MARCAS COMERCIALIZADAS ###########
############################################*/
  .grid-clientes {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-clientes img {
    width: 100px;
  }
}



/* ----- Mostrar swiper solo en móviles ----- */
@media (min-width: 768px) {
  /* Oculta los controles del Swiper en tablet y escritorio */
  .swiper-controles-ferreteria {
    display: none !important;
  }

  /* Convierte el contenedor en un grid estático */
  .card-contenedor-ferreteria {
    overflow: visible !important;
  }

  .card-list-ferreteria {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
  }
}