/*:root {
                --color-primary: #94090C;
                --color-secondary: #FCF2CE;
            }*/

              .Aceptar{
                background-color: #94090C;
                color:#fff;
              }
              .Aceptar:hover{
                color:#fff;
              }
              .SaberMas{
                background-color: #FCF2CE;
                color:#000;
              }
              .CookieBar{
                position: fixed; 
                bottom: 0; 
                left: 0; 
                width: 100%; 
                background-color: #20202f; 
                color:#fff; 
                padding: 10px; 
                text-align: center; 
                z-index: 9999;
              }
            /* Otros estilos CSS aquí */
        
          .EnlaceVerde {
            background-color: #94090C; /* Cambia el color de fondo a verde */
            color: white !important;
            border-radius: 10px; /* Agrega bordes redondos */
            padding: 5px 10px;
          }
          .site-navigation .main-menu .EnlaceVerde {
            color: white !important;
          }
          .EnlaceVerde:hover {
              background-color: #FCF2CE !important; /*#fff0f0; /* Cambia el fondo al hacer hover */
              color: black !important; /* Cambia el color del texto al hacer hover */
          }
        
          .breadcrumbs  {
            text-decoration: none;
            color: #94090C; /* Color del texto del enlace */
          }

          .fechaPost{
            color:#94090C;
            font-size: 12px;
          }
        
          .precio-sm{
            font-size: 16px;
            font-family: inter;
            letter-spacing: -.06rem;
            margin-bottom: 4px;
            color: red !important;
          }

          .precio{
            font-size: 22px;
            font-family: inter;
            letter-spacing: -.06rem;
            margin-bottom: 4px;
            color: red !important;
          }
    
          .tachado-sm {
            text-decoration: line-through;
            /*left: 12px !important;
            top: 1px !important;*/
            font-size: 14px;
            font-family: inter;
            letter-spacing: -.06rem;
            margin-bottom: 4px;
            color: gray !important;
          }

          .tachado {
            text-decoration: line-through;
            font-size: 19px;
            font-family: inter;
            letter-spacing: -.06rem;
            margin-bottom: 4px;
            color: gray !important;
          }

          .carta-title-sm{
              font-size: 16px !important;
              color: black !important;
              font-weight: bold;
          }

          .carta-title{
            font-size: 18px !important;
            color: black !important;
            font-weight: bold;
          }

          .carta-sm {
          
            display: inline-block;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            width: 100%;
            margin-top: 10px;
            margin-right: auto;
            margin-bottom: 10px;
            margin-left: auto;
            background-color: #ffffff !important;
          }

          .carta {
            display: inline-block;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            width: 100%;
            margin-top: 10px;
            margin-right: auto;
            margin-bottom: 10px;
            margin-left: auto;
            background-color: #ffffff !important;
          }

          @media (max-width: 768px) {
            .carta-sm {
              width: 100%;
            }
            .carta {
              width: 100%;
            }
          }
          @media only screen and (max-width: 768px) {
            body .thumbnails {
              display: none;
            }
          }
    
          @media (min-width: 768px) and (max-width: 800px) {
            .carta-sm {
              width: 10rem;
            }
            .carta {
              width: 10rem;
            }
          }
    
          /* Estilo para la imagen dentro de la tarjeta */
          .carta-sm img {
            width: 100%;
            height: 150px;
            object-fit: contain; 
          }

          /* Estilo para la imagen dentro de la tarjeta */
          .carta img {
            width: 100%;
            height: 200px;
            object-fit: contain; 
          }

          .carta-sm .ImagenCat {
            width: 100%;
            height: 200px;
            object-fit: cover; 
          }

          .carta .ImagenCat {
            width: 100%;
            height: 200px;
            object-fit: cover; 
          }
        
          /* Estilo para el cuerpo de la tarjeta */
          .carta-sm-body {
            padding: 10px;
            height: 50px;
            
          }
          .carta-body {
            padding: 10px;
            height: 50px;
          }

          .titulo{
            height: 50px;
          }
          .titulo h5 {
            margin: 0; /* Asegura que no haya margen interno en el h5 */
            overflow: hidden; /* Oculta el exceso de contenido */
            text-overflow: ellipsis; /* Muestra puntos suspensivos (...) cuando el texto se corta */
            white-space: normal; /* Permitir que el texto se divida en múltiples líneas */
            max-height: 2.5em; /* Altura máxima equivalente a dos líneas de texto */
            line-height: 1.25em; /* Ajustar la altura de línea para que quepa en dos líneas */
          }
          .productos{
            text-align: center;
            
          }
            a.btn-carrito,
            a.btn-carrito i.fa {
              color: #FFFFFF;
              cursor: pointer;
          }
      
          a.btn-carrito {
              color: #FFFFFF!important;
          }
        
            .enlacepaginacion {
              display: inline-block;
              padding: 8px 12px;
              margin: 0 5px;
              text-decoration: none;
              color: #333;
              background-color: #f8f9fa;
              border: 1px solid #dee2e6;
              border-radius: 4px;
              transition: background-color 0.3s ease;
          }
      
          .enlacepaginacion.active {
              background-color: #94090C;
              color: #fff;
              border-color: #94090C;
          }    .custom-stripe-button {
          color: #ffffff !important;
          background-color: #5cb85c !important;
          border-color: #4cae4c !important;
          padding: 10px !important;
          border-radius: 5px !important;
      }
      .contenedor-totales {
          float: right;
      }
      .btn-finalizar-compra {
          width: 100%;
      }
      input[type='number'] {
          -moz-appearance: textfield;
      }
      .custom-number-input {
          display: flex;
          align-items: center;
      }
  
      .custom-number-input button {
          background-color: #eee;
          border: 1px solid #ccc;
          padding: 5px;
          cursor: pointer;
          width: 30px;
      }
      .btn-delete{
          cursor: pointer;
      }.clasificacion{
        color:#ffffff;
        font-size: 14px;
        padding-top: 3px; 
        padding-right: 10px; /* Padding derecho de 10px */
        padding-bottom: 3px; /* Padding inferior de 20px */
        padding-left: 10px; /* Padding izquierdo de 10px */
        margin:10px;
        display: inline-block;
        border-radius: 8px;
    }
    .clasificacion.coche {
        background-color: blue;
    }

    .clasificacion.moto {
        background-color: green;
    }
    .clasificacion.coche-moto{
        background-color: yellow;
    }  
    .clasificacion.competicion{
        background-color: green;
    } 
    .clasificacion.otro{
        background-color: green;
    }
    .clasificacion.feria{
        background-color: green;
    }
    .fecha-event {
      color: #000; 
  }
  .ubicacion{
      color: #000; 
  }
  .event{
    padding-left: 10px;        
}    .social-buttons .facebook:hover {
      background-color: #0866FF;
  }

  .social-buttons .twitter:hover {
      background-color: #000;
  }

  .social-buttons .whatsapp:hover {
      background-color: green;
  }


  .social-buttons button:hover {
          background-color: #0056b3;
          text-decoration: none;
  }
  .social-buttons {
      display: flex;
      /*justify-content: center;*/
      gap: 10px;
      margin-top: 20px;
  }
  .social-buttons button {
      display: inline-block;
      color: #fff;
      background-color: #607d8b;
      border: none;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }.buscador {
    margin: 0 auto;
    width: 100%;
    max-width: 600px; /* Puedes ajustar esto según sea necesario */
    padding: 10px;  
    background-color: #fff;
    z-index: 1000; /* Asegúrate de que el buscador esté por encima de otros elementos si es necesario */
}

.site-logo {
    text-align: left; /* Asegúrate de que el logo esté alineado a la izquierda */
}

.site-navigation {
    text-align: right; /* Asegúrate de que el menú esté alineado a la derecha */
}

.site-navbar .row.align-items-center > div {
    display: flex;
    align-items: center;
}



@media only screen and (max-width: 767px) {
    .buscador{       
        width: 100%;
    }
}

.input-group {
    position: relative;
    width: 100%;
    border: 2px solid #FFCD46; /* Añade un borde */
    border-radius: 4px; /* Añade bordes redondeados */
    padding: 5px; 
}
.btn-primary{
background-color: #FFCD46 !important;
color:#000000 !important;
border: none; /* Añade un borde */
}

.btn.btn-primary:hover{
    background-color: #000000 !important;
    border: none;
}