.mcr-products{
    width:100%;
}

.mcr-products-inner{
    width:min(1200px, calc(100% - 3rem));
    margin:0 auto;
}

.mcr-prod-card{
    max-width:200px !important;
}

.mcr-prod-card .card-body h2{
    font-size:1rem;
    margin-bottom:0.5rem !important;
}

.mcr-prod-card .card-body .btn{
    padding:0.25rem 1.5rem;
    width:auto;
    margin:0 auto;
    display:inline-block;
    font-size:0.75rem;
}

.mcr-prod-card .card-body .btn{
    font-size:1rem !important;
    white-space:nowrap;
    font-size: 1rem;   /* equivalente aproximado a fs-5 */
    font-weight: 400;     /* equivalente a fw-bold */
}

.mcr-prod-card .mcr-prod-img{
    width:140px;
    height:140px;
    object-fit:cover;
    border-radius:8px;
}

.titulo-naranja{
    color:#ff6f00;
    font-size:2rem;
}

.head-card{
    width:550px;
    max-width:100%;
    height:110px;
    box-sizing:border-box;
    background:#000;
    border:2px solid #6c757d;
    border-radius:15px;
    padding:20px 40px;
    box-shadow:0 0 8px rgba(255,255,255,.15);
    transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.headBtn:hover .head-card,
.headBtn:focus-visible .head-card{
    transform:translateY(-4px);
    box-shadow:0 18px 36px rgba(0,0,0,.22);
    border-color:rgba(255,102,0,.6);
}

.head-icon{
    width:50px;
    height:100px;
    flex:0 0 50px;
}

#protCB{
   scroll-margin-top: 110px;
}

#ropaT{
   scroll-margin-top: 110px;
}

#altSec{
   scroll-margin-top: 110px;
}

#calzS{
   scroll-margin-top: 110px;
}

.reqEsp-card{    
    width:90%;
    max-width:100%;
    height:150px;
    box-sizing:border-box;
    justify-content:center;
    text-align:center;
    background:linear-gradient(90deg, #ff6f00 0%, #000 100%);
    border:2px solid #6c757d;
    border-radius:15px;
    padding:20px 40px;
    box-shadow:0 0 8px rgba(255,255,255,.15);
    transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;    
}

.reqEsp-card h1{
    color:#fff;
    font-size:3rem;
}

.headBtn:hover .reqEsp-card,
.headBtn:focus-visible .reqEsp-card{
    transform:translateY(-4px);
    box-shadow:0 18px 36px rgba(0,0,0,.22);
    border-color:rgba(255,102,0,.6);
}

@media (max-width: 768px){
    .mcr-products-inner{
        width:100%;
        padding:0 .75rem;
    }

    .titulo-naranja{
        font-size:1.55rem;
        line-height:1.1;
    }

    .head-icon{
        width:42px;
        flex-basis:42px;
        height:auto;
    }

    .head-icon img{
        max-width:100%;
        height:auto;
    }

    .head-card{
        width:100%;
        max-width:none;
        min-height:110px;
        height:auto;
        padding:16px;
        border-radius:15px;
        gap:12px;
    }

    .head-card > div:last-child{
        min-width:0;
    }

    .head-card h2,
    .head-card p{
        overflow-wrap:anywhere;
    }

    .head-card p{
        font-size:1rem !important;
        line-height:1.25;
    }

    .reqEsp-card{
        width:calc(100% - 1.5rem);
        min-height:110px;
        height:auto;
        padding:16px;
        flex-direction:column;
        --bs-gutter-x:0;
    }

    .reqEsp-card h1{
        font-size:1.55rem;
        line-height:1.1;
        margin-bottom:.5rem;
        overflow-wrap:anywhere;
    }

    .reqEsp-card p{
        font-size:1rem !important;
        line-height:1.25;
        overflow-wrap:anywhere;
    }

    .mcr-prod-card{
        max-width:180px !important;
    }

    .mcr-prod-card .mcr-prod-img{
        width:120px;
        height:120px;
    }
}