/* Clevers Category Banner — estilos full-width responsive */

.clevers-catban{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-top:0;
    margin-bottom:30px;
    position:relative;
    line-height:0;
    overflow:hidden;
}

.clevers-catban__img{
    width:100%;
    height:auto;
    display:block;
    max-height:420px;
    object-fit:cover;
}

.clevers-catban__overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:clamp(16px, 4vw, 40px);
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    color:#fff;
    text-align:left;
    line-height:1.2;
}

.clevers-catban__title{
    margin:0;
    font-size:clamp(1.5rem, 4vw, 2.4rem);
    font-weight:700;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,0.6);
}

.clevers-catban__desc{
    margin-top:6px;
    font-size:clamp(0.85rem, 2vw, 1rem);
    color:#f0f0f0;
}
.clevers-catban__desc p{ margin:0; }

/* Tablet */
@media (max-width:1024px){
    .clevers-catban__img{ max-height:340px; }
}

/* Móvil */
@media (max-width:768px){
    .clevers-catban__img{ max-height:240px; }
}

/* Móvil pequeño */
@media (max-width:480px){
    .clevers-catban__img{ max-height:180px; }
    .clevers-catban__overlay{ padding:12px 14px; }
    .clevers-catban__title{ font-size:1.25rem; }
    .clevers-catban__desc{ display:none; }
}