/*=========== TABLE OF CONTENTS ===========
1.  CSS General
2.  Header
A.  Home
  3.  Hero
  4.  Nosotras
  5.  Valores
  6.  Servicios
  7.  Categorías
  8.  Blog
  9.  Testimonios
B.  Quienes Somos
  10. Somos Hero
  11. Quienes Somos
C.  Productos
  12. Productos Hero
  13. Contenido productos
  14. Contenido categorias
  15. Contenido carrito/checkout
C.  Blog
  16. Hero Blog
  17. Contenido Blog
D.  Contacto
  18. Contacto hero
  19. Contenido Contacto
F.  Políticas
  23. Políticas de privacidad
Footer
Back to Top
===========================================*/

@media (max-width: 768px) {
    /*=====================================
        1.  CSS General
    =======================================*/
    .desk, .desk-row {
        display: none;
    }
    .tlf {
        display: block;
    }
    .tlf-row {
        display: flex;
    }
    .preloader-inner img {
        width: 59%;
    }

    /*-------------------------------------
        2.  Header
    --------------------------------------*/
    .th-header .sticky-wrapper.sticky {
        width: 100%;
    }
    .sticky-wrapper nav.main-menu {
        display: none !important;
    }

    .header-layout2 .sticky-wrapper {
        top: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        background-color: var(--aqua-cla);
    }
    .header-layout2 .sticky-wrapper.sticky {
        background-color: var(--aqua-cla);
        /* Medium devices */
    }

    .row-mobile-btns {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        width: 82%;
        margin: auto !important;
    }
    .col_mobile_btns1 {
        -ms-flex: 0 0 32% !important;
        flex: 0 0 32% !important;
        max-width: 50% !important;
    }
    .col_mobile_btns2 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
        top: 9px !important;
        left: 128px !important;
    }

    .header-logo a img {
        display: block;
        margin: -17px auto;
        width: 55%;
    }
    .mobile-logo a img {
        display: block;
        margin: -17px auto;
        width: 55%;
    }
    .cabecera-item,
    .menu-item-has-children {
        width: 100%;
        padding: 0 9px !important;
    }
    .cabecera-item a,
    .menu-item-has-children a {
        font-size: var(--parrafo-tlf) !important;
        color: var(--negro) !important;
        padding: 13px 0 !important;
        padding-left: 18px !important;
    }
    .dgwt-wcas-search-wrapp {
        min-width: 222px !important;
    }
    .sticky-wrapper.sticky .col_mobile_btns2 .dgwt-wcas-search-wrapp {
        min-width: 215px !important;
    }
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        margin-left: -23% !important;
    }
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
        font-size: var(--parrafo-tlf) !important;
        margin-left: -6% !important;
    }

    /*=====================================
        A.  Home
    =======================================*/
    /*-------------------------------------
            3.  Hero
    --------------------------------------*/
    .hero-home {
        margin-top: -6% !important;
    }

    .row_hero_home {
        margin-top: 13%;
        margin-bottom: 20%;
    }
    .col_hero_home1 {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col_hero_home2 {
        display: none;
    }

    .titu_hero_home1 {
        margin-bottom: -7px !important;
        font-size: 51px !important;
    }
    .titu_hero_home2 {
        margin: 0 !important;
        margin-left: 0 !important;
        font-size: 24px !important;
    }
    .titu_hero_home3 {
        margin: 0 !important;
        margin-top: -15px !important;
        margin-left: 0 !important;
        font-size: 63px !important;
        letter-spacing: 2px;
    }
    .btn_hero_link {
        width: 51%;
    }

    .icon_btn_hero {
        -ms-flex: 0 0 10% !important;
            flex: 0 0 10% !important;
        max-width: 100% !important;
    }
    .txt_btn_hero {
        font-size: var(--parrafo);
    }
    .cont_btn_hero {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: var(--aqua-osc) !important;
    }

    /*-------------------------------------
            4.  Nosotras
    --------------------------------------*/
    .lineas_bg {
        background-size: 645px 100%;
    }
    .lineas_somos_home1 {
        margin-top: -18%;
        margin-bottom: -1%;
    }
    .wrapper_somos_home {
        padding: 20px 0 !important;
    }
    .subtitu_somos_home {
        font-size: var(--subtitulo-tlf) !important;
    }
    .txt_somos_home {
        width: 304px;
        font-size: var(--parrafo-tlf);
        line-height: 15px;
    }
    .btn_link_somos {
        width: 42%;
    }
    .cont_btn_somos {
        width: 30px;
        height: 30px;
    }
    .txt_btn_somos {
        font-size: var(--parrafo);
    }
    .lineas_somos_home2 {
        margin-top: -1%;
    }

    /*-------------------------------------
            5.  Valores
    --------------------------------------*/
    .wrapper-valo-carrusel {
        margin-top: -21%;
        margin-bottom: -5%;
        padding-top: 22%;
    }
    .slick-initialized .slick-slide {
        margin: 18px 5px;
    }

    /*-------------------------------------
            6.  Servicios
    --------------------------------------*/
    .wrapper-servis {
        padding: 22px 0 38px !important;
        background-color: var(--body-bg) !important;
    }
    .titus-servis {
        margin-bottom: 4%;
    }
    .col-servicios {
        -ms-flex: 0 0 43% !important;
            flex: 0 0 43% !important;
        max-width: 43% !important;
        margin: auto auto 13px !important;
    }
    .service-item {
        margin-top: 11px;
        padding: 0;
    }
    .service-item_img {
        width: 110px;
        height: auto;
        margin: auto !important;
    }
    .btn-servis {
        margin-top: 9px;
        font-size: var(--parrafo) !important;
    }

    /*-------------------------------------
            7.  Categorías
    --------------------------------------*/
    .wrapper-categoria {
        padding: 67px 0 39px !important;
    }
    .link_catego {
        font-size: var(--parrafo) !important;
    }
    .subtitu-catego {
        margin-bottom: 5px !important;
        font-size: var(--subtitulo-tlf) !important;
    }

    .service-item {
        margin-top: 30px;
        padding: 0;
    }

    /*-------------------------------------
            8.  Blog
    --------------------------------------*/
    .titu-blog {
        font-size: var(--titulo-tlf) !important;
    }
    .titu-blog span {
        font-size: 75px !important;
    }

    .row_cont_blog {
        align-content: center;
        align-items: center;
    }
    .col_cont_blog {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col_cont_blog1 {
        display: none;
    }
    .col_cont_blog2 {
        padding: 0 32px !important;
    }

    .blog-box {
        padding-bottom: 1px;
    }
    .blog-box_content {
        padding-bottom: 30px;
        margin: 85% 0 0;
    }
    .icon-contain svg {
        top: 17%;
        width: 57%;
        height: 57%;
    }
    .subtitu-blog {
        margin-bottom: 3% !important;
        font-size: var(--parrafo) !important;
        line-height: 17px !important;
    }
    .fecha-blog {
        margin-bottom: 2% !important;
    }
    .txt-blog {
        font-size: var(--parrafo-tlf) !important;
        line-height: 15px !important;
    }

    /*-------------------------------------
            9.  Testimonios
    --------------------------------------*/
    .titu-testimo {
        font-size: var(--subtitulo-tlf) !important;
    }
    .txt-testimo {
        margin-top: 3% !important;
        margin-bottom: 4% !important;
        font-size: var(--parrafo-grd) !important;
        line-height: 24px;
    }

    .testi-grid {
        height: 286px;
    }
    .txt-testimos {
        margin-top: 3% !important;
        margin-bottom: 4% !important;
        font-size: var(--parrafo-tlf) !important;
        line-height: 15px;
    }
    .nombre-testimos {
        font-size: var(--subtitulo-tlf) !important;
    }

    /*=====================================
        B.  Quienes Somos
    =======================================*/
    /*-------------------------------------
            10. Somos Hero
    --------------------------------------*/
    .col_nosotras_hero {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col_nosotras_hero1 {
        margin-bottom: 15%;
    }
    .titu_noso_hero1 {
        margin-bottom: 11% !important;
        font-size: 34px !important;
    }
    .titu_noso_hero2 {
        margin-top: -8% !important;
        font-size: 48px !important;
    }
    .txt_noso_hero {
        width: 83%;
        margin-top: 6% !important;
        font-size: var(--parrafo-tlf) !important;
        text-align: justify;
        line-height: 15px;
    }
    .img_nosotras_hero {
        width: 72%;
        height: 81%;
        border-radius: 100%;
    }
    .nosos-hero {
        top: -23%;
        width: 88%;
    }
    
    /*-------------------------------------
            11. Quienes Somos
    --------------------------------------*/
    .row_mis_vis {
        align-items: center;
        width: 100%;
        margin: auto !important;
    }
    .col_mis_vis {
        -ms-flex: 0 0 87% !important;
            flex: 0 0 87% !important;
        max-width: 87% !important;
        margin-bottom: 5%;
    }

    .row_content_misvis {
        flex-direction: column;
    }
    .col_content_misvis {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100%!important;
    }
    .col_content_misvis1 {
        border-right: none;
        margin-bottom: 5%;
    }
    .col_mis_vis1 .col_content_misvis2 {
        border-bottom: 9px solid var(--aqua-osc);
    }

    .img-mis-vis {
        width: 109px;
        height: 109px;
        padding-top: 7%;
    }
    .titu-mis-vis {
        font-size: var(--subtitulo-tlf) !important;
    }
    .txt-mis-vis {
        font-size: var(--parrafo-tlf) !important;
        text-align: justify;
        line-height: 15px !important;
    }

    /*=====================================
        C.  Productos
    =======================================*/
    /*-------------------------------------
            12. Productos Hero
    --------------------------------------*/
    .wrapper_catego_hero {
        padding-top: 13%;
        padding-bottom: 1%;
    }
    .col_catego_hero1 {
        -ms-flex: 0 0 60% !important;
            flex: 0 0 60% !important;
        max-width: 60% !important;
    }
    .col_catego_hero2 {
        -ms-flex: 0 0 40% !important;
            flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    .titu_catego_hero {
        font-size: var(--subtitulo) !important;
    }
    .img_catego_hero {
        display: block;
        width: 100%;
        margin: auto;
    }

    /*-------------------------------------
            13. Contenido productos
    --------------------------------------*/
    .wrapper-produs {
        padding: 56px 14px 34px !important;
    }
    .col-projec {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-projec1 {
        margin-bottom: 6%;
    }
    .col-projec2 {
        padding: 0;
    }

    .proyec-container {
        display: flex;
        flex-direction: row;
        padding: 0 !important;
    }
    .list-categori {
        display: flex;
        flex-wrap: wrap;
        padding: 0 !important;
    }
    .btn-filter {
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 !important;
    }

    .int_btn_filter1 {
        -ms-flex: 0 0 26% !important;
            flex: 0 0 26% !important;
        max-width: 100% !important;
    }
    .int_btn_filter2 {
        -ms-flex: 0 0 66% !important;
            flex: 0 0 66% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        text-align: left;
    }
    .portfolio-item {
        -ms-flex: 0 0 45% !important;
            flex: 0 0 45% !important;
        max-width: 45% !important;
        margin-bottom: 6% !important;
    }
    .filtro-catego a, .portfolio-item:hover .filtro-catego a {
        position: relative;
        top: 85%;
        display: block !important;
        width: 86%;
        transition: .5s ease-in-out;
    }
    .info-catego {
        font-size: var(--parrafo) !important;
    }

    /*-------------------------------------
            14. Contenido categorias
    --------------------------------------*/
    .prods-wrapper {
        padding: 13px 25px !important;
    }

    .prods ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .prods .astra-shop-summary-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        grid-template-areas:
          "nombre"
          "precio"
          "categoria"
          "review"
          "btn-prod";
        width: 91% !important;
        margin: auto !important;
        padding: 6px 0 26px;
    }

    .prods .woocommerce-loop-product__title {font-size: var(--parrafo-tlf) !important;}

    .prods .astra-shop-summary-wrap .price .woocommerce-Price-amount bdi {font-size: 11px !important;}

    /*-------------------------------------
            15. Contenido carrito/checkout
    --------------------------------------*/
    
    /*=====================================
        C.  Blog
    =======================================*/
    /*-------------------------------------
            16. Hero Blog
    --------------------------------------*/
    .titus_blog_hero {
        width: 74%;
    }
    .titu_blog_hero {
        font-size: 52px !important;
        line-height: 59px !important;
    }
    .titu_blog_hero span {
        font-size: 68px !important;
    }

    /*-------------------------------------
            17. Contenido Blog
    --------------------------------------*/
    .container-blog {
        height: 91vh;
        margin-top: -16%;
        margin-bottom: -19%;
    }
    .card_carrus_team .image_carrus_team{
        width: 183px;
    }
    .cards_carrus_team .card_carrus_team {
        padding: 24px;
    }
    .card_carrus_team .btn-blog {
        width: 70%;
    }
    .icon-blog-link {
        -ms-flex: 0 0 10% !important;
            flex: 0 0 10% !important;
        max-width: 100% !important;
    }
    .txt-blog-link {
        -ms-flex: 0 0 68% !important;
            flex: 0 0 68% !important;
        max-width: 100% !important;
    }

    #s1:checked~.cards_carrus_team #slide_team2,
    #s2:checked~.cards_carrus_team #slide_team3,
    #s3:checked~.cards_carrus_team #slide_team4,
    #s4:checked~.cards_carrus_team #slide_team5,
    #s5:checked~.cards_carrus_team #slide_team1 {
        transform: translate3d(-64%, 0, -120px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0.6);
    }

    #s1:checked~.cards_carrus_team #slide_team3,
    #s2:checked~.cards_carrus_team #slide_team4,
    #s3:checked~.cards_carrus_team #slide_team5,
    #s4:checked~.cards_carrus_team #slide_team1,
    #s5:checked~.cards_carrus_team #slide_team2 {
        transform: translate3d(115%, 0, -120px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0);
    }

    #s1:checked~.cards_carrus_team #slide_team4,
    #s2:checked~.cards_carrus_team #slide_team5,
    #s3:checked~.cards_carrus_team #slide_team1,
    #s4:checked~.cards_carrus_team #slide_team2,
    #s5:checked~.cards_carrus_team #slide_team3 {
        transform: translate3d(-113%, 0, -220px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0);
    }

    #s1:checked~.cards_carrus_team #slide_team5,
    #s2:checked~.cards_carrus_team #slide_team1,
    #s3:checked~.cards_carrus_team #slide_team2,
    #s4:checked~.cards_carrus_team #slide_team3,
    #s5:checked~.cards_carrus_team #slide_team4 {
        transform: translate3d(-109%, 0, -220px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0.6);
    }

    #s1:checked~.cards_carrus_team #slide_team1,
    #s2:checked~.cards_carrus_team #slide_team2,
    #s3:checked~.cards_carrus_team #slide_team3,
    #s4:checked~.cards_carrus_team #slide_team4,
    #s5:checked~.cards_carrus_team #slide_team5 {
        transform: translate3d(0, 0, 0);
        --current-color1: #000000;
        --current-color2: #ECEAED;
    }

    #s1:checked~.cards_carrus_team #slide_team2,
    #s2:checked~.cards_carrus_team #slide_team3,
    #s3:checked~.cards_carrus_team #slide_team4,
    #s4:checked~.cards_carrus_team #slide_team5,
    #s5:checked~.cards_carrus_team #slide_team1 {
        transform: translate3d(55%, 0, -120px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0.6);
    }

    #s1:checked~.cards_carrus_team #slide_team3,
    #s2:checked~.cards_carrus_team #slide_team4,
    #s3:checked~.cards_carrus_team #slide_team5,
    #s4:checked~.cards_carrus_team #slide_team1,
    #s5:checked~.cards_carrus_team #slide_team2 {
        transform: translate3d(280%, 0, -220px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0);
    }

    #s1:checked~.cards_carrus_team #slide_team4,
    #s2:checked~.cards_carrus_team #slide_team5,
    #s3:checked~.cards_carrus_team #slide_team1,
    #s4:checked~.cards_carrus_team #slide_team2,
    #s5:checked~.cards_carrus_team #slide_team3 {
        transform: translate3d(-273%, 0, -220px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0);
    }

    #s1:checked~.cards_carrus_team #slide_team5,
    #s2:checked~.cards_carrus_team #slide_team1,
    #s3:checked~.cards_carrus_team #slide_team2,
    #s4:checked~.cards_carrus_team #slide_team3,
    #s5:checked~.cards_carrus_team #slide_team4 {
        transform: translate3d(-53%, 0, -120px);
        --current-color1: #ECEAED;
        --current-color2: #404457;
        filter:opacity(0.6);
    }
    /*=====================================
        D.  Contacto
    =======================================*/
    /*-------------------------------------
            18. Contacto hero
    --------------------------------------*/
    .wrapper-contacto {
        margin-top: -6%;
        padding-top: 8%;
        background-color: var(--body-bg);
    }
    .titu_contac_hero1 {
        font-size: 37px !important;
        line-height: 38px !important;
    }
    .titu_contac_hero2 {
        font-size: 54px !important;
    }

    /*-------------------------------------
        19. Contenido Contacto
    --------------------------------------*/
    .col-contain-contac {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 5%;
    }
    .col-contain-contac1 .cont-contac {
        margin-bottom: 1%;
    }

    .icon-contac {
        width: 52px;
        height: 52px;
    }
    .icon-contac a {
        margin: auto;
    }
    .col_item_contac2 {
        -ms-flex: 0 0 80% !important;
            flex: 0 0 80% !important;
        max-width: 100% !important;
        margin-left: 3%;
        padding-left: 3%;
    }
    .icon-contac img {
        width: 78%;
    }
    .titu-contac {
        font-size: 12px !important;
    }
    .txt-contac {
        font-size: 14px !important;
    }

    /*=====================================
        Footer
    =======================================*/
    .container-foot-top {
        justify-content: center;
        width: 87%;
    }
    .col-foot-top {
        height: auto;
        margin-bottom: 3% !important;
        padding: 0 7px !important;
    }
    .col-foot-top1, .col-foot-top2 {
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
        max-width: 100% !important;
    }
    .col-foot-top3, .col-foot-top4 {
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
        max-width: 100% !important;
        height: 88px;
    }
    .col-foot-top5 {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .contain-rrss {
        flex-direction: row;
        justify-content: start;
    }
    .col-rrss {
        margin: 0 3px;
        padding: 8px;
        font-size: 14px;
        line-height: 14px;
        border-radius: 100px;
    }
    .item_foot_top {
        font-size: 10px !important;
        line-height: 13px !important;
    }
    .col-foot-top3 .titu_foot_top,
    .col-foot-top4 .titu_foot_top {
        text-align: left !important;
    }
    .titu_foot_top {
        margin-bottom: -6% !important;
        font-size: var(--parrafo) !important;
    }
    .logo-foot {
        width: 42%;
        margin-top: 0;
    }
    /* footer bottom */
    .col_foot_bot {
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .txt-copyright, .txt-firma {
        text-align: center;
    }
    .txt-firma a:after, .txt-firma a:hover:after {
        display: none;
    }

    /*=====================================
        Back to Top
    =======================================*/
    .scroll-top {
        right: 17px;
        width: 46px;
        height: 46px;
    }
    .scroll-top .progress-circle path {
        stroke-width: 15px;
    }
    .scroll-top:after {
        width: 46px;
        height: 46px;
    }
}