h1{
    font-size: 1.5rem;
}


h2{
    font-size: 1.4rem;
}


h3{
    font-size: 1.3rem;
}


h4{
    font-size: 1.2rem;
}

.Titular{
  margin-top: 4.5rem;  
  font-size: 2.5rem;
}



.drop_movil{
    display:none;
}
  
  .columnas3 {
    column-count: 3; /* Divide la lista en dos columnas */
    column-gap: 20px; /* Espacio entre las columnas */    
  }
  
  

  
  
.Redondeo{
	border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
	-webkit-border-radius: 15px;
}


  
  .ver_sel{
    display:block!important;
  }

  /* preloader */
.pst_rel{
  position:relative;
}
.pst_abs{
  position: absolute;
}

.z_dx{
  z-index: 12000;
}

.t_0{
  top: 0;
}

.ds_fl{
  display: flex;
}

.w_100{
  width: 100%;
}

.ltf_0{
  left: 0;
}
  
.bg_w_trans{
  background: rgba(0, 0, 0, 0.5);
}

.h_100{
  height: 100%;
}

.jtf_cont{
  justify-content: center;
}

.alg_itm{
  align-items: center;
}

.fl_drt_cl{
  flex-direction: column;
}

.dpl_nn{
  display:none;
}

.name_producto_detalle{
    font-size: 1.6rem;
}

/*

SE AGREGA ESTILO GENERAL PARA WEB Y TIENDA 

*/

/* Define minimum font size */
/*https://ryanfeigenbaum.com/easy-responsive-typography/*/


body{
background: #37474f;

 }


.col {
	margin: 0 auto;
  }

/**

ESTILO PARA CARD PRODUCTO

**/

.CajaProd{
    height: 40rem;
    position:relative;
}

.tall{
    align-items: center;
}

.short{
    
}

.container_img_producto {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 2px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.container_img_producto img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease, filter 0.4s ease;
}

/* Efecto hover con iluminación */
.container_img_producto:hover {
    border-color: #ddd;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.container_img_producto:hover img {
    transform: translate(-50%, -50%) scale(1.07); /* un poco más de zoom */
    filter: brightness(1.15) contrast(1.05); /* efecto de iluminación */
}





.container_imagen_movil{
    display:none;
}

.container_detalle_card{
    position:relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height:55%!important;
    padding: 0 .5rem;
}

.TituloProd{
    font-weight: 500;
    font-size: 1.1rem;
    color: #263238 !important;; /* Color inicial del enlace */
}

.TituloProd:hover {
    color: #bf360c  !important;; /* Color al pasar el cursor */
}



/* ---------------------------------------------- MOBIL--------------------------Define max font size */
@media (max-width: 576px) {
    .nombre_movil_prod{
        /*white-space: nowrap;*/ /* Evita que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que se desborde */
        text-overflow: ellipsis; /* Muestra "..." al final si el texto es muy largo */
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Limita a 2 líneas */
        -webkit-box-orient: vertical;
    }
    .CajaProd{
        display: flex;
        height: 21rem!important;
        padding-bottom: 1rem!important;
    }
    
    .container_imagen_movil{
        display: flex!important;
        width: 40%;
        min-width: 40%;
        align-items: center;
    }
    
    .container_detalle_card{
        display: flex;
        height:100%!important;
        padding: 0;
        max-width: 100%;
       
    }
    .container_detalle_producto{
        width: 50%;
    }
    .btn_card_producto{
        width: 100%;
    }
    .container_data_detalle{
        
        padding-right: .5rem;
    }
    .card_footer_producto{
        display:flex;
        justify-content: space-between;
        padding-right: .5rem;
    }
    .container_detalle_producto{
        padding-left: .5rem;
    }
    
     .ContBtn{
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 1rem 0;
        padding: 0 .5rem;
    }
    .nombre_movil_prod{
        /*white-space: nowrap;*/ /* Evita que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que se desborde */
        text-overflow: ellipsis; /* Muestra "..." al final si el texto es muy largo */
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Limita a 2 líneas */
        -webkit-box-orient: vertical;
    }
    .columnas {
     
  }
    
    
}


  /* PANTALLAS TABLETS----------------------------------------- TABLET--------------------------*/
@media (min-width: 577px) and (max-width: 768px) {
    .columnas {
      /* Estilos específicos para la versión móvil */
      column-count: 1; /* O cualquier otra propiedad para desactivar la clase */      
    }
    
     .ContBtn{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 1rem 0;
        padding: 0 .5rem;
    }
    .nombre_movil_prod{
        /*white-space: nowrap;*/ /* Evita que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que se desborde */
        text-overflow: ellipsis; /* Muestra "..." al final si el texto es muy largo */
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Limita a 2 líneas */
        -webkit-box-orient: vertical;
    }
    .columnas {
        column-count: 2; /* Divide la lista en dos columnas */
        column-gap: 20px; /* Espacio entre las columnas */    
      }
  
    
  }
  
  
  /* PANTALLAS MEDIANTAS  ---------------------------------------------- Laptops y pantallas medianas -------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        
        font-size: 18px;
        padding: 30px;
    }
    
     .ContBtn{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 1rem 0;
        padding: 0 .5rem;
    }
    .nombre_movil_prod{
        /*white-space: nowrap;*/ /* Evita que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que se desborde */
        text-overflow: ellipsis; /* Muestra "..." al final si el texto es muy largo */
        display: -webkit-box;
        -webkit-line-clamp: 4; /* Limita a 2 líneas */
        -webkit-box-orient: vertical;
    }
    .columnas {
        column-count: 2; /* Divide la lista en dos columnas */
        column-gap: 20px; /* Espacio entre las columnas */    
      }
  
}


/* ---------------------------------------------- PC------------------------------Define max font size */
@media (min-width: 1025px) {
    .ContBtn{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 1rem 0;
        padding: 0 .5rem;
    }
    .nombre_movil_prod{
        /*white-space: nowrap;*/ /* Evita que el texto se divida en varias líneas */
        overflow: hidden; /* Oculta el texto que se desborde */
        text-overflow: ellipsis; /* Muestra "..." al final si el texto es muy largo */
        display: -webkit-box;
        -webkit-line-clamp: 4; /* Limita a 2 líneas */
        -webkit-box-orient: vertical;
    }
    .columnas {
        column-count: 2; /* Divide la lista en dos columnas */
        column-gap: 20px; /* Espacio entre las columnas */    
      }
      
}