/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 :root {
     --yellow: #e1a341;
 }
 
 * {
  scroll-behavior: smooth;
 }
 
 
 #ttcmsbanner .ttbanner {
     margin-bottom: 25px;
 }
 
 #_desktop_logo img {
     width: auto;
     height: 75px;
 }
 
 @media (max-width: 991px) {
    #_desktop_logo img, #_mobile_logo img {
        max-width: 80px;
    }
}
 
 @media (max-width: 480px) {
    #_desktop_logo img, #_mobile_logo img {
        max-width: 70px;
    }
}
 
 
 /*quitamos que los textos se pasen a mayuscula automaticamente*/
 .tt-menu-vertical ul li.parent > a {
    text-transform: none;
}
 
 
 .elegirnos-icon > i {
     font-size: 50px;
     /*padding: 25px;*/
 }
 
 .service-bg:hover {
     background-color: var(--yellow);
 }
 .service-bg:hover .elegirnos-icon > i {
     color: white;
 }
 
 #ttcmsservice .ttservice .service-bg {
     padding: 25px 30px;
 }
 
 .garantia-calidad  {
     padding: 25px !important;
 }
 
 /*imatge portada*/
 .owl-carousel .owl-item  {
    max-height: 100vh;
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
    align-items: center;
 }
 
 /*separam boto  Visitar catalogo del text*/
 #carousel > ul > div.owl-stage-outer > div > div.owl-item.active > li > div > div {
     margin-top: 30px;
 }
 
   /* ===== Capa negra semitransparente sobre la imagen del slider ===== */
#carousel .owl-carousel .owl-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* negro al 40% de opacidad */
  z-index: 1; /* debajo del texto */
}

/* Aseguramos que el contenedor esté posicionado para usar ::after */
.owl-carousel .owl-item {
  position: relative;
}

/* El texto del slider debe quedar por encima */
.owl-carousel .caption {
  position: relative;
  z-index: 2;
}
 
 #ttcmsbanner {
    background-color: #2d2d2d;
    padding: 50px 0px;
 }
 
 .ttbanner > a > img {
     border-radius: 20px;
 }
 
 .categoria-title {
     color: white;
     background: none;
 }
 
 #ttcmsaboutus .h2.tt-title {
     display: none;
 }
 
 .portada-link {
     color: white;
     border: 2px solid var(--yellow);
     padding: 10px 20px;
     border-radius: 10px;
 }
 
  .portada-link:hover {
      
      background-color: var(--yellow);
      color: white;
      transition: ease 1s;
  }
  
  
  #tab_feature_product > div > div.owl-stage-outer {
      padding-bottom: 100px;
  }
  
  
#ttcmsbanner .ttbanner-text .btn {
    background: #e1a341;
}

.ttcmsaboutus-img::after {
    background:  #e1a341;
}

.payment_logo_block,#ttcmspaymentlogo {
    display: none;
}
.bottom-footer .ttcontent {
    text-align: center;
}

.dretsAutor  {
    color: var(--footer-link-color);    
    font-size: 16px;
    line-height: 24px;
    /*display: block;*/
}

.dretsAutor  a {
    color: var(--yellow) !important;
}

.estrellas {
    margin-top: 15px;
    margin-bottom: 15px;
}

.estrellas .fa-star {
    color: #FFD700;
    font-size: 20px;
}

/*ocultam contraseña,fehca nacimiento , crear cuenta text, checbox recibir ofertas socios y selector para pedir como invitado o registrarse*/
/*.form-informations,#customer-form > div > div:nth-child(6),#customer-form > div > div:nth-child(7), #checkout-personal-information-step > div > ul,#customer-form > div > div:nth-child(8) {*/
/*    display: none;*/
/*}*/

/*ocultam checbox recibir ofertas socios*/
#customer-form > div > div:nth-child(8) {
    display: none;
}


/* ==============================
   PRSTM005: Forzar slider visible en móviles y tablets
   ============================== */
@media (max-width: 991px) {
    /* Slider principal */
    #carousel.homeslider,
    #carousel.homeslider .carousel-inner,
    #carousel.homeslider .carousel-item {
        display: block !important;
    }

    /* Flechas del slider */
    .homeslider .arrows {
        display: block !important;
    }

    /* Captions */
    .homeslider .caption,
    .homeslider .caption h2,
    .homeslider .caption h3,
    .homeslider .caption p,
    .homeslider .caption .btn {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Dots de navegación */
    .homeslider .owl-carousel .owl-dots {
        display: block !important;
    }
}

/* Opcional: forzar también en móviles muy pequeños */
@media (max-width: 480px) {
    #carousel.homeslider,
    #carousel.homeslider .carousel-inner,
    #carousel.homeslider .carousel-item {
        display: block !important;
    }

    .homeslider .caption p {
        display: none; /* Mantener oculto el texto largo si es necesario */
    }
}