html { height:100%;}    
body {  height:100%; }

h2 {font-family: 'Lato', sans-serif; font-size: 50px; line-height: 1; color: #4E5569; font-weight: 300; }

h3 {font-family: 'Lato', sans-serif; font-size: 28px; line-height: 1.5; color: #4E5569; font-weight: 300; }

p {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; font-weight: 300}
p small { font-size: 15px !important;}

blanco { color: #fff !important; }

.btn { background:#fff; color: #4E5569; font-family: 'Lato', sans-serif; font-size: 18px; padding: 10px 36px; border-radius: 25px; margin: 10px 0px;}

.btn:hover {background:#4E5569; color: #fff;}

.btn_2 { background: rgb(158,31,99); color: #fff; font-family: 'Lato', sans-serif; font-size: 18px; padding: 10px 36px; border-radius: 25px; margin: 10px 0px; border: 0px;}

.btn_2:hover {background:#4E5569; }

.btn_3 { background: rgb(158,31,99); color: #fff; font-family: 'Lato', sans-serif; font-size: 18px; padding: 10px 20px 15px 20px; border-radius: 20px; margin: 10px 0px 20px 0px; border: 0px; white-space: normal; word-break: break-word; text-align: center; position: relative; overflow: hidden; transition: transform 0.4s ease;}

.btn_3::after { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 100% ); transform: skewX(-25deg); }


@media (max-width: 575px) {
  h2 {font-size: 45px;}
  h3 {font-size: 20px;}
  p {font-size: 16px;}
}



/* Espacio Vacio ////////////////////////////////////////////////////////////////*/
/* Espacio Vacio ////////////////////////////////////////////////////////////////*/
/* Espacio Vacio ////////////////////////////////////////////////////////////////*/
/* Espacio Vacio ////////////////////////////////////////////////////////////////*/

.espaciovacio {height: 100px; background: rgb(98,27,32); }
@media (max-width: 991px) {.espaciovacio {height: 80px;}}




/* Navbar ////////////////////////////////////////////////////////////////*/
/* Navbar ////////////////////////////////////////////////////////////////*/
/* Navbar ////////////////////////////////////////////////////////////////*/
/* Navbar ////////////////////////////////////////////////////////////////*/

.navbar { background: rgb(98,27,32); height: 100px; display: flex; align-items: center; transition: height 0.3s ease; }

.navbar-shrink { height: 60px;}

.navbar-brand img { height: 25px; margin-top: -5px; }
    
.navbar .nav-link { font-family: 'Lato', sans-serif; font-size: 16px; color: #dadada; font-weight: 400; text-align: center; padding-left: 20px !important; padding-right: 20px !important; }
  
.navbar .nav-link:hover { color: #fff; }

.btn-destacado { border-radius: 15px; background: #dadada !important; color: rgb(98,27,32) !important;}

.btn-destacado:hover { background: #fff !important; }
  
/* Iconos redes sociales*/
.social-icons { gap: 0; }
.social-icons .nav-link { padding-left: 10px !important; padding-right: 10px !important; }  
.social-icons .nav-link i { font-size: 1rem;}

.dropdown-menu { padding:0px; text-align: center; border: 0px; }
.dropdown-item { color: rgba(78, 85, 105, 1); padding:7px 0px;}
.dropdown-item:hover { color: #000; background: none;}


@media (max-width: 991px) {

.navbar { height: 80px; }
.navbar .container { padding: 0px;}
.navbar-shrink { height: 80px; }

/* Logo centrado */
.cosoparacentrar { display: flex; justify-content: center; width: 100%;  }
.navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); margin: 0 !important; }
.navbar-toggler { margin-left: auto; margin-right: 10px; border: none !important; box-shadow: none !important;} 

.navbar-collapse { width: 100%; position: absolute; top: 80px; left: 0; z-index: 998; background: linear-gradient(90deg, rgba(158, 31, 99, 1) 0%, rgba(78, 85, 105, 1) 100%); }

.navbar-nav .nav-item { border-top: 1px solid #FF6AB5; }

.navbar-nav .nav-item:last-child { border-bottom: 1px solid #FF6AB5; /* opcional, para que cierre la caja */ }

.navbar .nav-link { padding-top: 15px; padding-bottom: 20px; color: #fff !important; }

.btn-destacado { border-radius:0px; background: none !important; color: #dadada !important;}

.btn-destacado:hover { background: none !important; }

.custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='02' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.dropdown-menu {
    background-color: rgba(78, 85, 105, 1); border-top: 1px solid #FF6AB5; border-radius: 0;}

.dropdown-item { color: #fff !important; padding: 10px 20px; text-align: center; }

}




/* Carrousel */
/* Carrousel */
/* Carrousel */
/* Carrousel */

.carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 5px; border: none; opacity: 0.5; transition: opacity 0.3s, background-color 0.3s; }
  
.carousel-indicators .active { background-color: #ffffff; opacity: 1; }


@media (max-width: 991px) {  
.carousel-control-prev, .carousel-control-next { display: none;}
}




/* Categorias */
/* Categorias */
/* Categorias */
/* Categorias */



.marmolado { background: #F6F6F6; background-image: url(/img/celugama_categorias_fondo.jpg); background-size: cover; background-position: center; padding: 0px; }

.categorias { scroll-margin-top: 60px;  padding: 50px 0px;}

.item { padding:10px; }

.item_on {position: relative; overflow: hidden; border-radius: 15px; cursor: pointer; transition: transform 0.3s ease; }

.imagen1 { }

.imagen2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; }

.item_over { position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.item_info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}  

.item_info h3 { padding: 0px 10px; line-height: 1.3em;}

.item_info_on { margin-top: -10px;}

.item_info_on img { height: 150px;}

.item_on:hover .imagen1 {}

.item_on:hover .imagen2 {opacity: 1; transform: scale(1.1);}

.item_on:hover .item_over { opacity: 0.2; }

.item_on:hover .item_info  { display: none; }

.item_on:hover { box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4); transform: translateY(-10px);}


@media (max-width: 991px) {
  .item_info_on img { height: 100px;}
}

@media (max-width: 575px) {
  .categorias { background: #F6F6F6; padding: 40px 20px 80px 20px; }
  .item_info_on img { height: 80px;}
  .item_info h3 { padding: 0px 10px; line-height: 1em;}
}



/* Separadores */
/* Separadores */
/* Separadores */
/* Separadores */

.separadordorado { height: 15px; background: -webkit-linear-gradient(left, #8f6B29, #c9ab59, #DF9F28);}

/*-----------------*/

.separador { padding: 80px 0px; background: rgb(201,32,24); background: linear-gradient(180deg, rgba(201,32,24,1) 0%, rgba(98,27,32,1) 100%); text-align: center; overflow: hidden;}

.separador h2 { text-shadow: 0px 0px 10px rgba(158,31,99,1);}

.separador_mayorista { text-align: center; padding: 80px 0px 100px 0px; overflow: hidden;}
.separador_mayorista_row { text-align: center; display: flex;
  flex-wrap: wrap;  }
.separador_mayorista_titulo { margin: 0px 0px 60px 0px;}

.separador_mayorista_item { display: flex; }
.separador_mayorista_item_on { background: #fff; border-radius: 15px; display: block; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.separador_mayorista_item_on:hover { transform: translateY(-10px); box-shadow: 0 30px 10px rgba(0, 0, 0, 0.4); }

.separador_mayorista_logo { border-radius: 15px 15px 0px 0px; overflow: hidden; }
.separador_mayorista_info { padding: 20px 30px 20px 30px;}

.separador_mayorista_logo_on_on { position: relative; overflow: hidden; }
.separador_mayorista_logo_on_on img { width: 100%; display: block;
  transition: transform 0.5s ease, opacity 0.5s ease; }
.separador_mayorista_logo_on_on .img-hover { position: absolute;
  top: 0; left: 0; opacity: 0; transform: scale(1); }

.separador_mayorista_item_on:hover .separador_mayorista_logo_on_on .img-hover { opacity: 1; transform: scale(1.1);}
.separador_mayorista_item_on:hover .separador_mayorista_logo_on_on .img-normal { opacity: 1; transform: scale(1.1); }

.separador_mayorista_item_on hr { color: #4E5569;}

/* Animación Boton*/
.separador_mayorista_item_on:hover .btn_3::after { animation: shine 0.8s ease forwards; }
@keyframes shine { 0% {left: -75%;} 100% { left: 125%;} }

@media (max-width: 575px) {
  .separador_mayorista_row {padding: 0px 30px;}
}

@media (max-width: 991px) {

}



/*-----------------*/

.separador_newsletter .input-group {
    max-width: 600px;
    margin-top: 20px;
  }
  
  .separador_newsletter input[type="email"] { font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; border-radius: 30px 0 0 30px; padding: 12px 20px; border: none; height: 50px; }
  
  .separador_newsletter button[type="submit"] { border-radius: 0 30px 30px 0; padding: 8px 40px 12px 40px; margin-top: 0px; font-size: 18px; border: none; transition: background-color 0.3s ease; height: 50px; background:#9E1F63; color: #fff;}
  
  .separador_newsletter button[type="submit"]:hover { background: #4E5569;}

  .separador_newsletter form { display: flex; justify-content: center; margin-top: -10px;}

  @media (max-width: 575px) {
    .separador { padding: 80px 20px; }
  }




/* Marcas */
/* Marcas */
/* Marcas */
/* Marcas */

.marcas {scroll-margin-top: 60px;}

.marcas_item { position: relative; overflow: hidden; cursor: pointer; padding:0px }

.marcas_item img:first-child { width: 100%; height: auto; transition: transform 0.8s ease; display: block;}

.marca_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1;  }

.marca_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 25%; z-index: 2; }

.marcas_item:hover img:first-child { transform: scale(1.2); }
.marcas_item:hover .marca_overlay { background-color: rgba(0, 0, 0, 0.5);}




/* Nosotros */
/* Nosotros */
/* Nosotros */
/* Nosotros */

.nosotros { background: #F6F6F6; padding: 80px 0px 80px 0px; background-image: url(/img/celugama_categorias_fondo.jpg); background-size: cover; background-position: center; scroll-margin-top: 60px;}

.nosotros_img { padding: 8px 40px 0px 0px; }
.nosotros_img img {border-radius: 25px; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); transition: transform 0.5s ease;}

.nosotros_img img:hover { transform: scale(1.05);}

.nosotros_txt img { height: 40px;}

.nosotros_txt .btn { background: #25d366; color: #fff;} 
.nosotros_txt .btn:hover { background: #4E5569; } 

.nosotros_txt .btn_celu { background: rgb(158,31,99); color: #fff;} 

.nosotros_txt .btn .bi { margin-right: 10px; font-size: 20px;} 


@media (max-width: 991px) {
    .nosotros_img { padding: 0px 0px 20px 0px; }
    .ocultar_en_movil { display: none;}

}

@media (max-width: 575px) {
  .nosotros { background: #F6F6F6; padding: 80px 20px; }
}


/* Clientes */
/* Clientes */
/* Clientes */
/* Clientes */

.clientes {padding: 30px 0px 60px 0px; }
.clientes-carousel { padding: 0px; }
.clientes_item { padding: 0px 40px;}
.clientes_item { filter: grayscale(100%); transition: filter 0.3s ease;}

.clientes_item:hover { filter: grayscale(0%); }

.control_clientes { filter: invert(100%);}



/* Contacto */
/* Contacto */
/* Contacto */
/* Contacto */

.contacto {background: #F6F6F6; background-image: url(/img/celugama_categorias_fondo.jpg); background-size: cover; background-position: center; position: relative; padding: 0; overflow: hidden; z-index: 0;}

.contacto_fondos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.contacto_foto { position: relative; height: 100%; background-image: url(/img/celugama_contacto_fondo_Tubing.jpg); background-size: cover; background-position: center; }

.contacto_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }


.contacto_sobre { position: relative; z-index: 2; }

.contacto_sobre .row { padding: 250px 0px; }

.contacto_datos {  display: flex; align-items: center; }

.contacto_datos_on h2 { text-shadow: 0px 0px 10px rgba(158,31,99,1); }

.contacto_datos_on .bi { margin-right: 7px;}

.contacto_formulario { display: flex; align-items: center; padding: 50px 0px 0px 50px; }

.contacto_formulario .form-control {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; padding: 10px 15px; border-radius: 15px; border: 0px;}

.contacto_formulario .form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; padding: 10px 15px; border-radius: 15px; border: 0px;}

.form-check-label {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; }


@media (max-width: 1199px) {
  .contacto_sobre .row { padding: 150px 0px; }
  .contacto_fondos {margin:0px }
  }

@media (max-width: 991px) {
.contacto_sobre .row { padding: 100px 0px; }
.contacto_formulario { padding: 30px 0px 0px 0px; }
.form-check-label { color: #fff; }   
}

@media (max-width: 575px) {
  .contacto_sobre .row { padding: 100px 20px; }
}




/* Creditos */
/* Creditos */
/* Creditos */
/* Creditos */

.creditos { height: 50px; position: relative; top: -50px; }
.correme { padding-left: 50px; }

@media (max-width: 991px) {
.correme { height: 30px; top: -30px; text-align: center; padding-left: 0px;}
.correme p { color: #fff; }
}




/* Modal */
/* Modal */
/* Modal */
/* Modal */

.modal-content{ border-radius: 30px;}
.modal-header { background: #ededed; border-radius: 30px 30px 0px 0px; padding-left: 30px; }
.modal-header .bi { margin-right: 15px;}
.modal-header .btn-close { padding-right: 50px; }
.modal-body {background: #EDEDED; padding: 25px; border-radius: 0px 0px 30px 30px; }
.modal-body .form-control {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; padding: 10px 15px; border-radius: 15px; border: 0px;}
.modal-body .form-select {font-family: 'Lato', sans-serif; font-size: 18px; color: #4E5569; padding: 10px 15px; border-radius: 15px; border: 0px;}
.modal-body .btn { width: 100% ; background: #25d366; color: #fff;}

.modal-body .btn:hover { width: 100% ; background: #4E5569; color: #fff;}

.modal-body .btn .bi { padding-right: 10px;}

.btn-modal-dos { background: rgb(158,31,99) !important;}
.btn-modal-dos:hover { background: #4E5569 !important;}




/* Formulario WhatsApp */
/* Formulario WhatsApp */
/* Formulario WhatsApp */
/* Formulario WhatsApp */

.fixed-form { position: fixed; bottom: 60px; right: 20px; width: 300px; background: white; box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.2); border-radius: 30px; overflow: hidden; z-index: 10;}

.fixed-form-header { background: #25d366; padding: 2px 0px 2px 0px; cursor: pointer; position: relative; }

.fixed-form-header_on  { display: flex; align-items: center;justify-content: center; margin-right: 10px; padding: 0px; width: 100%; text-align: center; }

.fixed-form-header_on p  { color: #fff; margin: -4px 0px 0px 0px; font-weight: 600; }

.fixed-form-header_on i { font-size: 30px; color: #fff; margin-right: 10px; }

.btn-close{ font-size: 15px; position: absolute; right: 10px; display: none; }

.quickContactForm { padding: 5px 20px 10px 20px; display: none; animation: fadeIn 0.5s ease-in-out; background: #EDEDED; }

.quickContactForm p { margin: 0px !important; }

.quickContactForm input, .quickContactForm select { margin-bottom: 3px; padding: 2px 10px 4px 10px; border: 0px; }

.quickContactForm select { color: #4E5569;}

.quickContactForm textarea  { margin-bottom: 14px; }

.btn_whatsapp { font-family: 'Lato', sans-serif; font-size: 17px; background: #25d366; color: #fff; border-radius: 20px;}

.btn_whatsapp:hover { background: #fff; color: #25d366;}

.btn_whatsapp .bi { margin-right: 10px ;}


@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 
@media (max-width: 1199px) {
.fixed-form { bottom: 60px; right: 20px;}
}
*/