*{
    font-family: "Inter";
}
.custom-text { color: #FFF; font-feature-settings: 'liga' off, 'clig' off; font-family: 'Inter', sans-serif; font-size: 13px; font-style: normal; font-weight: 600; line-height: 20px; /* 153.846% */ letter-spacing: 0.15px; }
.control-label{
    margin-bottom: 1.75rem;
}
.custom-button{
    letter-spacing: 1px; font-size: 1.25rem; padding: 1.25rem 2rem; font-family: sans-serif;
}
.button-header{
    background-color: #FF385C;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.swal-text {
    font-family: sans-serif;
    font-size: 1.75rem !important;
    color: black;
}
.bg-lightblue {
    background-color: lightblue;
}
.table-responsive table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table-responsive th, .table-responsive td {
    padding: 10px;
    vertical-align: middle; 
    font-size: 1.1rem; 
}
.table-responsive th {
    font-weight: bold;
    text-align: left;
}
/* Adjust padding and font size for the table header */
.table-responsive thead th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #f8f9fa; 
    font-size: 1.1rem; 
}
/* Make sure table cells have enough padding */
.table-responsive td {
    padding: 8px 12px; 
}
/* Adjust font size for other elements */
.btn-lg {
    font-size: 1rem; 
}
/* Add padding to the box container */
.box {
    padding: 20px; 
    margin-bottom: 20px; 
}
/* Adjust the row spacing */
.row {
    margin-bottom: 15px;
}
/* Adjust the fonts */
*{
    font-family: "Inter";
}
.custom-control-input {
    position: relative;
    z-index: 1;
    opacity: 0; 
}
.custom-control-label::before {
    display: inline-block;
    width: 20px; 
    height: 20px;
    border: 2px solid #d7dbdf;
    border-radius: 3px; 
    background-color: white;
    transition: background-color 0.3s, border-color 0.3s;
    position: relative;
}
.custom-control-input:checked ~ .custom-control-label::before {
    background: linear-gradient(45deg, red, pink);
    border-color: transparent; 
}
/* Checkmark image */
.custom-control-input:checked ~ .custom-control-label::after {
    content: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNNS4yMTUgMTEuNjM1TDEuNzEgOC4xMjRsMS40MTQtMS40MTRMNS4yMTUgOC44MTJsNy4zNTgtNy4zNThMMTUuOTg1IDMuODAzTDYuODUzIDEyLjk0NCA1LjIxNSAxMS42MzV6Ii8+PC9zdmc+');
    position: absolute;
    top: 2px;
    left: 16px;
    width: 14px;
    height: 14px;
    background-size: cover;
}
.custom-control-input:focus ~ .custom-control-label::before {
    border-color: #80bdff;
}
.custom-control-label {
    position: relative;
    padding-left: 30px; 
}
.btn-add-new {
    display: flex;  
    text-align: center;             
    justify-content: center;       
    align-items: center;  
    padding: 1.1rem;
    border-radius: 40px;
    margin: 0 10px 0 10px;
    letter-spacing: 1px;
}
.gradient-icon-lightblue{
    background: linear-gradient(to right, #D9D9D9, #75BDE1);
    /*-webkit-background-clip: text;*/
    -webkit-text-fill-color: transparent;
}
.gradient-icon-salmon{
    background: linear-gradient(to right, #D9D9D9, #FF385C);
    /*-webkit-background-clip: text;*/
    -webkit-text-fill-color: transparent;
}
.gradient-icon {
    background: linear-gradient(to right, #f83c5c, #ff91e0);
    /*-webkit-background-clip: text;*/
    -webkit-text-fill-color: transparent;
    }   
#drag-and-drop-zone, #drag-and-drop-zone-video, #drag-and-drop-zone-audio { 
    position: relative; 
    cursor: pointer; 
    padding: .5em;
}
#drag-and-drop-zone input[type="file"], #drag-and-drop-zone-video input[type="file"], #drag-and-drop-zone-audio input[type="file"]{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    opacity: 0; 
    cursor: pointer;
}








/* home.css */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
#header,
.top-bar,
.nav-top,
.nav-main,
.navbar-gray
.navbar
.navbar-light
.navbar-expand {
  background: #F7F7F7 !important;
}

.top-bar {
  border-bottom: none;
}

.chip {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  background: rgba(117, 189, 225, 0.2);
}

.chip a {
  color: #3f3f3f !important;
  font-family: Poppins !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.top-search-bar {
    border: 1px solid grey !important;
    background-color: white;
    border-radius: 20px;

}
.left .right{
    display: table-cell;
    border-radius: 20px 0px  0px 20px;
    height: 50px;
    vertical-align: top;
    min-width: 95px;
    background: white;
    border: 1px solid #a5a5a5!important;
    border-style: solid none none solid;
    color: #868686;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.category {
    color: #333;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

















/*custom home.css*/


.logo-mobile img{
    display: none;
    visibility: hidden;
 }
 .top-search-bar-mobile form{
    display: none;
}
.nav-item-top{
    font-size: 13px;
}



 @media(max-width: 468px){
#header{
    margin-top: -7px;
}
.logo-mobile img{
    display: flex;
    visibility: visible;
    margin-top: 20px;
 }
 .logo-mobile{
    justify-content: center;
    align-self: center;
    margin: 0 auto;
 }
 /*.logo{
    display: none;
    visibility: hidden;
 }*/
 .top-bar-items{
    margin-top: -40px;
    display: flex;
    flex-direction: column;
}
.top-search-bar form{
    
    display: none;
}
.top-search-bar-mobile form{
    display: flex;
    flex-direction: column;
}
.nav-item-top{
    font-size: 10px;
}
.btn-search-svg{
    margin-top: 10px;
}
.right-mobile{
    width: 100%;
}
.dashboard-panel{
    margin-top: -50px;
}


}


@media ((min-width: 481px) and (max-width: 819px)) {

    .nav-top .nav-top-right .nav{
        margin-top: -7px;
    }
.logo-img {
display: block !important;
visibility: visible;
}
.logo {
display: block !important;
visibility: visible;
}

.header-main, .dashboard-panel, .nav {
flex-direction: row !important;
}



.nav-top .nav-top-left .logo {
width: auto;
margin-left: auto;
}
.search-select {
height: auto !important;
font-size: 13px;
}

.top-search-bar form {
flex-direction: row;
width: 100%;
gap: 0;
height: 39px;
}

.top-search-bar .input-search {
width: 350px;
}
.top-search-bar .btn-search {
right: 46px !important;
}
.icon-arrow-down.search-select-caret{
display: none;
}

.search-select .dropdown-menu {
width: 57%;
}

}

/* ===================================================================
GLOBAL STYLES
=================================================================== */

/* Tipografías y colores */
.subtitle,
.subtitle a {
color: #f24163;
}

.subtitle a {
text-transform: uppercase;
}

.title-exp {
text-align: center !important;
}

/* Barras y selectores */
.top-search-bar {
background-color: transparent;
}

.search-select {
background: transparent;
border: none;
z-index: 0;
margin-top: 0 !important;
}

span.wishlist-icon {
padding-right: 10px;
}

/* ===================================================================
HEADER & LAYOUT
=================================================================== */

/* Header */
.header-row {
align-items: center;
}

.logo {
margin-top: 0;
}

/* Layout - Left Column */
.left {
width: 350px;
}

/* Elementos para dispositivos móviles */
.left-mobile,
.right-mobile {
width: 388px;
height: 61px;
border-radius: 75px;
background: #FFF;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
outline: none;
-moz-appearance: none;
}

.nav {
margin-top: -20px;
}

.input-mobile {
display: none;
}

/* ===================================================================
PRODUCTOS, TARJETAS E ÍCONOS
=================================================================== */
.search-select .dropdown-menu {
    border-radius: 10px 10px 10px 10px;
}
.search-results-ajax {

    border-radius: 0 0 10px 10px;
}

.search-select .search-categories{
    border-radius: 10px;
}
/* Grid y Tarjetas de Producto */
.product-grid {
display: flex;
flex-wrap: wrap;
margin: -10px; /* Compensa los márgenes internos */
}

.product-card {
text-align: center;
flex: 0 0 calc(25% - 20px); /* 4 tarjetas por fila en desktop */
margin: 10px;
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
height: 295px; /* Altura fija */
display: flex;
flex-direction: column;
}

.product-card.category-card {
height: 200px;
}

.product-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Información, precios e íconos */
.heart-icon {
position: absolute;
top: 10px;
right: 10px;
color: #fff;
font-size: 20px;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
cursor: pointer;
z-index: 2;
}

.product-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #FF385CE5;
color: #fff;
padding: 10px;
z-index: 2;
min-height: 6rem;
}

.product-info a {
color: #fff;
}

.product-info.blog {
background-color: #68AF23E5;
}

.info-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
padding: 0 8px;
}

.product-price {
font-size: 16px;
font-weight: bold;
}

.product-price span.price {
font-weight: bold;
font-size: 18px;
}

.blog-category {
font-size: 13px;
}

.product-stars {
font-size: 14px;
}

.product-description {
margin-bottom: 0 !important;
font-size: 14px;
}

.blog-slider-nav .prev,
.blog-slider-nav .next {
background: #f37021;
}

.icon-heart,
.icon-heart-o {
color: white;
}

/* Enlace de Producto y Overlay */
.product-link {
position: relative;
display: inline-block;
}

.product-link .overlay,
.overlay-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 17%);
display: flex;
justify-content: center;
align-items: center;
}

.product-link .overlay {
opacity: 0;
transition: opacity 0.3s ease;
}

.product-link:hover .overlay {
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}

.product-link .icon {
color: #fff;
font-size: 16px;
background: #75bde1;
border-radius: 50%;
padding: 10px;
width: 40px;
height: 40px;
position: relative;
}

.product-link .overlay-text {
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 14px;
padding: 5px;
}

/* Mega Menu */
.mega-menu .menu-subcategories .second-category {
color: #f24163;
}

/* ===================================================================
SECCIONES Y BLOG
=================================================================== */

/* Secciones */
.section {
margin-bottom: 60px !important;
}

.section .title {
font-size: 2rem;
}

.section .title-exp {
font-size: 16px;
color: #000;
margin-bottom: 50px;
}

.section-categories {
margin-bottom: 0 !important;
}

.section-category-products .section-header {
margin-bottom: 60px;
}

/* Blog Slider */
.blog-slider-container {
min-height: 275px;
}

i.fa.fa-search {
margin: auto;
position: absolute;
top: 0.8rem;
left: 0.7rem;
}

/* ===================================================================
FOOTER
=================================================================== */

#footer .footer-title {
color: #75BDE1;
font-size: 16px;
}

#footer .nav-footer ul li a,
#footer .nav-footer ul li span {
color: #333333;
font-size: 13px;
}

#footer .nav-footer ul li a:hover {
color: #75BDE1;
text-decoration: underline;
}

#footer .footer-logo img {
max-width: 75%;
left: 60px;
}

#footer .footer-bottom .footer-payment-icons {
float: left;
text-align: left;
}

#footer .footer-bottom .footer-social-icons {
float: right;
text-align: right;
}

#footer .footer-bottom .footer-social-icons img {
height: 22px;
float: left;
margin-right: 9px;
transition: transform 0.3s ease;
}

#footer .footer-bottom .footer-payment-icons img {
height: 20px;
float: left;
margin-right: 9px;
}

#footer .copyright p {
font-size: 13px;
}

#footer .footer-bottom .footer-social-icons img:hover {
transform: translateY(-3px);
}

.footer-about {
display: none;
}

.top-bar {
padding-top: 10px;
}

#footer {
    margin-top: 20px;
}

#navbar_mobile_links li:nth-child(6) a {
    color: #ed0677;
}

#navbar_mobile_links li:nth-child(7) a {
    color: #0061fc;
}

/* ===================================================================
MEDIA QUERIES
=================================================================== */

/* --- Mobile (max-width: 480px) --- */
@media (max-width: 480px) {

    #footer .footer-logo img {
        left: 0;
    }
    
    .search-results-ajax {
        top: 120px;
        left: -18px;
    }

    .top-bar .navbar-nav .nav-item {
        margin-right: 0;
    }

    .nav-top {
        padding-bottom: 0px;
    }
    
    a#nav_main_category_221, a#nav_main_category_134, a#nav_main_category_428, .nav-main,.navbar.navbar-light.navbar-expand.d-flex.justify-content-center{
       position: unset; 
    }

    a#nav_main_category_221, a#nav_main_category_134, a#nav_main_category_428{
        width: 92px !important;
    }

.main-slider .item .caption .title{
margin-top: 1.5rem;

}

.top-search-bar {
display: none;
}

.left-mobile {
margin-bottom: 5px;
}

.row.header-row {
margin-bottom: 0;
}

.header-main, .dashboard-panel, .nav {
margin-bottom: 0;
}

/* Estilos propios de esta resolución */
.input-mobile {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0;
}

#footer .footer-bottom .footer-social-icons {

margin: 10px 0;
text-align: center !important;
width: 100%;

}

#footer .wrapper-footer{
margin: 0;
max-width: 100%;
flex: auto;
}

#footer .footer-bottom .footer-payment-icons {
width: 100%;
}

.product-card.category-card {
height: 100%;
}

.product-card {
flex: 0 0 calc(100% - 20px);
}

.nav {
margin-top: -7px;
}
}

.visible-mobil{
    display: none;
}



/* --- Tablets y dispositivos pequeños (max-width: 768px) --- */
@media (max-width: 768px) {

    .blog-content .blog-item-small .blog-item-img a img {
        width: 100%;
    }

    .visible-mobil{
        display: block;
    }
    .col-md-4.nav-top-right.top-login-item.mb-3.dashboard-panel{
        display: none;
    }

    #header {
        position: inherit;
    }


.logo{
    display: none !important; 
}
    .mobile-logo a img.logo {
        display: block !important;
    }

    .nav-mobile-header-container .mobile-logo .logo {
        margin-left: -0.5rem !important;
    }
.product-link {
display: inherit;
}
.index-mobile-slider .row-slider-caption {
height: 261px !important;
}

.index-mobile-slider .slider-container {
height: 515px !important;
}

.index-mobile-slider .item {
height: 515px !important;
}



.right-mobile {
display: flex;
flex-direction: row;
justify-content: center;
align-self: center;
text-align: center;
height: 45px;
width: 351px !important;
margin-top: 0 !important;
}

.right-mobile button {
position: unset;
}

.top-bar-items {
padding-top: 12px;
margin-top: 0;
}

.dashboard-panel {
margin-top: 0;
}

.top-login-item {
padding-top: 0;
}

/* Ajustes en header y navegación */
.logo {
justify-content: center;
align-self: center;
}

.header-main,
.dashboard-panel,
.nav {
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
}

.nav {
padding-left: 13px;
}
}





/* --- Desktop pequeño (max-width: 967px) --- */
@media (max-width: 967px) {



.search-select .dropdown-menu {
width: 100%;
}

/*.col-12.section.section-categories .title {
padding-top: 30px;
}*/

.product-card {
flex: 0 0 calc(50% - 20px);
}

.left-mobile {
width: 90%;
height: 48px;
margin-left: 2%;
}

.nav-top .nav-top-right {
max-width: 100% !important;
}
}

/* --- Tablets (min-width: 768px) y (max-width: 1024px) --- */
@media (min-width: 768px) and (max-width: 1024px) {
.main-slider .item .caption {
margin: 0;
text-align: left;
}

#footer .footer-logo img {
left: 0;
}
.col-md-4.nav-top-left.align-items-center.header-main {
max-width: 100%;
}

.product-link {
display: inherit;
}

.product-card.category-card {
height: 100%;
}

.logo {
margin-left: 30px;
}

.top-bar .navbar-nav .nav-item {
width: 9rem;
}

.left {
width: 215px;
}

.nav-main{
margin-top: -29px;
}
}

/* --- Tablets y Móviles (max-width: 991.98px) --- */
@media (max-width: 991.98px) {
.header-row {
display: flex;
flex-direction: column;
}

.nav-top-right {
order: -1;
width: 100%;
margin-bottom: 1rem;
}

.nav-top-left {
order: 1;
width: 100%;
}

.nav-top .nav-top-right .nav {
float: none;
align-items: center;
justify-content: center;
}
}


#index-wrapper  a:active, a:focus, a:hover {
    color: #D3D3D3;
}


.nav-mobile-header .container-fluid .row{
    margin-bottom: 0;
}

.btn-block {
    background-color: #FF385C;
}


.blog-post-title, .blog-post-meta, .blog-post-description {
    padding: 0 10px;
}



.product-card .product-description a:hover {
    color: #d9d9d9;
}

a.a-meta-request-quote {
    font-size: 12px;
}

a.a-meta-request-quote:hover {
    color: #d9d9d9;
}


.post-text p {
    word-wrap: break-word;
}



.custom-checkbox .custom-control-label::before {
    left: -1rem;
}


.plan .plan-action a:hover, .tool-action a:hover{

    color:#D3D3D3;
}

.wrap-blog-home .product-card{
    height: 18.2rem;
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .wrap-blog-home .product-card{
        height: 15.5rem;
    }
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .wrap-blog-home .product-card{
        height: 15.5rem;
    }
}


.suscription-warning p , .suscription-warning p span{
    font-size: 2rem;
}