
/* Franja superior roja */
/* Franja superior roja */
.top-bar-info {
    background-color: #d20c26;
    color: #fff;
    padding: 14px 0;
    font-size: 21px;
    font-weight: bold;
}
@media (max-width: 768px) {
.top-bar-info {
    background-color: #d20c26;
    color: #fff;
    padding: 14px 0;
    font-size: 12px;
    font-weight: bold;
}
}


.top-bar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  text-align: center;
}

.top-bar-content .info-item {
  flex: 1 1 auto;
  min-width: 180px;
}

/* Móvil: centrar y apilar */
@media (max-width: 768px) {
  .top-bar-content {
    flex-direction: column;
    gap: 4px;
  }
}


/* franja roja */
/* Estilo permanente de hover para el botón INICIO */
#category-167 > a.dropdown-item {
    border-bottom: #353333 3px solid;
    color: #0c0b0b !important;

}
#category-167 > a.dropdown-item:hover {
    border-bottom: #d20c26 3px solid;
    color: #ffffff !important;
    background-color: #d20c26;
}
#category-167 {
  position: relative;
}

#category-167 > a.dropdown-item::after {
  content: "NUEVO";
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #3b6eff;
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 5px;
  border-radius: 8px;
  line-height: 1;
  z-index: 10;
}


/* Opcional: al pasar el mouse mantener coherencia */
#category-2 > a.dropdown-item:hover {
  background-color: #d20c26;
  color: #fff !important;
}
/* fixed header solo pc*/
@media only screen and (min-width: 769px) {

#header {
    position: fixed;
    width: 100%;
    top: 0px;

}
#wrapper {
    padding-top: 216px;
  
}
}
/* carrusel */


.seccion-info{
    position: absolute;
    margin-top: -8rem;
    z-index: 2;
    width: 1112px;
    box-shadow: 1px 3px 5px #0000005e;
}

/* carrusel */
/* fixed header */
/* Logo mas grande pc cel */

/* paddingpc productos de oferta los mas vendidos etc */
@media only screen and (min-width: 768px) {
.featured-products .products {

    padding-left: 10rem;
    padding-right: 10rem;
}
    
  #products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
 
    margin-right: 10rem;
}  
    .img-fluid, .carousel-inner>.carousel-item>img, .carousel-inner>.carousel-item>a>img {
    min-width: 100%;
    height: auto;
}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title { 
    
    margin-left: 10rem;
}
    
}
/* paddingpc productos de oferta los mas vendidos etc */
/* header mercado libre */

.horario-atencion {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #333;
  margin: 10px 0;
  gap: 6px;
}

.horario-icon {
  color: #d20c26;
  font-size: 33px;
}
.imagen-header img{
    width:100%;
}
/* submenu pc */
.top-menu[data-depth="1"] {
    margin: 0.625rem;
    width: 12px;
}
.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 1rem;
    border-bottom: #a1a1a1 1px solid;
    width: 421px;
}
/* submenu pc */
@media only screen and (min-width: 992px) {
    #search_widget {
        min-width: 92%;
        margin-left: 31px;
    }
}
@media only screen and (min-width: 768px) {
    #search_widget {
        float: unset;
  
    }
}
/* ocultar subcategorias en pc */
@media only screen and (min-width: 769px) {
  /* Ocultar subcategorías por defecto */
  .sub-menu .top-menu[data-depth="2"],
  .sub-menu .top-menu[data-depth="3"] {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #f6f6f6;
    min-width: 250px;
    padding: 15px;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }

  /* Mostrar subcategorías al hacer hover sobre categoría padre */
  li[data-depth="1"]:hover > .sub-menu .top-menu[data-depth="2"] {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
/* light submenu */
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {
    font-weight: lighter;
}
/* header mercado libre */


/* logo cel */
@media (max-width: 767px) {

#header .logo {
    max-width: 226px;
    margin-right: -4rem;

}
}
/* logo pc */
@media (min-width: 767px) {

#header .logo {
    max-width: 161px;

}
}


@media (max-width: 767px) {
    #header .top-logo img {
        max-height: 3rem;
    }
}
#header .header-nav {
    max-height: 66px;
    padding: 12px 8px 0px 8px;
}
/* Logo mas grande pc cel */

/* --- CARRITO (icono) --- */
#_desktop_cart .shopping-cart,
#_mobile_cart .shopping-cart {
  color: #000000 !important;
  font-size: 29px;
}

/* --- Fondo del carrito cuando está activo --- */
#header .header-nav .cart-preview.active,
#header .header-nav .blockcart {
  background: transparent;
}

/* --- Número del carrito (contador de productos) --- */
#_desktop_cart .cart-products-count,
#_mobile_cart .cart-products-count {
  font-size: 12px;
  color: #ffffff;
  background-color: #d20c26;
  padding: 2px 7px;
  border-radius: 100%;
  font-weight: bold;
  margin-left: -10px;
}

/* --- Ícono del login --- */
#_desktop_user_info i.material-icons,
#_mobile_user_info i.material-icons {
  font-size: 32px;
  color: #000000;
  transition: color 0.3s ease;
}

/* --- Hover del login (PC y móvil si aplica) --- */
#_desktop_user_info a:hover i.material-icons,
#_mobile_user_info a:hover i.material-icons {
  color: #ff0000;
}

/* --- logo centrado cel --- */
@media (max-width: 767px) {
    #header .top-logo {
        
        align-items: center;
        flex-direction: column;
    }
}


/* estilo barra busqueda icono */
#search_widget form i
 {
    padding: 11px !important;
    color: white;
    background-color: #d20c26 !important;
    width: 45px;
    height: 45px;
}
#search_widget form input {
    
    padding: 12px 20px 14px 55px !important;
    
}
/* Hover para que cambie de color al pasar el mouse menu botones */
#header .top-menu a[data-depth="0"]:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #d70f1a;
}
/* CONTENEDOR DEL MEGA MENÚ */

#header a:hover {
    color: #d20c26;
  
}

#_desktop_top_menu .top-menu[data-depth="0"] .sub-menu {
   
    background-color: #dfdfdf;
    padding: 1rem;
}

/* color rojo icono carrusel */
.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
    color: #d20c26;
}

/* Cambiar el hover del botón Vista rápida */
.quick-view:hover {
    color: #fff !important;
    background-color: #d20c26 !important;
    border-color: #d20c26 !important;
}


/* titulos con diseño rayida al iniciar y la lado derecho */
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {

    border-left: 5px #d20c26 solid;
    padding: 1rem;
    font-weight: bolder;
    text-align: left;
}
/* 🔧 Estilo personalizado para el precio en producto */
.custom-price {
  font-size: 28px;
  font-weight: bold;
  color: #000;
}

.custom-price .cop-red {
  color: #d20c26;
  margin-left: 6px;
  font-size: 14px;
  vertical-align: super;
  font-weight: 600;
}

/* 🔧 botones home */
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {

    color: #ffffff;
    background-color: #d20c26;
    padding: 1rem;
    border-radius: 19px;
}
 .all-product-link:hover {
    background-color: #636363;
 
}
/* 🔧 botones home */



/* 🔧 color fondo producto */
#wrapper {
   
    background: transparent;
}

@media (max-width: 768px) {
    
   #wrapper {
    padding-top: 0;

} 
}

/* 🔧 oferta quitada en el producto */
.has-discount .discount {
    display: inline-block;
    
    display: none;
}

/* 🔧 botones compra etc */
.btn-primary {
    background-color: #d20c26;
}
.btn-primary:hover {
    background-color: #616161;
    
}
.btn-primary:disabled:hover {
    background-color: #616161;
    
}
.btn-link, .btn-link:active,  .btn-link.active, .btn-link:disabled {
    background-color: #d20c26;
    color: white;
}
.btn-link:focus, .btn-link:hover {
    color: #e1e1e1;

    background-color: #000000;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #000000;
 
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {

    background-color: #000000;
 
}
/* 🔧 botones deseo */
.wishlist-button-add i {
    color: #d20c26 !important;
}

/* 🔧 cantidad producto */
.product-quantity #quantity_wanted {
    width: 2rem;
 
}
/* 🔧 tamaño boton para que en cel se vea bien cantidad- cart- deseos */
.product-actions .add-to-cart {
    
    font-size: 12px;
    
}
/* 🔧 tamaño titulo producto*/
/* Título del producto - escritorio */
.product-container h1.h1 {
  font-size: 1.8rem !important;
  font-weight: 600;
  line-height: 1.3;
}

/* Título del producto - móvil */
@media (max-width: 767px) {
  .product-container h1.h1 {
    font-size: 1.2rem !important;
    display: block;
    max-width: 100% !important;
    white-space: normal;
  }
}


/* Estilo general para cuotas */
.cuotas-text {
  font-size: 13px;
  color: #d20c26;
  text-align: center;
  margin-top: 4px;
}

/* Estilo general para envío gratis */
.envio-gratis {
  font-size: 13px;
  color: white;
  background-color: #d20c26;
  padding: 4px 10px;
  text-align: center;
  border-radius: 4px;
  margin: 5px auto;
  width: fit-content;
}

/* Responsive para celulares */
@media (max-width: 576px) {
  .cuotas-text {
    font-size: 8px;
    padding: 0 8px;
  }

  .envio-gratis {
    font-size: 12px;
    padding: 5px 10px;
    width: 90%;
  }
}





/* espacio categoria en tienda */

.block-category {
    min-height: 2.75rem;
   
}
.block-category h1 {

    font-size: 17px;
    text-align: center;
}
/* referencia en producto y stock */
.product-reference,
.product-availability {
      font-size: 16px;
      margin: 0 !important;
}
@media (max-width: 768px) {
  .product-brand, .product-reference {
    display: block !important;
  }
}

/* que no aparezcan las sub categorias en las categorias */
#subcategories.card.card-block {
    display: none !important;
}
/* color paginacion productos */
.pagination .current a {
    background-color: #d20c26;
    color: #fff;
    padding: 5px;
}
/* color titulo descripcion */
.tabs .nav-tabs .nav-link.active {
    color: #d20c26 !important;
    border-bottom: #eb2e26 3px solid !important;
}
.tabs .nav-tabs .nav-link:hover {
 
    border-bottom: #737373 3px solid;
}

.tabs .nav-tabs .nav-link {
  
    font-size: 15px;
}

@media (max-width: 767px) {
  .tabs .nav-tabs .nav-link {
    font-size: 14px;
  }
}
/* color titulo descripcion */

/* borde color imagen producto  */
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: #dddddd 3px solid;
}
/* borde color imagen producto  */


/* personalizacion mi cuenta form  */
#main .page-content {

    padding: 0;
}

.page-authentication #content {
 
    max-width: 100%;
}

.form-control {

    background: #ffffff;
    border: solid 1px #e3e3e3;
    padding: 1rem;
}

form .form-control-label {
    font-size: 12px;
    font-weight: 300;
    color: #232323;
    text-align: end;
}
a {
    color: #d20c26;
  
}
a:hover
 {
    color: #7a7a7a;

}
.form-control:focus {

    outline: 0.1875rem solid #e5e5e5;
}

.input-group.focus {
    outline: 0.1875rem solid #e5e5e5;
}


.block_newsletter form input[type="email"]:focus {
 
    border: 0.1875rem #e5e5e5 solid;

}
/* personalizacion mi cuenta form  */

/* columna izquierda tienda  */
.block-categories {
    border: solid 1px #f0f0f0;
}
.block-categories .h6 {
    font-size: 15px;
    font-weight: 800;
}


#mobile_top_menu_wrapper .top-menu .sub-menu ul span {

    float: inline-start !important;
}


.block-categories .category-sub-menu li[data-depth="0"]>a {
   
    font-weight: 100;
}

#search_filters>.h6, #search_filters_brands>.h6, #search_filters_suppliers>.h6 {
    font-size: 15px;
    font-weight: 800;
}
#search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title {
    font-size: 14px;
    color: #d20c26;
}
.block-categories .category-sub-menu li[data-depth="0"] > a:hover {
    color: #d20c26; /* Tu rojo institucional */
    text-decoration: underline;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
    
    border: solid 1px #f0f0f0;
}
.btn-tertiary {
    padding: 12px;
    color: #ffffff;
    background-color: #d20c26;
}


.products-sort-order .select-list, .brands-sort .select-list, .suppliers-sort .select-list {
    color: #737373;
    font-size: 13px;
}

.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {

    background: #656565;
}
/* color oferta  */
.product-flags li.product-flag.on-sale {
  
    background: #d20c26;
}
/* color oferta  */
/* colorproducto solo en internet   */
.product-flags li.product-flag.online-only {
   
      margin-top: -69px;
    font-size: 7px;
    width: 100%;
    background-color: #4cbb6c;
}
/* colorproducto solo en internet   */
/* columna izquierda tienda  */



/* columnas celular tienda de a dos  */

  .products .js-product.product.col-xs-12 {
   border: solid 1px #f0f0f0;
    
    
  }
@media (max-width: 767px) {
  .products .js-product.product.col-xs-12 {
    width: 50% !important;
    float: left !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    
  }


.product-miniature .product-title a {
    font-size: 12px;
    

}


/* categorias en cel no aparezcan */
.block-categories {
    display: none;
}
#search_filters_brands {
    
    display:none;
}
}

.product-miniature .product-title a {
    font-weight: 700;
    color: #0a0a0a;

}

.product-flags li.product-flag.discount {
    background-color: #d20c26;
    margin-left: 0px;
    position: absolute;
    font-size: 15px;
    border-radius: 0 0 9px 9px;
    width: 122px;
    margin-top: 0;
    text-transform: capitalize;
}

.product-flags li.product-flag.out_of_stock {
    display:none;
}

/* columnas celular tienda de a dos  */
/* boton filtrar cel  */
@media (max-width: 767px) {
    #category #search_filter_toggler {
        background-color: #ff0505;
        color: white;
        font-size: 10px;
}

}
/* boton filtrar cel  */
/* boton volver arriba */
#products .up .btn-secondary, #products .up .btn-tertiary {
    color: #f9f9f9;
    text-transform: inherit;
    background-color: #6b6f6f;
    font-size: 11px;
}
/* boton volver arriba */


/* producto añadido al carrito pc y cel */
#blockcart-modal .product-name {
    font-size: 17px;
    color: #d20c26;
}
/* precio */
#blockcart-modal .product-price {
    font-weight: bold;
    font-size: 24px;
    padding: 1rem 0rem 1rem 0rem;
}
/* precio */

#blockcart-modal .modal-header {
    background: #d20c26;
}
#blockcart-modal .modal-title {

    color: #ffffff;
}
#blockcart-modal .modal-header .close .material-icons {
    color: #ffffff;
}
#blockcart-modal .cart-content p{
   
    color: #00b741;
}
/* precio checout */
.product-price {
 
    color: #d20c26;
}
.cart-grid-body a.label:hover {
    color: #d20c26;
}
.cart-grid-body .cart-overview {

    border: solid 1px #f0f0f0;
}
/* precio checout */

@media (max-width: 767px) {
#blockcart-modal .cart-content .cart-content-btn .btn {

    font-size: 9px;
    text-align: center;
}
    #blockcart-modal .product-name {
    font-size: 15px;
    text-align: center;
}
#blockcart-modal .product-price {

    font-size: 22px;
    text-align: center;
}
#blockcart-modal .modal-title {

    text-align: center;
    font-size: 13px;
}
}
/* producto añadido al carrito pc y cel */



/* CHECKOUT */

/* error no mostraba por css el pais en checkout*/
select[name="id_country"] {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
  position: static !important;
}
/* error no mostraba por css el pais en checkout*/

/* addi */
body#checkout section.checkout-step .payment-options .payment-option {
    display: flex;
    border: #f1f1f1 1px solid !important;
    padding: 1rem !important;

}
body#checkout section.checkout-step .payment-options img {
 
    margin-left: 1rem;
}
  
/* addi */

body#checkout section.checkout-step .address-selector {
    display: unset;
    flex-wrap: unset;
    -webkit-box-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    justify-content: unset;
}

.form-group.row .col-md-6 {
  width: 100% !important;
  max-width: 100%;
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    background-color: #000;

}
body#checkout section.checkout-step .step-title {

    font-size: 16px;
  
}
.nav-item .nav-link.active, .nav-item .nav-separtor.active {
    color: #d20c26;
    border-bottom: #d20c26 5px solid;
}
body#checkout a:hover {
    color: #000;
}
body#checkout section.checkout-step.-current .content {

    border: #f1f1f1 1px solid;
}
body#checkout section.checkout-step.-reachable.-current .step-number {

    color: #ffffff;
    background-color: #d20c26;
    border: #d20c26 3px solid;
    border-radius: 0px;
    width: 25px;
    height: 25px;

}
body#checkout section.checkout-step .step-number {
    width: 25px;
    height: 25px;
    border-radius: 0; 
}
.custom-radio input[type="radio"]:checked+span {

    background-color: #d20c26;
   
}

body#checkout section.checkout-step .address-item.selected {

    border: #d20c26 3px solid;
}

body#checkout section.checkout-step .step-title {
    text-transform: lowercase;
    max-width: 408px;
    border-bottom: 6px solid #d20c26;
}

a:focus, a:hover {
    color: #d20c26;
}

body#checkout .cart-grid-right .card {

    border: #f1f1f1 1px solid;
}
.form-group {
    margin-bottom: 4px;
}
@media (max-width: 767px) {
    body#checkout .form-group {
        margin-bottom: -1px;
    }
}
/* Ocultar todos los checkboxes del formulario de cliente */
.custom-checkbox {
  display: none !important;
}

/* También ocultamos comentarios debajo del checkbox si existen */
.form-control-comment {
  display: none !important;
}

/* Ocultar tratamiento */
/* Si sabes que es el primer campo del formulario de cliente */
.js-customer-form .form-group:first-child {
  display: none !important;
  
}
/* Ocultar el input de contraseña y sus elementos relacionados */
input[name="password"],
label[for="field-password"],
#field-password,
.input-group.js-parent-focus,
.form-group .form-control-comment {
  display: none !important;
}

/* Ocultar el input de fecha de nacimiento y todo su bloque */
input[name="birthday"],
label[for="field-birthday"],
#field-birthday,
input#field-birthday + .form-control-comment,
.form-group.row .form-control-comment {
  display: none !important;
}

/* También puedes ocultar toda la fila si sabes que solo contiene ese campo */
.js-customer-form .form-group.row input[name="birthday"] {
  display: none !important;
}

/* Ocultar el mensaje de "Crear una cuenta" en el formulario */
.form-informations {
  display: none !important;
}
/* Ocultar Alias */
label[for="field-alias"],
input[name="alias"],
input[name="alias"] ~ .form-control-comment {
  display: none !important;
}

/* Ocultar Empresa */
label[for="field-company"],
input[name="company"],
input[name="company"] ~ .form-control-comment {
  display: none !important;
}

/* Ocultar Número de IVA */
label[for="field-vat_number"],
input[name="vat_number"],
input[name="vat_number"] ~ .form-control-comment {
  display: none !important;
}

/* Ocultar Dirección complementaria */
label[for="field-address2"],
input[name="address2"],
input[name="address2"] ~ .form-control-comment {
  display: none !important;
}


body#checkout section.checkout-step .forgot-password {
     margin-left: 0;
    font-size: 12px;
}
.forgotten-password .form-fields label.required {
    min-width: 342px;
    text-align: left;
}
@media (max-width: 767px) {
.form-group {
    margin-bottom: 0;
}
}

#custom-text {
    padding: 1rem;
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
    color: #d20c26;
}
 

/* CHECKOUT */


#checkout-login-form,
[data-link-action="show-login-form"] {
  display: none !important;
}

.nav-inline .nav-item+.nav-item, .nav-inline .nav-link+.nav-link {
    display: none;
}

/* iconos los mas vendidos en menu izquierdo dentro de esa pagina */
.block-categories .collapse-icons {
    right: -30px;
   
}
.block-categories .category-sub-menu li {
  
    font-size: 13px;
}
.block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover {
    color: #d20c26;
}
/* iconos los mas vendidos en menu izquierdo dentro de esa pagina */

/* FOOTER*/

@media (max-width: 767px) {
.footer-container {
    padding: 7rem 1rem 1rem 1rem !important;
}
}
.footer-container {
      padding: 7rem 6rem 1rem 6rem;
    background-image: url(https://i.postimg.cc/m2gDgxNp/del-JPG.jpg)!important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}
.descripcionn p:hover {
    border-bottom: #ffffff 1px solid;
    
}

.descripcionn p {
    color: #ffffff;
}
.descripcionn span {

color: burlywood;
}
.footer-container li a {
    color: #b7b7b7 !important;
}

.footer-container li a:hover{
    color: #fffcfc !important;
}
.info-contacto {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  max-width: 500px;
  margin: 0 auto;
  font-size: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.06);
}
.info-contacto .info-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.info-contacto .info-item i.material-icons {
  color: #d20c26;
  font-size: 24px;
  margin-right: 10px;
}

/* FOOTER*/




/* WHATSAPP*/
#whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
}

/* Contenedor con efecto de resplandor */
#whatsapp-float a {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
}

#whatsapp-float a::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.4);
  filter: blur(8px);
  animation: pulse-glow 2s infinite;
  z-index: -1;
}

#whatsapp-float img {
  width: 100%;
  height: 100%;
  animation: pulse 2s infinite;
}

.whatsapp-popup {
  background-color: #25D366;
  color: white;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  max-width: 250px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  display: none;
  animation: fadeIn 0.5s ease-out;
  text-align: left;
  line-height: 1.4;
  position: relative;  /* 👈 Asegura que no se salga del contenedor */
  z-index: 9999;        /* 👈 Asegura visibilidad sobre todo */
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

@keyframes pulse-glow {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.3); opacity: 0.3; }
  100% { transform: scale(1); opacity: 0.7; }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
/* WHATSAPP*/


