/* ============================================================
   gladiuscb.css — Estilos extraídos de vistas
   Generado automáticamente — no editar inline en los PHP
   ============================================================ */

/* ----- Header / Buscador ----- */
@media (max-width:575px){.header-search-wrap{width:100%}}

/* ----- Tira promocional ----- */
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ----- Footer ----- */
footer .footer-btn{transition:background .2s ease,color .2s ease,border-color .2s ease}
footer .footer-btn:hover{background:#555!important;color:#fff!important;border-color:#777!important}

/* ----- Barra de categorías ----- */
.categoria-link{position:relative;display:inline-block}
.categoria-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;
    background:linear-gradient(90deg,transparent,#ff8c00,transparent);transition:width .3s ease}
.categoria-link:hover::after,.categoria-activo::after{width:100%}
.categoria-nav-row{padding:.2rem 0}
.categoria-nav-flex{width:100%}
.categoria-link-item{flex:1 1 0;min-width:0}
.categoria-separator{flex:0 0 auto}
@media(max-width:768px){
    .categoria-nav-row{padding:.4rem 0}
    .categoria-link-item{font-size:clamp(1.3rem,4vw,1.6rem)!important}
    .categoria-separator{font-size:1.4rem!important}
}
@media(max-width:500px){
    .categoria-text-full{display:none!important}
    .categoria-text-short{display:inline!important}
    .categoria-link-item{font-size:clamp(1.1rem,4vw,1.3rem)!important}
    .categoria-separator{font-size:1.2rem!important}
}

/* ----- Tarjetas de motos ----- */
.precio-liston{
    display:inline-block;margin-left:-.5rem;
    padding:.28rem 1.4rem .28rem 1rem;
    background:#c8c8c8;color:#111;font-weight:800;
    font-size:clamp(.8rem,2vw,1rem);
    clip-path:polygon(0% 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%);
    white-space:nowrap
}
.precio-liston-nv{
    display:inline-block;margin-left:-.5rem;
    padding:.28rem 1.4rem .28rem 1rem;
    background:#c8c8c8;color:#111;font-weight:800;
    font-size:clamp(.8rem,2vw,1rem);
    clip-path:polygon(0% 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%);
    white-space:nowrap
}
@media(max-width:768px){
    .moto-card-img{height:120px!important}
    .moto-card-body{padding:.4rem!important}
    .moto-card-title{font-size:.68rem!important}
    .precio-liston{font-size:.75rem!important;padding:.22rem 1.2rem .22rem .8rem!important}
    .moto-card-body .btn{font-size:.6rem!important;padding:.25rem!important}
    .moto-specs-row{flex-direction:column!important;gap:3px!important}
    .moto-specs-row>div:first-child{flex-shrink:unset!important}
}

/* ----- Modal nuevas motos ----- */
#modalNuevasMotos.show~.modal-backdrop,.modal-backdrop{
    opacity:.85!important;background-color:#000!important
}

/* ----- Testimonios ----- */
.star-rating-modal{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.star-rating-modal input{display:none}
.star-rating-modal label{font-size:2rem;color:#333;cursor:pointer;transition:color .15s}
.star-rating-modal input:checked~label,
.star-rating-modal label:hover,
.star-rating-modal label:hover~label{color:#ffc107}
.inp-dark{background:#161616!important;color:#fff!important;border:1px solid #3a3a3a!important;
    padding:.4rem .65rem;font-size:.9rem;width:100%}
.inp-dark:focus{outline:none;border-color:#ff8c00!important}
.inp-dark::placeholder{color:#555}
@media(max-width:767px){
    .test-card-inner{flex-direction:column!important;min-height:unset!important}
    .test-card-img-wrap{width:100%!important;min-width:unset!important;
        border-radius:8px 8px 0 0!important;overflow:hidden;flex-shrink:0;background:#1a1a1a}
    .test-card-img-wrap img{width:100%!important;height:auto!important;
        display:block!important;object-fit:unset!important}
    .test-card-body{padding:.75rem!important}
    .test-card-body p{font-size:.82rem!important;line-height:1.45!important;
        margin-bottom:.5rem!important;display:block!important;
        -webkit-line-clamp:unset!important;overflow:visible!important}
    .test-card-body .test-stars i{font-size:.8rem!important}
    .test-nombre{font-size:.82rem!important}
    .test-card-avatar{width:30px!important;height:30px!important}
    .test-card-avatar i{font-size:.75rem!important}
}