/*
This file is responsible only for providing theme information that are displayed
in `Apperance > Themes`. Do not write in here any CSS declarations.
Theme Name: Tonik WordPress Theme Boilerplate
Theme URI: https://github.com/tonik/wordpress-theme-boilerplate
Description: ES6, SCSS ready Wordpress boilerplate theme.
Version:2.0
Text Domain: tonik
Author: Tonik
Author URI: http://tonik.pl/
Tags: wordpress, es6, scss, gulp, eslint, stylelint
License: GPLv2 License
License URI: https://wordpress.org/about/gpl/
*/



@import url('https://fonts.googleapis.com/css2?family=Bayon&display=swap');
@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&family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
    #hero-slider {
        position: relative;
        
        overflow: hidden;
    }
    #blogs-visitados h1, #blogs-visitados  h2, #blogs-visitados  h3, #blogs-visitados  h4, #blogs-visitados  h5, #blogs-visitados  h6, .subcategory h1{
        color: black;
    }
    figcaption{
        color: black;
    }
    .hero-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        filter: blur(10px);
        z-index: 1; /* Detrás del contenido */
    }

    .container-xxl {
        position: relative;
        z-index: 2; /* Encima del fondo */
        color: white; /* Opcional: Asegúrate de que el texto sea legible */
    }

    #banner-stand{
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
    }
    .modal-header .btn-close {
        opacity: 0.4;
    }
    .portada-post:hover{
        scale: 1.05;
        transition: all 0.5s;
    }
    .portada-post{
        transition: all 0.5s;
    }
    #res-subcategory-detail{
        padding-top: 142px;
    }
    .title-link{
        color: black;
        text-decoration: none;
        display: inline-block;
    }
    .title-link:hover h3{
        color: #cc1718;
    }
    .premium-icon{
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 9px 11px !important;
        background-color: #000000;
    }
    .link-category, .link-subcategory{
        text-decoration: none;
        color: #3232328f;
        font-size: .9rem;
        background: #f4f4f4;
        text-transform: lowercase;
        font-weight: 500;
        padding: 3px 7px;
    }
    .link-category:hover, .link-subcategory:hover{
        color: #cc1718;
      
    }
    .premium-icon p{
        font-weight: 600;
        color: #ffff;
        font-size: 0.8rem;
    }
    .titulo-principal{
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
    .premium-icon svg{
        width: 18px;
        fill: #ffffff;
        /* display: none; */
        stroke: white;
    }
    body.border-naranja {
        background: #fff3ec!important; /* Color para región norte */
    }
    body.border-morado {
        background: #f9eeff61!important; /* Color para región norte */
    }
    body.border-green {
        background: #14949708 !important;
    }
    .page-numbers{
        color: rgb(0, 0, 0);
        text-decoration: none;
        padding: 5px 11px;
        border: solid 1px black;
    }
    .page-numbers.current{
        background: black;
        color: white;

    }
    body.border-rosa{
        background: #fd706612 !important;
    }
    body.border-blue{
        background: #1d538f14 !important;
    }
    #title-region.border-blue{
        background-color: transparent!important;
        background-image: none!important;
        border-bottom: none;
  
        color: #1D538F;
    }
    #title-region.border-rosa{
        background-color: transparent!important;
        background-image: none!important;
        border-bottom: none;
  
        color: #FD7066;
    }
    #title-region.border-green{
        background-color: transparent!important;
        background-image: none!important;
        border-bottom: none;
        color: #149497;
   
    }
    #title-region.border-naranja{
        background-color: transparent!important;
        background-image: none!important;
        border-bottom: none;
        color: #EF874E;
    }
    #title-region.border-morado{
        background-color: transparent!important;
        background-image: none!important;
        border-bottom: none;
        color: #9A75AF;
    }
    body.region-este {
        background: #ef874e21; /* Color para región este */
    }
    .read-more{
        text-decoration: none;
     
        color: black;
        
    }
    .rows-categories .col-12:last-child{
        border: none!important;
    }
    /* read-me-page */
    #read-me-page.container{
        margin-top: 150px;
    }
    #read-me-page ul.rml-saved-for-later{
        gap: 8px;
        display: flex;
        flex-wrap: wrap;
    }
    
    #read-me-page ul.rml-saved-for-later > li.rml-item-saved-for-later, #read-me-page ul.rml-saved-for-later>li.rml-item-saved-for-later{
        width: 49%!important;
        border: 1px solid #f1f1f1;
    }
    #read-me-page .rml-save-for-later-remove-all{
        background-color: black;
    }
    #read-me-page a.rml-save-for-later-button .cross{
        width: 23px;
        height: 23px;
        border: none;
    }
    #read-me-page ul.rml-saved-for-later > li.rml-item-saved-for-later > .rml-item-content > a:hover > .rml-item-float > .rml-item-title{
        color: #cc1718;
    }
    /* about */
    .the-card{
        background-color: white;
        padding: 24px 23px;
        /* margin-left: 4px; */
        /* margin-right: 4px; */
        min-height: 337px;
       
    }
    .row.equal-height-row h2{
        font-size: 1.8rem;
    }
    .the-card > div{
        border-bottom: 1px solid #e4e4e4;
        min-height: 61px;
    }
    .about-page .btn_subscribe {
        text-transform: uppercase;
        /* border: 1px solid rgba(0, 0, 0); */
        padding: 11px 17px;
        text-decoration: none;
        font-size: 12px;
        color: #fff;
        letter-spacing: 2px;
        font-family: system-ui;
        background: #CC1718;
        border: solid 1px #CC1718;
        font-weight: 500;
        transition: all .5s ease;
    }
    .about-page .btn_subscribe:hover {
      
        color: #ffffff;
        background: #000000;
      
    }
    .border-top-green{
        border-top: solid 2px green;
    }
    .border-top-orange{
        border-top: solid 2px #ef874e;
    }
    .border-top-red{
        border-top: solid 2px #cc1718;
    }
    .border-top-blue{
        border-top: solid 2px #1d538f;
    }
   
    .the-card svg{
        width: 22px;
    }
    #benefits-carousel .slick-slide{
        margin: 0!important;
    }

    #benefits-carousel.slick-initialized, #benefits-carousel .slick-list.draggable, #benefits-carousel .slick-list.draggable .slick-track, #benefits-carousel .slick-list.draggable .slick-track .slick-slide, #benefits-carousel .slick-list.draggable .slick-track .slick-slide img{
        height: 100%!important;
    } 
    #benefits-carousel .slick-list.draggable .slick-track .slick-slide img{
        object-fit: cover;
    }
    /* google review css */
    #slick-carousel-reviews-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#slick-carousel-reviews-demo .review-item{width:100%;text-align:center;display:block;padding:25px}@media only screen and (min-width:960px){#slick-carousel-reviews-demo .review-item{width:calc(33.3333% - 50px)}}#slick-carousel-reviews-demo .review-item img{display:block;width:70px;height:70px;margin:0 auto}#slick-carousel-reviews-demo .review-item ul, .other{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}#slick-carousel-reviews-demo .review-item ul li{display:inline-block;color:orange}
    #slick-carousel-reviews-demo .review-item ul li.inactive {
        display: inline-block;
        color: rgb(153, 153, 153);
        
    }
    #slick-carousel-reviews-demo .card img{
        width: 90px;
    }
    #slick-carousel-reviews-demo .card{
        border: solid 1px rgb(226, 226, 226)!important;
        border-radius: 0!important;
    }
    #slick-carousel-reviews-demo .card ul{
        list-style: none;
        padding: 0;
        display: flex;
        gap: 5px;
    }
    #slick-carousel-reviews-demo .card ul .star{
        color: orange;
    }
    #slick-carousel-reviews-demo .card ul .star.inactive{
        color: rgb(48, 48, 48);
    }
    #slick-carousel-reviews-demo .review-item.slick-slide.slick-current.slick-active.slick-center{
        background: whitesmoke;
        transition: all 0.5s;
    }
    #slick-carousel-reviews-demo .review-item.slick-slide.slick-current.slick-active.slick-center img{
        filter: grayscale(0%);
        transition: all 0.5s;

       
    }
    .other-reviews img{
        width: 120px;
    }
    .border-shadow{
        box-shadow: 0px 10px 5px #8880, 1px -4px 5px #0000001a;
    }
    #slick-carousel-reviews-demo .review-item img{
        filter: grayscale(100%);
        transition: all 0.5s;

    }
    .review-item img{
        filter: grayscale(0%);
        transition: all 0.5s;

    }
    #slick-carousel-reviews-demo{
        /* max-height: 280px; */
    }
    /* pagination */

    .pagination  .page-numbers.current{
        background: black;
        color: white!important;
        text-decoration: none;
        padding: 2px 7px;
        font-weight: 600;
        line-height: 29px;
        
    }
    /* .pagination{
        border-bottom: 1px solid #bdbdbd;
        padding-bottom: 21px;
        margin-bottom: 29px;
        gap: 5px;
    } */
    .pagination  a{
        background: rgb(255, 255, 255);
        border: solid 1px black;
        color: rgb(0, 0, 0)!important;
        text-decoration: none;
        padding: 5px 8px;
        font-weight: 600;
    
        
    }

    /* about */
    .hero-about {
        margin-top: 143px!important;
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        height: calc(55vh );
        /* background-image: url(assets/img/portada-home3.jpg); */
        background-size: cover;
        background-position: center;
        position:relative;
        /* box-shadow: 0 3000px rgb(3 3 3 / 40%) inset; */
    }
    .hero-about h1, .hero-about p{
        color:white;
        font-family: 'EB Garamond' !important;
    }
    .hero-about h1 {
        max-width: 700px;
    }
    .hero-about h2{
        font-family: 'EB Garamond' !important;
        font-weight: 600;
    }
    .hero-about p{
        max-width: 627px;
        font-weight: 400;
        font-size: 1.3rem;
    }
    .hero-about .container{
        position: inherit;
        z-index: 10;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hero-about .image-container::before {
        content: '';
        background: rgb(2, 0, 36);
        background: linear-gradient(90deg, rgb(2 0 36 / 31%) 0%, rgb(0 0 0 / 79%) 0%, rgb(0 0 0 / 24%) 67%, rgba(0, 0, 0, 0) 100%);
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    .hero-about{
        margin-top: 150px;
    }
    /* styles search */
    .formBx form{
        width: 100%;
        position: relative;
    }
    .result-container a{
        color: white;
        text-decoration: none;
        font-family: 'EB Garamond' !important;
        font-size: 1.6rem;
        line-height: 30px;

    }
    .result-container .category-menu a{
        background: #cc1718;
        border: none;
        border-radius: 0;
        font-size: 0.8rem;
        font-family: sans-serif !important;
        font-weight: 600;
    }
    .result-container .category-menu a:hover{
        background: transparent;
        color: white!important;
        border: none;
        border-radius: 0;
        font-family: sans-serif !important;
        font-weight: 600;
    }
    .result-container .category-menu a.active{
        background: transparent;
        border: none;
        color: white!important;
        border:solid 1px #cc1718;
        border-radius: 0;
        font-size: 0.8rem;

        font-family: sans-serif !important;
        font-weight: 600;
    }
    .result-container span{
        color: #bdbdbd88;
        text-decoration: none;
        font-family: sans-serif;
        font-size: 0.9rem;
        font-weight: 500;
        text-transform: uppercase;

    }
    .result-container a:hover, .result-container svg:hover{
        color: #cc1718;
        stroke: #cc1718;
    }
    .result-container a:hover svg{
        stroke: #be0e0e;
        fill: #be0e0e;

    }
    .menu-leftside .d-flex.flex-column.mt-3.p-0::-webkit-scrollbar {
        width: 5px;
    } 
    /* search modal */  
    #search-modal .modal-dialog{
        max-width: none;
    }

    
    #search-modal .submit{
        background: #881111;
        border: none;
        outline: none;
        color: white;
        font-weight: 500;
        box-shadow: none;
        padding: 0px 17px;
    }
    #search-modal .modal-content {
        max-height: 100vh;
        overflow-y: auto;
        width: 600px;
        overflow-x: hidden;
        background: #18181857;

        -ms-overflow-style: none;
        scrollbar-width: none;
        border-radius: 0;
        margin: 0 auto;
    }
    #search-modal{
        -ms-overflow-style: none;  /* IE y Edge */
        scrollbar-width: none;  /* Firefox */
        overflow: hidden;
    }
    #search-modal ::placeholder {
        color: rgb(121, 121, 121);
        opacity: 1; /* Firefox */
      }
    #search-modal #search_posts {
        max-width: 378px;
        border: none;
        box-shadow: none;
        /* margin: 0 auto; */
        font-size: 1.4rem;
        height: 49px;
        background: #ffffff;
        color: white;
        border-bottom: solid 1px #313131;
        border-radius: 0;
        outline: none !important;
    }
    #search-modal #search_posts:focus {
        background: #414141;
    }
    #search-modal #search_posts:focus, #search-modal #search_posts:focus
    {
             outline: none;
    }
    #search-modal #search_posts:focus
    {
             outline: none !important;
             box-shadow: none;
    }
    /* blog scroll body */
    /* CSS para deshabilitar el scroll */
    .no-scroll {
        overflow: hidden;
    }
    /* share css */

    /* Estilos para la imagen de fondo desenfocada */
.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    filter: blur(10px); /* Ajusta el valor de desenfoque según lo necesites */
}
.blur-background {
    position: relative;
    overflow: hidden;
}

.blur-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-size: cover;
    filter: blur(10px); /* Ajusta el valor de desenfoque según lo necesites */
    z-index: -1;
}

.blur-background .post-container {
    position: relative;
    z-index: 1;
}
/* Estilos adicionales para ajustar el diseño si es necesario */
.container-xxl.custom-container {
    position: relative;
    z-index: 1; /* Asegura que la imagen principal esté por encima de la imagen de fondo */
}
    
    .rml-saved-trigger.button, .rml-saved-trigger {
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        width: 139px!important;
        gap: 7px;
        padding: 0px 16px 0px 9px;
        text-decoration: none;
        height: 54px!important;
        text-indent: 0!important;
        color: black!important;
        font-weight: 600;
    }
    .rml-save-for-later-button.saved{
        display:none;
    }
    .store-post-main .slider-container-home h3{
        font-size: 1.5rem;
    }
    .store-post-main .heateor_sss_sharing_container {
        margin-left: -600px;
        display: flex;
        align-items:center;
        transition: margin-left 0.5s ease-in-out; /* Duración y tipo de transición */
    }
    .store-post-main div.heateor_sss_sharing_ul{
        width: max-content!important;
    }
    .store-post-main .heateor_sss_sharing_container.show {
        margin-left: 0; /* Posición cuando está visible */
    }


    .content-store p{
        font-size: 1.1rem!important;
    }


    /* blogs */
    .posts-container a:hover{
        color: #cc1718!important;
    }
    .heateor_sss_sharing_container.heateor_sss_vertical_sharing.eateor_sss_bottom_sharing{
        margin-top: 160px!important;
    }
    #blogs .anchor2{
        color: black;
        text-decoration: none;
        cursor: pointer;
        font-family: 'EB Garamond'!important;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 32px;
    }


    /* generico */
    
    /* .menu-container ul {
        list-style-type: none;
        height: 60px;
        padding-left: 0px;
        gap: 20px;
        margin: 0;
        display: flex;
    } */
     /* Estilo para el enlace principal en estado hover */
    .menu-leftside .menu-item-has-children > a:hover {

        color: #dc0101!important; /* Ajusta según sea necesario */
    }
    .blog-detail p{
        width: 100%;
    }
    .blog-detail p a{
        color: #c72035!important;
    }
    .blog-detail p a:hover{
        color: #990418!important;
    }
    .menu-leftside .menu-item > a:hover {

        color: #dc0101!important; /* Ajusta según sea necesario */
    }
    .menu-leftside .blogs-visitados h1 {
        font-family: "EB Garamond", serif;
        text-align: start!important;
    }
    .menu-leftside .sub-menu li a{
        font-size: 0.8rem!important;
    }
   .menu-leftside .menu-item-type-taxonomy {
     color:inherit!important;
   }
   .menu-leftside .menu-leftside ul li:hover{
    color: white;
   }
/* Estilo específico para el submenú para evitar herencia de hover del padre */
    .menu-item-has-children .sub-menu a {
        background-color: transparent;
        color: inherit;
    }
    .menu-item-has-children .sub-menu a:hover {
        
        color: #dc0101; /* Ajusta según sea necesario */
    }
    .sub-menu{
        color:white;
    }
    .menu-item-has-children > a {
        position: relative;
        padding-right: 20px; /* Ajusta según sea necesario */
    }
    
 
    
    .sub-menu {
        display: none;
        list-style: none;
        padding-left: 20px;
    }
    .menu-item a:hover .toggle-icon{
        color:white;
    }
        
    .menu-item-has-children > a {
        cursor: pointer;
    }
  
    .sub-menu {
        display: none;
        list-style: none;
        padding-left: 20px;
    }
    .menu-leftside .d-flex.flex-column.mt-3.p-0{
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }
    .menu-leftside ul ul.sub-menu{
        display: none;
        list-style: none;
        padding-left: 15px;
        margin-top: 10px;
        transition: display 0.3s ease; /* Agrega una transición de 0.3 segundos */
    }
   
    .menu-leftside ul ul#menu-main{
        display: none;
        list-style: none;
        padding-left: 0px;
    }
       
    .menu-leftside ul ul li{
        padding: 10px 0px;
    }
    .slick-next:before, .slick-prev:before{
        display:none;
    }
    #slick-carousel-gallery-demo .slick-next,   #slick-carousel-gallery-events .slick-next {
        right: 33px!important;
    }
    #slick-carousel-gallery-demo .slick-prev,     #slick-carousel-gallery-events .slick-prev {
        left: 30px!important;
    }
   
    #slick-carousel-gallery-demo .slick-prev,  #slick-carousel-gallery-events .slick-prev, #slick-carousel-gallery-demo .slick-next, #slick-carousel-gallery-events .slick-next {
        padding: 0!important;
        position: absolute;
        top: 50%;
        z-index: 1;
        cursor: pointer;
        zoom: 2;
    }
    .posts-container h2{
        font-size: 1.5rem;
    }
    .posts-container .recents-row .title{
        font-size: 2rem;
        
    }
    .category-tag{
        color: #cc1718;
        font-weight: 600;
        font-family: playfair !important;
    }
    .custom-container{
        max-width: 1200px;
    }
    #blogs-visitados h1{
        font-size: 2.4rem;
        font-weight: 600;
    }
    .homepage p{
        color:black;
    }
    .homepage .slider2 h3{
        font-size: 1.5rem;
        max-width: 345px;
        line-height: 26px;
    }
    #blogs-visitados h2{
        margin-top: 0.5rem;
    }
    .rotate-container img{
        width: 100%;
        
    }
    .g img{
        width: 100%;
    }
    .g{
       text-align: center;
    }
    .header-top{
        border-bottom: solid 1px #f4f4f4;
    }
    @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1200px!important;
        }
    }
    .admin-bar .menu-leftside{

        padding-top: 2.5rem !important;
    }
    #slick-carousel-gallery-demo .slick-track {
        gap: 10px;
        display: flex;
    }

    #slick-carousel-gallery-demo .lg-item img {
        width: 100%;
        height: auto;
        max-width: 100%;
        height: 300px;
    }

    @media(max-width: 783px){
        #blogs .home-section{
            position: relative;
            z-index: 999;
        }
        .about-page .the-card {
            min-height: 239px;
        }
    }
   

    

    .admin-bar header .menu-container{
        margin-top: 32px!important;
    }
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: inherit!important;
        margin-right: auto;
    }
    /* .admin-bar .category{
        margin-top: 200px;
    } */
  
    .custom-card{
        margin-top: -50px;
        background-color: white;
        z-index: 2;
    }
    .left-container-subcategories span{
        font-size: 1rem!important;
        color: #CC1718;
        font-family: PlayFair;
        font-weight: 600;
        padding-top: 7px;
    }
    .subcategory #blogs-visitados2 span{
        font-size: 1.2rem;
        color: #CC1718;
        font-family: PlayFair;
        font-weight: 600;
    }
    .subcategory #blogs-visitados2 h3{
        font-size: 2.3rem;
       
    }
    #blogs-visitados .custom-card  a{
        color: #CC1718;
        font-weight: 600;
        font-family: PlayFair;
        font-size: 1.4rem;
    }
    #menu-main-menu .menu-item.active::after {
        content: '\25BC'; /* Unicode for a downward pointing arrow */
        position: absolute;
        bottom: 0;
        font-size: 12px;
        color: #CC1718;
    }
    #menu-main-menu .menu-item a {
        text-decoration: none;
        color: inherit;
    }
    #menu-main-menu .menu-item {
        position: relative;
      
    }
    .review-card{
        border-right: solid 1px #a3a3a3;
    }
    .valorate-opinion {
        font-family: PlayFair;
        font-size: 2.6rem;
        max-width: 192px;
        margin: 26px auto;
        font-weight: 600;
        text-align: center;
        line-height: 42px;
    }
    a.rml-see-saved {
        /* display: inline-block; */
        /* box-shadow: none !important; */
        outline: none;
        /* margin: 0 0 0 5px; */
        padding: 0;
        color: #333;
        background: black;
        font-size: 0.9rem;
        /* vertical-align: text-bottom; */
        text-decoration: none;
        color: white!important;
        padding: 11px 15px;
        height: max-content;
    }
    .share-button{
        background-color: #CC1718;
        color: white;
        font-size: 0.9rem;
        font-weight: 500;
        padding: 7px 13px 7px 5px;
        outline: none;
        border: none;
    }
    .save-button{
        background-color: #ffffff;
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 500;
        padding: 10px 20px;
        outline: none;
        border: solid 1px black
    }
    .homepage .visit-button{
        color: white;
        font-size: 1.3rem;
        outline: none;
        border: none;
        padding: 10px 40px;
        transition: all 0.5s;

    }
    .homepage .visit-button:hover{
        color: white;
        font-size: 1.3rem;
        outline: none;
        border: none;
        padding: 10px 40px;
        background-color: black;
        transition: all 0.5s;
    }
    .category .visit-button, .subcategory .visit-button{
        color: black;
        font-size: 1rem;
        background-color: white;
        border: solid 1px black;
        outline: none;
        font-weight: 600;
        padding: 7px 30px;
    }
    .subcategory .visit-button:hover{
        background-color: black;
        color: white;
    }
    .category .visit-button:hover{
        color: rgb(255, 255, 255);
        font-size: 1rem;
        background-color: #d42127;
        border: solid 1px #d42127;
        outline: none;
        font-weight: 600;
        padding: 7px 30px;
    }
    .visit-green{
        background-color: #149497;
    }
    .visit-rose{
        background-color: #FD7066;
        
    }
    .visit-red{
        background-color: #CC1718;
        
    }
    .visit-verdesito{
        background-color: #ACCF68;
       
    }
    .visit-orange{
        background-color: #EF874E;
        
    }
    .visit-purple{
        background-color: #9A75AF;
       
    }
    p, .single-post li{
        font-family: Georgia, 'Times New Roman', Times, serif;
        letter-spacing: 0.56px;
        color: #212529;
        line-height: 24px;
    }
    .social-icons{
        fill: red!important;
    }
    #res-subcategory-detail a:hover, footer a:hover, .homepage a:hover, .homepage a:hover p{
        color: #9f0000;
    }
   
    #blogs-visitados .post-container img:hover ~ a, #lugares-populares .post-container img:hover ~ a{
        color: #9f0000;
        cursor: pointer;
    }
    .btn_menu{
        cursor: pointer;
    }
    /* subcategory */
    .subcategory.store .leftside img:hover{
        scale: 1.07;
        transition: all 0.6s;
    }
    .category .right-side img:hover, .homepage .categories-container img:hover{
        scale: 1.07;
        transition: all 0.6s;
        cursor: pointer;
    }
    .category .right-side img, .homepage .categories-container img{
        transition: all 0.6s;
    }

    /* #blogs-visitados img:hover{
        scale: 1!important;
    } */
    .subcategory .leftside img{
     
        transition: all 0.6s;
    }
    .subcategory .leftside a{
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .subcategory .rightside a, .category .rightside a{
        color: black;
        text-decoration: none;
        cursor: pointer;
        font-family: playfair!important;
        font-size: 1rem;
        line-height: 20px;
    }
   
    .subcategory .rightside a:hover, .category .rightside a:hover{
        color: #9f0000;
       
    }
    /* menu-side */
    .menu-leftside ul li a {
        text-decoration: none;
        color: white;
        width: 100%;
        height: 100%;
        font-size: 1rem;
        font-family: Georgia;
        display: block;
    }
    .menu-leftside ul li:hover a{
        color: white;
       
    }
    .menu-leftside ul li{
        cursor: pointer;
        list-style: none;
        padding: 15px 0px;
        border-bottom: solid 1px #212121;
    }
    .menu-leftside ul li .sub-menu li{
        border:none!important;
    }
    .menu-leftside.off{
        position: fixed;
        left: -350px;
        width: 350px;
        height: 100vh;
        background-color: black;
        z-index: 133;
        transition: all 0.5s;
    }
    .menu-leftside {
        position: fixed;
        top: 0;
        left: 0;
        width: 310px;
        height: 100vh;
        background-color: black;
        z-index: 99999999;
        transition: all 0.5s;
    }
    .menu-leftside  .menu-item-has-children > a .toggle-icon{
        position: absolute;
        right: -45px !important;
        scale: 0.6 !important;
        top: -15px !important;
        bottom: 0 !important;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .menu-leftside  .menu-item-has-children > a .toggle-icon:has(.hidde) {
        position: absolute;
        right: -37px !important;
        scale: 0.6 !important;
        top: -10px !important;
        bottom: 0 !important;
        transform: translateY(-50%);
        cursor: pointer;
    }
    /* restaurant-detail */
    #res-subcategory-detail iframe{
        width: 100%;
    }
    #res-subcategory-detail #blogs-visitados button {
        BACKGROUND: none;
        color: #555555;
        padding: 6px 14px;
        font-family: 'Poppins';
        border: solid black 1px;
        letter-spacing: 4px;
        font-size: 0.7rem;
    }
    #res-subcategory-detail .subtitle{
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10px 22px;
        background-color: white;
        color: #CC1718;
        font-family: PlayFair;
        font-weight: 600;
        font-size: 1.4rem!important;
        margin: 0;
    }
    #res-subcategory-detail #opiniones .title{
        font-family: playfair!important;
        font-weight: 600;
    }
    #res-subcategory-detail #opiniones .opinion{
            background: black;
            color: white;
            padding: 1px 15px;
    }
    #res-subcategory-detail #opiniones .opinion svg{
        width: 25px;
    }
    #res-subcategory-detail #opiniones .text{
        font-family: playfair!important;
        font-weight: 500;
        color: gray;
    }
    #res-subcategory-detail #blogs-visitados button:hover{
        background-color: black;
        color: white;
    }
    #res-subcategory-detail #blogs-visitados button:hover svg{
        fill: white!important;
    }
    #res-subcategory-detail a{
        text-decoration: none;
        color: black;
    }
    #res-subcategory-detail #blogs-visitados svg {
        width: 18px;
    }
    #res-subcategory-detail h1{
        font-family: playfair!important;
        font-weight: 600;
        font-size: 2.6rem;
        margin: 0;
    }
    /* category */
    .category .homepage-section p{
        font-size: 1.3rem;
        max-width: 900px;
        margin: 0 auto;
    }
    /* blogs detail */
    #blogs-detail h1{
        font-family: playfair!important;
        font-weight: 600;
    }
    #blogs-detail .subtitle {
        font-family: poppins!important;
        letter-spacing: 3px;
    }
    #blogs-detail h4 {
        font-family: poppins!important;
        font-size: 0.9rem;
    }
    #blogs-detail a{
        text-decoration: none;
        color: #6f6f6f;
    }
    #blogs-detail{
        position: relative;
    }
    #blogs-detail .share{
        position: sticky;
        bottom: 0;
        right: 0;
        top: 84px;
        height: 71px;
        width: 100%;
    }
/* filter blogs */
    /* CSS for fade in/out animation */
    #blogs .post-container {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }

    #blogs .post-container.hidden {
        opacity: 0;
    }

    /* @@@@@@@@@@@@@@@@@@@@@ */

    /* category css */
    #category-list .left-side{
        position: sticky;
        top: 163px;
        height: 700px !important;
        overflow-y: scroll;
    }
    /* category css */
    #category-list .left-side-title{
        position: sticky;
        top: 111px;
        height: 28px !important;
    }
    #category-list .left-side::-webkit-scrollbar{
        border-radius: 10px;
    }
    /* category-list */
    #category-list {
        margin-top: 150px;
    }
    #category-list ul li{
        list-style: none;
    }
    #category-list ul li a {
        list-style: none;
        color: black;
        text-decoration: none;
        font-family: 'Poppins';
        margin: 0;
        padding: 0;
        color: gray;
    }
  
    /* home css */
    
    .homepage a{
        text-decoration: none;
        color: black;
    }
    footer h5 a{
        color:white;
        text-decoration:none;
    }
    footer .custom-footer a{
        display: block;
    }
    footer .custom-footer a.mb-1{
       margin-bottom: 10px!important;
       text-transform: uppercase!important;
    }
    footer ul li{
        list-style: none;
    }
    footer .subtitle{
        font-family: 'Poppins';

    }
    footer ul li a{
        text-decoration: none;
        color: white;
        text-align: start;
        font-size: 0.8rem;
        font-weight: 400;
       
    }
    .btn-news{
      
        /* margin: 0!important; */
        padding: 0;
        background: black;
        padding: 8px 23px;
        color: white;
        font-size: 0.8rem;
        border: none!important;

    }
    /* .single-post figure{
        width: 100%!important;
    } */

    .single-post figure.aligncenter{
        text-align: center;
    }
    .newsletter-input{
        width: 100%;
        border: none!important;
        outline: none
    }
    /* form style */
    /* newsletter css */
    #mc_embed_signup div.response {
        margin: 8px 0px;
        padding: 1em 0.5em 1.5em 0!important;
        font-weight: bold;
        top: -1.5em;
        z-index: 1;
        width: 94%;
    }
    #mc_embed_signup div#mce-responses {
        float: left;
        top: -1.4em;
        padding: 0em 0em 0em 0em!important;
        overflow: hidden;
        width: 95%;
        margin: 0 0%!important;
        clear: both;
    }
    footer{
        background-color: black;
    }
    footer .logo-mercado{
        width: 80px;
        height: auto;
    }
    footer .logo-dr{
        width: 100px;
        height: auto;
    }
    .contact .modal-header{
        z-index: 2;
        position: absolute;
        top: 0;
        width: 100%;
        border: none;
    }
    .contact .btn-close{
        box-shadow: none;
    }
    .contact .modal-body{
      padding: 0!important;
    }
    .main-form-container {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
    }
    .main-form-container h4{
        color: white;
        font-family: Oswald;
  
        font-size: 2.4rem;
    }
    .main-form-container p{
        color:white;
    }
    #mc_embed_signup input{
        border-radius: 0px!important;
        height: 45px;
    }
    #mc_embed_signup, #mc_embed_shell {
        background: #000!important;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        width: 100%!important;
    }
    #mc_embed_signup .button:hover{
        background: #CC1718!important;
        border: solid 1px black!important;
    }
    #mc_embed_signup .button {
        clear: both;
        background-color: #000;
        border: solid 1px white!important;
        border: 0 none;
        border-radius: 0px!important;
        transition: all 0.23s ease-in-out 0s;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-size: 19px;
        font-weight: normal;
        height: inherit!important;
        line-height: 32px;
        margin: 0 5px 10px 0;
        padding: 3px 17px!important;
        font-family: Bitter!important;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        white-space: nowrap;
        width: fit-content;
        width: -moz-fit-content;
    }
    #mc_embed_signup form{
        margin: 0!important;
    }
    .button-switch{
        cursor: pointer;
    }
    .grecaptcha-badge{
        visibility: hidden;
    }
    .post-item img{
        width: 100%;
        height: auto;
    }
    .main-form-container .container-form {
        position: relative;
        width: 100%;
        height: 574px;
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        margin: 0 auto;
    }
    

    .main-form-container .container-form .user {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #f4f4f4;
        width: 100%;
        height: 100%;
        display: flex;
    }
     .category #lugares-populares h3, .subcategory #lugares-populares h3{
        font-size: 1.4rem;
        line-height: 1;
    }
    .category   h3:hover{
        color: #cc1718!important;
    }
    .main-form-container .container-form .user .imgBx {
        position: relative;
        width: 40%;
        height: 100%;
        background: rgb(255, 255, 255);
        transition: 0.5s;
    }
    .btn-close{
        --bs-btn-close-opacity: inherit!important;
    }
    .main-form-container .container-form .user .imgBx img.left {
        position: absolute;
        top: 0;
        left: 1px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .formBx .scroll-container::-webkit-scrollbar {
        width: 5px;
    }
    .formBx .scroll-container::-webkit-scrollbar-track {
        background-color: #eceef2;
        border-radius: 180px;
    }

    .formBx .scroll-container::-webkit-scrollbar-thumb {
        background-color: #9b9b9b;
        border-radius: 180px;
    }
    .main-form-container .container-form .user .formBx {
        position: relative;
        width: 60%;
        height: 100%;
        background: #f4f4f4;
        display: flex;
        justify-content: center;
        align-items: start;
        padding: 0px 15px;
        transition: 0.5s;
        padding-top: 25px;
        padding-right: 0px;
        flex-direction: column;
    }
    .homepage .slick-track li{
        cursor: inherit!important;
    }
    .main-form-container .container-form .user .formBx form h2 {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
        color: #555;
    }
    .main-form-container .container-form .user .formBx form p {
       margin: 0px;
    }
    .main-form-container .container-form .user .formBx form label {
       width: 100%;
    }
    .title-form{
        font-size: 0.8rem;
        margin-bottom: 1px;
        color: black;
        font-weight: 600;
    }
    .text-form{
        font-size: 1rem;
        line-height: 22px;
        margin-bottom: 0;
    }
    .text-form span {
        font-size: 1.4rem;
        font-weight: 600;
        color: #ffffff;
    }
    #form-container{
        overflow-y: auto;
        height: 391px;
    }
   .custom-container-field-1 p{
        width: 100%;
        display: flex;
        gap: 6px;

    }
    .wpcf7 form .wpcf7-response-output {
        padding: 4px 8px;
        border: 2px solid #00a0d2;
        position: absolute;
        margin: 0;
        bottom: 7px;
        padding: 5px 8px;
        border: 2px solid #00a0d2;
        position: absolute;
        margin: 0;
        right: 0;
        bottom: 5px;
        font-size: 0.8rem;
        /* left: 34px; */
   
        max-width: 272px;
    }
    .text-container-form{
        z-index: 1;
        position: inherit;
        padding: 17px;
        height: 100%;
        /* background: #ffffffa3; */
        background-color: #0000007a;
        /* backdrop-filter: blur(15px); */
        /* margin: 14px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .main-form-container .container-form .user .formBx form textarea {
        width: 100%;
        max-height: 88px;
        min-height: 88px;
        position: relative;
        width: 100%;
        padding: 12px;
        background: #f5f5f5;
        color: #333;
        border: none;
        outline: none;
        box-shadow: none;
        /* margin: 8px 0; */
        margin-top: 20px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .main-form-container .container-form .user .formBx form input {
        position: relative;
        width: 100%;
        padding: 12px;
        background: #f5f5f5;
        color: #333;
        border: none;
        outline: none;
        box-shadow: none;
        margin: 8px 0;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .main-form-container .container-form .user .formBx form input[type='submit'] {
        max-width: 100px;
        background: #ffffff;
        color: #000;
        cursor: pointer;
        font-size: 14px;
        border: solid 1px #7b7b7b;
        font-weight: 500;
        letter-spacing: 1px;
        transition: 0.5s;
        margin-top: 20px;
    }
    select[name="subject"]{
        width: 100%;
        max-height: 88px;
        position: relative;
        width: 100%;
        padding: 12px;
        background: #f5f5f5;
        color: #333;
        border: none;
        outline: none;
        box-shadow: none;
        margin-top: 8px;
        /* margin: 8px 0; */
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 300;
    }
    .main-form-container .container-form .user .formBx form input[type='submit']:hover{
        background-color: black;
        color: white;
    }
    .main-form-container .container-form .user .formBx form .signup {
        position: relative;
        margin-top: 20px;
        font-size: 12px;
        letter-spacing: 1px;
        color: #555;
        text-transform: uppercase;
        font-weight: 300;
    }

    .main-form-container .container-form .user .formBx form .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000000;
    }
    .main-form-container .container-form .user .formBx form .signup a:hover {
        font-weight: 600;
        text-decoration: none;
        color: #cc1718;
    }
    .main-form-container .container-form .signupBx {
        pointer-events: none;
    }

    .main-form-container .container-form.active .signupBx {
        pointer-events: initial;
    }

    .main-form-container .container-form .signupBx .formBx {
        left: 100%;
    }

    .main-form-container .container-form.active .signupBx .formBx {
        left: 0;
    }

    .main-form-container .container-form .signupBx .imgBx {
        left: -100%;
    }

    .main-form-container .container-form.active .signupBx .imgBx {
        left: 0%;
    }

  

    .main-form-container .container-form.active .signinBx .formBx {
        left: 100%;
    }

    .main-form-container .container-form .signinBx .imgBx {
        left: -1%;
    }

    .main-form-container .container-form.active .signinBx .imgBx {
        left: -100%;
    }

    @media (max-width: 991px) {
        .main-form-container .container-form {
            max-width: none;
            width: 100%;
        }

        .main-form-container .container-form .imgBx {
            display: none;
        }

        .main-form-container .container-form .user .formBx {
            width: 100%;
        }
       
        #exampleModal.contact .modal-dialog{
            max-width: 590px!important;
        }
        #read-me-page ul.rml-saved-for-later > li.rml-item-saved-for-later{
            width: 100%!important;
        }
        #read-me-page ul.rml-saved-for-later{
            flex-direction: column!important;
        }
        #read-me-page.container{
            margin-top: 80!important;
        }
    }

    @media (max-width: 768px){
        #read-me-page.container{
            margin-top: 40!important;
        }
    }
    /* modal styles */

    .modal.show .modal-dialog{
        max-width: 940px;
    }
    /* general style */
    .active{
        color: black!important;
    }
    .slick-initialized .slick-slide{
        margin-right: 9px !important;
        border: none!important;
    }
    #lugares-populares ul{
            list-style-type: none;
    }
    #lugares-populares ul li{
        cursor: pointer;
    }
    #lugares-populares ul li:hover p{
        color: black;
    }
    #blogs-visitados .post-container h3{
        font-size: 1.4rem;
    }
    #blogs-visitados .right-side .post-container  h3{
        font-size: 2rem;

    }
    .category  #blogs-visitados .right-side .post-container  h3{
        font-size: 2rem;
        color: black;
    }
    .category  #blogs-visitados .right-side .post-container  a{
        text-decoration: none;
    }
    #blogs-visitados .post-container span{
        font-size: 0.8rem;
    }
    #blogs-visitados .post-container .subdata p{
        line-height: 16px;
    }
    .category-title{
        font-size: 1.4rem!important;
        width: 100%;
    }
    .title-row h2, .category-title {
        font-family: "Bebas Neue", sans-serif;
        font-weight: 500!important;
        margin: 0;
        /* padding: 0; */
        padding-top: 5px!important;
        color: #CC1718!important;
    }
    .title-row{
        border-bottom: solid 4px black;
        border-top: solid 1px black;
    }
    .title-row p{
        text-transform: uppercase;
        font-size: 0.8rem;
        letter-spacing: 2px;
        font-weight: 600;
        color: #9ab;
    }
    .post-container .text {
        color: #464646;
    }

    .post-container .subdata p {
        font-weight: 600;
    }

    .post-container h3 {
        font-weight: 500;
    }

    .herotext {
        font-family: "EB Garamond", serif;
        font-size: 48px;
        width: 100%;
        max-width: 610px;
        font-weight: 500;
        line-height: 50px;
        color: #fff;
        position: absolute;
        bottom: 60px;
    }
    .subcategory h3:hover, .subcategory h2:hover{
        color: #cc1718 !important;
    }
    .homepage-section1 h1,
    h2,.category h1, .subcategory h1,
    h3 {
        font-family: "EB Garamond", serif;
        text-align: center;
    }
    .category h1{
        font-size: 3rem;
        font-weight: 500;
    }
    .subcategory h1{
        font-size: 3rem;
        font-weight: 500;
    }
    h2{
        font-weight: 700;
    }
    .homepage-section1 h1 {
        font-size: 48px;
    }

    .homepage-section1 h2 {
        font-size: 32px;
    }

    .header-top {
        height: 90px;
    }

    .header-top button.btn_subscribe {
        text-transform: uppercase;
        /* border: 1px solid rgba(0, 0, 0); */
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #fff;
        background: #CC1718;
        font-weight: 600;
        transition: all .5s ease;
        border:none;

    }
    .header-top a.btn_about {
        text-transform: uppercase;
        /* border: 1px solid rgba(0, 0, 0); */
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #000000;
        background: #ffffff;
        font-weight: 600;
        transition: all .5s ease;
        border: solid 1px black;

    }
    .header-top a.btn_about:hover {
        text-transform: uppercase;
        /* border: 1px solid rgba(0, 0, 0); */
        padding: 10px 10px 10px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #fff;
        background: #CC1718;
        font-weight: 600;
        transition: all .5s ease;
        border: solid 1px #CC1718;

    }

    .header-top button.btn_subscribe:hover {
        background-color: #000;
        color: #fff;
    }

    .header-top .btn_search {
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 0px 12px 10px;
        text-decoration: none;
        font-size: 14px;
        color: #000;
        border: 2px solid #fff
    }

    .header-top .btn_search:hover .icon_search {
        fill: red;
    }
    .fadeout {
        opacity: 0;
        transition: opacity 0.5s ease-out;
    }
    .fadein {
        opacity: 1;
        transition: opacity 0.5s ease-out;
    }
    .header-top .btn_login {
        font-weight: 500;
        text-transform: uppercase;
        padding: 6px 10px 6px 10px;
        background: none;
        text-decoration: none;
        line-height: 5px;
        font-size: 14px;
        color: #000;
        border: 1px solid #fff;

    }
    .btn_login_mobile {
        font-weight: 500;
        text-transform: uppercase;
        padding: 10px 10px 10px 10px;
        background: none;
        text-decoration: none;
        line-height: 5px;
        font-size: 14px;
        display: flex;
        margin-top: 21px;
        color: #ffffff;
        background: #9f0000;
        border: none;
        align-items: center;
        min-height: 44px;
        justify-content: center;
        transition: all 0.5s;
        gap: 8px;
    }
    .btn_login_mobile:hover{
        background-color: #dc0101;
        transition: all 0.5s;
    }
    .btn_about_sidebar {
        font-weight: 500;
        text-transform: uppercase;
        padding: 10px 10px 10px 10px;
        background: none;
        text-decoration: none;
        line-height: 5px;
        font-size: 14px;
        display: flex;
        margin-top: 21px;
        color: #ffffff;
        background: #000000;
        border: none;
        align-items: center;
        justify-content: center;
        transition: all 0.5s;
        border: solid 1px white;
        gap: 8px;
        cursor: pointer;
    }
    .btn_about_sidebar:hover{
        background-color: #dc0101;
        transition: all 0.5s;
        border: solid 1px #dc0101;

    }
    .btn_login_mobile svg{
        fill: white;
    }
    .header-top .btn_login svg {
        margin-right: 10px;
    }
    a.gofollow{
        display: block;
    }
    .header-top .btn_login:hover {
        border: 1px solid #000;
        /* background-color: #f7f9ee; */
    }
    s
    .header-top .btn_menu,
    .header-top .btn_menu svg {
        width: 44px;
        margin-right: 7px;
    }

    .header-top .btn_menu:hover {}

    .header-top .icon_search {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    .header-top .btn_login_container {
        /* width: 223px; */
        text-align: right;
    }
    .modal-backdrop{
        --bs-backdrop-opacity: 0.8!important;
    }
    .menu-container {
        height: 143px;
        width: 100%;
        position: fixed;
        overflow: hidden;
        transition: all 0.3s;
        top: 0;
        z-index: 999;
        background-color: white;
    }

    .menu-container-reducido {
        height: 60px;
        transition: all 0.3s;
        box-shadow: 0 8px 6px -6px rgb(0 0 0 / 8%);

    }
    .menu-container-reducido .header-top{
        height: 63px;
        transition: all 0.3s;

    }
    .menu-container ul {
        list-style-type: none;
        height: 54px;
        padding-left: 0px;
        margin: 0;
        /* border-top: 1px solid #ccc; */

    }

    .menu-container ul li {
        float: left;
        font-family: "Poppins", sans-serif;
        /* padding: 0px 12px; */
    }
    .menu-container ul li:hover {
        transition: background-size .1s .1s, background-position .1s;
        background-size: 200% 100%;
        background-position: 100% 100%;
    }
    .menu-container ul li.current {
        transition: background-size .1s .1s, background-position .1s;
        background-size: 200% 100%;
        background-position: 100% 100%;
    }
    .menu-container ul li.current a{
        color:white!important;

    }
    .menu-container ul li {
        background-image: linear-gradient(#000 0 0);
        background-size: 100% .00em; /* .08em is our fixed height, use what you want  */
        background-position: 200% 100%;
        background-repeat: no-repeat;
        transition: background-size .1s, background-position .1s .1s;
    }
   
    .border-green{
        border-bottom: solid 6px #149497;
        background-image: linear-gradient(#149497 0 0)!important;
    }
    .border-morado{
        border-bottom: solid 6px #9A75AF;
        background-image: linear-gradient(#9A75AF 0 0)!important;
    }
    .border-naranja{
        border-bottom: solid 6px #EF874E;
        background-image: linear-gradient(#EF874E 0 0)!important;

    }
    .border-rosa{
        border-bottom: solid 6px #FD7066;
        background-image: linear-gradient(#FD7066 0 0)!important;

    }
    .border-verdesito{
        border-bottom: solid 6px #ACCF68;
        background-image: linear-gradient(#ACCF68 0 0)!important;

    }
    .border-vino{
        border-bottom: solid 6px #CC1718;
        background-image: linear-gradient(#CC1718 0 0)!important;

    }
    .border-blue{
        border-bottom: solid 6px #1D538F;
        background-image: linear-gradient(#1D538F 0 0)!important;

    }
    .menu-container ul li a {
        text-decoration: none;
        color: #0e0e0e;
        font-size: 24px;
        font-weight: 500;
        /* border-bottom: 2px solid rgba(0, 0, 0, 0); */
        line-height: 48px;
        cursor: pointer;
        padding: 0px 12px;
        margin-bottom: -10px;
        font-family: "bebas Neue";
        font-weight: 200!important;
        font-style: normal;
    }

    .menu-container ul li:hover a{
        color: #ffffff;
    }

    .menu-container ul li ul {
        display: none;
    }
    .content-category-home p{
        text-align: start!important;
    }
    .hero {
        margin-top: 143px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /* max-width: 1920px; */
        /* margin: 0 auto; */
        height: auto;
        /* max-height: calc(613px + 150px); */
        /* background-image: url(assets/img/portada-home3.jpg); */
        /* background-image: url(assets/img/hero-tbodr2.jpg); */
        background-size: cover;
        background-position: center;
        /* box-shadow: 0 3000px rgb(3 3 3 / 40%) inset; */
    }
    .hero-store-category{
        margin-top: 143px;
        width: 100%;
        /* max-width: 1920px; */
        /* margin: 0 auto; */
        /* height: calc(55vh); */
        background-size: cover;
        background-position: center;
    }
    .hero-store-blog{
        margin-top: 140px;
        width: 100%;
        /* max-width: 1920px; */
        /* margin: 0 auto; */
        /* height: calc(65vh); */
        background-size: cover;
        background-position: center;
    }
    .hero-store-subcategory{
        margin-top: 140px;
        width: 100%;
        /* max-width: 1920px; */
        /* margin: 0 auto; */
        /* height: calc(65vh - 150px); */
        background-size: cover;
        background-position: center;
    }
    .instagram-media{
        margin: 0 auto!important;
    }
    /* POPINS */




    /* Appearance */
    .menu-wrapper {

        /* background-image: linear-gradient(to bottom, #dbdbdb33, transparent);
        border-bottom: 1px solid #0003; */
        font-size: 2em;
        font-weight: 300;
        border-bottom: solid 1px rgb(224, 224, 224);
    }

    .menu-wrapper>a {
        color: #9ab;
        padding: .75em;
        text-align: center;
        text-decoration: none;
        transition: all .5s;
    }

    .menu-wrapper>a:hover {
        background: #ffffff06;
        color: #adf;
    }

    .menu-wrapper>.line {
        background: #68a;
        height: 1px;
        pointer-events: none;
    }

    /* The Magic */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    @media(max-width: 1200px){
        .hero-store-category img, .hero-store-blog img{
            /* object-position: 0% 100%; */
            object-fit: cover;
            height: 300px !important;
        }
        .hero-store-category, .hero-store-blog{
            margin-top: 142px!important;

        }
        .hero-store-blog{
            margin-top: 47px!important;

        }
        .hero-store-subcategory img{
            /* object-position: 0% 100%; */
            /* object-fit: cover;
            height: 300px !important; */
        }
        .hero-store-subcategory{
            margin-top: 142px!important;
        }
    }
    @media (min-width: 769px){
        .py-md-5 {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important;
        
        }
       
    }
    @media (max-width: 768px){
        .hero {
            margin-top: 47px;
          
            /* box-shadow: 0 3000px rgb(3 3 3 / 40%) inset; */
        }
        .hero-store-category img, .hero-store-blog img{
            /* object-position: 0% 100%; */
            object-fit: cover;
            height: auto !important;
        }
        .category .custom-title-categorie, .subcategory .custom-title-categorie{
            margin-top: 0px!important;
        }
        #res-subcategory-detail{
            padding-top: 60px;
        }
      
    }
    .menu-wrapper {
        display: grid;
        grid-template-columns: repeat(var(--items), 1fr);
        position: relative;
    }

    .menu-wrapper>.line {
        opacity: 0;
        transition: all .5s;
        position: absolute;
        bottom: 0;
        left: var(--left, calc(100% / var(--items) * (var(--index) - 1)));
        width: var(--width, calc(100% / var(--items)));
        --index: 0;
    }

    .menu-wrapper>a:hover~.line {
        opacity: 1;
    }

    .menu-wrapper>a:nth-of-type(1):hover~.line {
        --index: 1;
    }

    .menu-wrapper>a:nth-of-type(2):hover~.line {
        --index: 2;
    }

    .menu-wrapper>a:nth-of-type(3):hover~.line {
        --index: 3;
    }

    .menu-wrapper>a:nth-of-type(4):hover~.line {
        --index: 4;
    }

    .menu-wrapper>a:nth-of-type(5):hover~.line {
        --index: 5;
    }

    .menu-wrapper>a:nth-of-type(6):hover~.line {
        --index: 6;
    }

    .menu-wrapper>a:nth-of-type(7):hover~.line {
        --index: 7;
    }

    .menu-wrapper>a:nth-of-type(8):hover~.line {
        --index: 8;
    }

    .menu-wrapper>a:nth-of-type(9):hover~.line {
        --index: 9;
    }

    .menu-wrapper>a:nth-of-type(10):hover~.line {
        --index: 10;
    }

    .menu-wrapper>a:last-of-type:hover~.line {
        --index: var(--items);
    }
    @media(min-width: 768px){
        .category .right-side .row{
            max-height: 213px; height: 213px;
        }
    }
    @media (max-width:700px){
        .herotext {
            font-size: 30px;
            width: 100%;
            max-width: 620px;
            font-weight: 500;
            left: 0;
          
            padding-left: 55px;
            color: #fff;
            position: absolute;
            bottom: 60px;
        }
        #slick-carousel-gallery-events .slick-next, #slick-carousel-gallery-demo .slick-next{
            right: 0!important;
        }
        #slick-carousel-gallery-events .slick-prev,  #slick-carousel-gallery-demo .slick-prev{
            left: 0!important;
        }
        
    }
    @media (max-width:750px){
        .header-top button.btn_subscribe, .btn_login, .header-top .btn_about{
            display: none;
        }
        .header-top .btn_login_container {
            width: 95px;
            text-align: right;
        }
        .review-card{
            border-right: none;
                border-bottom: solid 1px #a3a3a3;
        }
        .hero-store-category{
            margin-top: 60px !important;
        }
        .hero-store-subcategory{
            margin-top: 65px !important;
        }
        .container-socials{
            width: max-content!important;
            flex-direction: row;
        }
        .hero {
           
            /* height: calc(60vh - 150px); */
            background-image: url(assets/img/portada-home3.jpg);
           
        }
    }
    @media (max-width: 768px){
        body.logged-in .hero-about{
            margin-top: 49px !important;
        }
        .hero-about {
            margin-top: 61px !important;
        }
    }
    @media (max-width:500px){
       .slick-track .post-container h3{
            font-size: 1.2rem;
       }
       .hero {
           
            /* height: calc(48vh - 150px); */
            background-image: url(assets/img/portada-home3.jpg);
        
        }
       .main-form-container .container-form .user .formBx{
        padding: 0px 0px;
        padding-top: 25px;
       }
       #search-modal #search_posts:focus {
        background: #ababab!important;
        color: black!important;
        }
        p{
        color: black;
       }
       .custom-card{
        margin-top: 0;
        padding-right: 0px!important;
       }
       .custom-card .text{
        text-align: start!important;
       }
       #blogs-visitados h1{
        font-size: 1.4rem;
       }
       #lugares-populares h3{
        font-size: 1.2rem!important;
       }
       .category h1{
        font-size: 2rem!important;
       }
       #res-subcategory-detail .subtitle {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 10px 22px;
            background-color: white;
            color: #CC1718;
            font-family: PlayFair;
            font-weight: 600;
            font-size: 0.8rem!important;
            margin: 0;
        }
       .homepage .visit-button {
            color: white;
            font-size: 1rem;
            outline: none;
            border: none;
            padding: 6px 19px;
        }
       #blogs-detail .subtitle {
         font-size: 0.6rem;
        }
       
       .slick-track .post-container .text{
            font-size: 0.8rem;
            display: none!important;
       }
       /* #blogs-visitados .text{
        display: none;
       } */
       .header-top button.btn_subscribe {
        display: none;
       }
       .btn_login{
        display: none;
       }
       .slick-track .post-container span{
            font-size: 0.7rem;
       }
       .slick-track .post-container svg{
            width: 14px!important;
       }
       #blogs-visitados .right-side .post-container  h3 {
            font-size: 1.8rem;
        }
        .header-top .btn_login_container {
            width: 55px;
            text-align: right;
        }
        .header-top img{
            width: 169px;
        }
        .visit-green {
            background-color: #149497;
            color: white;
            font-size: 1rem;
            outline: none;
            border: none;
            padding: 10px 30px;
        }
    }
    @media (max-width:864px){
        .filter2, .filter1, .filter3{
            display: none!important;
        }
    }


    a.sponsor-link{
        background: black;
        color: white;
        padding: 5px 11px;
        font-size: 0.9rem;
        display: inline-block;
    }
    a.sponsor-link2{
        background: black;
        color: white!important;
        position: absolute;
        padding: 5px 11px;
        margin-bottom: 0;
        z-index: 9999999999999999999;
        font-size: 1rem;
        left: 0;
        bottom: 0;
        display: inline-block;
    }
    a.sponsor-link2:hover{
        color: red!important;
    }
    a.sponsor-link span{
        color: #f4f4f4e0;
    }
    a.sponsor-link2 span{
        color: #f4f4f4e0;
    }
    p.sponsor-link{
        /* background: #ffffff; */
        color: white;
        padding: 2px 8px;
        bottom: 0;
        margin-bottom: 0;
        font-size: 0.9rem;
        position: absolute;
        display: inline-block;
        z-index: 9999999999999999999;
        left: 0;
        /* border:solid 1px #d42127; */
    }

    p.sponsor-link span{
        color: #f4f4f4e0;
    }

    a.sponsor-link.tendencias{
        padding: 0;
        background-color: transparent;
        border-top: solid 1px #0000001f;
        /* display: inline-block; */
        width: max-content;
        margin-top: 6px;
        padding-top: 5px;
        font-size: 0.8rem !important;
    }

    .sponsor-tag{
        background: black;
        color: white;
        padding: 5px 11px;
        font-size: 0.9rem;
        display: inline-block;
        position: absolute;
        bottom: 0;
    }

    .sponsor-tag.tendencias{
        color: black;
        padding: 0px;
        margin-top: 6px;
        border-top: solid 1px #0000001f;
        font-size: 0.9rem;
        display: inline-block;
        position: inherit;
        background-color: transparent;
    }

    .single-post iframe{
        width: 100%;
    }


    .date-portada{
        color: #cc1718!important;
        font-weight: 600!important;
        margin-top: 27px;
        font-size: 1.2rem!important;
    }

    .date-text{
        font-size: 1.3rem!important;
        font-weight: 600!important;
        text-transform: uppercase;
    }