/*
Theme Name: CR7
Author: Ezequiel Alonzo / Miguel Martinez
Author URI: https://creative-rehab.com
Description: Theme developed from scratch made by Ezequiel Alonzo and Miguel Martinez and based on a design previously for this client, is not a copy of any theme of the WordPress repository or any store specialized in the sale of themes.
Version: 7.0
Text Domain: CR7
*/


/*-----------------------------------------------------------------------------------*/
/* CSS DE AYUDA
/*-----------------------------------------------------------------------------------*/
@import "css/style-default.min.css";


/*-----------------------------------------------------------------------------------*/
/* FUENTES
/*-----------------------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500&family=Red+Hat+Display:wght@300;500;700;800;900&display=swap');

@font-face {
   font-family: 'tg';
   src: url('fonts/Akrobat-Bold.eot');
   src: url('fonts/Akrobat-Bold.woff') format('woff'),
      url('fonts/Akrobat-Bold.ttf') format('truetype'),
      url('fonts/Akrobat-Bold.svg#Akrobat-Bold') format('svg'),
      url('fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype');
   font-weight: normal;
   font-style: normal;
}

/* @font-face {
font-family: 'footer';
src: url('fonts/Akrobat-SemiBold.eot');
src: url('fonts/Akrobat-SemiBold.woff') format('woff'),
url('fonts/Akrobat-SemiBold.ttf') format('truetype'),
url('fonts/Akrobat-SemiBold.svg#Akrobat-SemiBold') format('svg'),
url('fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
} */
/* @font-face {
font-family: 'title-black';
src: url('fonts/Akrobat-Black.eot');
src: url('fonts/Akrobat-Black.woff') format('woff'),
url('fonts/Akrobat-Black.ttf') format('truetype'),
url('fonts/Akrobat-Black.svg#Akrobat-Black') format('svg'),
url('fonts/Akrobat-Black.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
} */

/*-----------------------------------------------------------------------------------*/
/* VARIABLES
/*-----------------------------------------------------------------------------------*/
:root {
   --f-body: 'Red Hat Display', sans-serif;
   /* --f-body: 'Poppins', sans-serif; */
   /* --f-title: 'tg', sans-serif; */
   --f-title: 'Asap Condensed', sans-serif;
   /* --f-footer: 'footer', sans-serif; */
   --f-footer: 'Asap Condensed', sans-serif;
   --f-title-black: 'Asap Condensed', sans-serif;
   /* --f-title-black: 'title-black', sans-serif; */
   --f-gris: #515151 !important;
   /* --c-primary: #E35A00!important; */
   --c-primary: #ED262E !important;
   --c-secondary: #051D4D !important;
   /* --c-primary-h: #FF8000!important; */
   --c-primary-h: #A90E14 !important;
   --c-alt: #FF1A23 !important;
}


/*-----------------------------------------------------------------------------------*/
/* ESTILO DE LA PAGINA
/*-----------------------------------------------------------------------------------*/
body:not(.elementor-editor-active) {
   opacity: 0;
}

body {
   font-family: var(--f-body) !important;
   color: var(--f-gris);
   background: #fff
}

.f-body {
   font-family: var(--f-body) !important;
}

.f-title {
   font-family: var(--f-title) !important;
}

.f-footer {
   font-family: var(--f-footer) !important;
}

.f-titleb {
   font-family: var(--f-title-black) !important;
   font-weight: 500 !important;
}

.f-title h2,
.f-title h3,
.f-title h4 {
   font-family: var(--f-title) !important;
}


.bg-gris {
   background-color: var(--f-gris);
}

.bg-c-primary {
   background-color: var(--c-primary);
}

.bg-c-secondary {
   background-color: var(--c-secondary);
}

.bg-c-primary-h {
   background-color: var(--c-primary-h);
}

.bg-alt {
   background-color: var(--c-alt);
}

.c-gris {
   color: var(--f-gris);
}

.c-primary {
   color: var(--c-primary);
}

.c-secondary {
   color: var(--c-secondary);
}

.c-primary-h {
   color: var(--c-primary-h);
}

.c-alt {
   color: var(--c-alt);
}

.woocommerce div.product form.cart .variations label,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: normal !important;
}



/*-----------------------------------------------------------------------------------*/
/* ARREGLOS ELEMENTOR
/*-----------------------------------------------------------------------------------*/
.elementor-widget-social-icons i.fab.fa-instagram {
   transform: scale(1.25);
}

.woo-menu img {
   max-height: 24px;
}

.woo-menu img[src*="arrow-right"] {
   max-height: 18px;
}

.woo-menu li {
   padding: 0 0 0 20px;
}

.woo-menu li .badge {
   z-index: 2;
   top: -4px;
   left: 14px;
}

.woo-menu img[src*="icon-cart"] {
   transform: scale(1.1);
}


/*-----------------------------------------------------------------------------------*/
/* DETALLES FIJOS
/*-----------------------------------------------------------------------------------*/

#fancy-pin figure>svg {
   width: 120px;
   height: 100%;
}

#fancy-pin figure>svg>path {
   fill: var(--c-primary);
}


.wpfColorsRow {
   display: flex;
   flex-wrap: wrap;
}

.flickity-slider>div {
   max-width: 270px !important;
   padding: 6px;

}

.flickity-slider>div>figure {
   padding-top: 50% !important;
   border-radius: 10px;
   position: relative;
   padding: 10px;
   overflow: hidden;
}

.flickity-slider>div>figure>h4 {
   position: relative;
   color: #fff;
   font-family: var(--f-title);
   margin-bottom: 0;
   text-shadow: 0 0 10px #00000040;
}

.flickity-slider>div>figure:before {
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   /*background: linear-gradient(90deg, var(--c-primary) 20%, transparent);*/
   background: #00000073;
   position: absolute;
   transition: all 0.2s ease-in-out;
}

.flickity-slider>div>figure:hover:before {
   /* background: linear-gradient(90deg, #b00f15 20%, transparent); */
   background: #0000004a;
}


.flickity-slider>div>figure>a {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
}

body.woocommerce-checkout .woocommerce-info {
   margin-top: -15px;
}


@media (min-width: 992px) {

   .woocommerce form .form-row-first,
   .woocommerce form .form-row-last {
      width: calc(50% - 2px);
   }
}



.btn-float {
   position: fixed;
   bottom: 20px;
   z-index: 2;
}

.btn-float a {
   display: flex;
   align-items: center;
   color: #fff;
   background: var(--e-global-color-accent);
   padding: 3px 10px 6px 10px;
   border-radius: 0 10px 10px 0;
   box-shadow: 0 0 10px #00000040 !important;
}

.btn-float a:hover {
   background: #f00;
}

.btn-float a h3 {
   font-weight: 700 !important;
   margin: 0;
   line-height: 28px;
}

.btn-float a p {
   margin: 0;
   line-height: 16px;
   font-size: 16px;
}


section.megamenu-big {
   max-width: 920px;
   font-family: var(--f-body);
   padding-top: 5px;
}

/* section.megamenu-big .container:first-child> .row> div:nth-child(1) { */
section.megamenu-big>.container:first-child>.row>div:nth-child(1) {
   background: #fff;
   border-bottom: 5px solid #004A8D;
   padding: 10px;
}

section.megamenu-big>.container:first-child>.row>div:nth-child(2) {
   background: #E9E9E9;
   border-bottom: 5px solid #00305B;
   padding: 10px;
}

section.megamenu-big figure {
   height: 140px;
   background-size: cover;
   margin-bottom: 12px !important;
   background-position: center;
}

section.megamenu-big h3 {
   color: #004A8D;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 600 !important;
}

section.megamenu-big h3:hover {
   color: var(--e-global-color-accent);
}

section.megamenu-big ul {
   margin-bottom: 10px;
}

section.megamenu-big ul li a {
   color: #686868;
   display: block;
   margin-bottom: 10px;
   font-size: 13px;
}


.megamenu-float ul li.dropdown a,
.megamenu-wrap ul li.dropdown a {
   position: relative
}

.megamenu-float ul li.dropdown a:after,
.megamenu-wrap ul li.dropdown a:after {
   content: '\f107';
   font-family: 'FontAwesome';
   position: relative !important;
   margin: 0 0 0 5px;
   opacity: 1 !important;
}

.btn.btn-primary {
   background-color: var(--e-global-color-accent);
   border: 0;
}

.btn.btn-primary:hover {
   background: #bb1219;
}

a[data-boton] {
   background: var(--e-global-color-secondary);
   /* padding: 3px 10px 3px 10px !important; */
   padding: 3px 10px 3px 0px !important;
   border-radius: 6px;
}

a[data-boton]:hover {
   background: var(--e-global-color-accent);
}

a[href*="tel:"] {
   padding: 3px;
}

#YPprice strong {
   font-weight: normal;
}


.promo_mujer {
   background: url('img/promociones01.jpg');
}

.promo_hombre {
   background: url('img/promociones02.jpg');
}


figure[class*="promo_"] {
   position: relative;
   background-size: cover;
   background-position: center;
   padding-top: 150%;
}

figure[class*="promo_"] .hl:before {
   content: '';
   position: absolute;
   width: calc(100% - 20px);
   height: 1px;
   background: #fff;
   opacity: 0.6;
   top: 10px;
   left: 10px;
   right: 10px;
}

figure[class*="promo_"] .hl:after {
   content: '';
   position: absolute;
   width: calc(100% - 70px);
   height: 1px;
   background: #fff;
   opacity: 0.6;
   bottom: 10px;
   left: 10px;
   right: 10px;
}


figure[class*="promo_"] .vl:before {
   content: '';
   position: absolute;
   height: calc(100% - 20px);
   width: 1px;
   background: #fff;
   opacity: 0.6;
   top: 10px;
   left: 10px;
}

figure[class*="promo_"] .vl:after {
   content: '';
   position: absolute;
   height: calc(100% - 85px);
   width: 1px;
   background: #fff;
   opacity: 0.6;
   top: 10px;
   right: 10px;
}

figure[class*="promo_"]:after {
   content: '';
   position: absolute;
   width: calc(100% - 6px);
   height: calc(100% - 10px);
   top: 0;
   left: 0;
   margin: 0;
   background-image: url('img/frame_02.svg');
   background-repeat: no-repeat;
   background-position: bottom right;
}

.slick-dots li button:before {
   content: none;
}

.slick-dots li button {
   width: 15px;
   height: 15px;
   padding: 0 !important;
   color: #fff;
   border-radius: 50%;
   padding: 0 !important;
   border: 1px solid #707070 !important;
}

.slick-dots li.slick-active button {
   background: #3A3232 !important;
   color: #3A3232;
}

section[class*="bloques-promo-"] img.slick-arrow {
   width: 20px;
}

section[class*="bloques-promo-"] img.slick-arrow[src*="left"] {
   left: -40px;
}

section[class*="bloques-promo-"] img.slick-arrow[src*="right"] {
   right: -40px;
}





/* */

*>u {
   text-decoration: none;
}


button.submit_alt {
   background: #0159A7 !important;
}

button.submit_alt:hover {
   background: #00437e !important;
}

ul.woocommerce-error>li {
   padding-left: 24px !important;
}

.btn-outline-dark:hover {
   background-color: #9d9d9d;
   color: #fff;
}

li.is-active .btn-outline-dark {
   background-color: var(--e-global-color-accent);
   color: #fff;
}

fieldset {
   margin: 30px 0;
}


#ajaxsearchpro1_1,
#ajaxsearchpro1_1 * {
   box-shadow: none !important;
}

#myfixed span#YPprice {
   color: var(--e-global-color-accent) !important;
}

#myfixed span {
   /* color: var(--e-global-color-accent)!important; */
   margin-left: 0 !important;
}

.btn-red a {
   background: var(--e-global-color-primary) !important;
   display: table !important;
   margin: 0 auto 20px !important;
   border-radius: 10px !important;
   color: #fff !important;
}

.btn-red a:hover {
   background: var(--e-global-color-secondary);
}


@media (max-width: 767px) {
   .xt_woovs-single-product .xt_woovs-swatches-wrap td.value {
      padding-bottom: 0 !important;
   }

   p.form-row-first,
   p.form-row-last {
      width: 100% !important;
   }

   .woocommerce-message {
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .woocommerce-message>span {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      text-align: center;
      line-height: 16px;
      padding: 10px 0 0;
   }

   .woocommerce-message>span a {
      margin-top: 15px !important;
   }

   .megamenu-big {
      min-width: 100%;
      position: fixed !important;
      left: 0 !important;
      top: 69px !important;
      transform: translateX(0) !important;
   }

   .podo_options input+label span>h3 {
      line-height: 18px !important;
      font-size: 18px !important;

   }

   a.btn-bluebox {
      max-width: unset !important;
   }

   .wa_boxes {
      padding: 10px;
   }
}


@media (min-width: 768px) {
   .podo_options input+label:before {
      content: '';
      width: 30px;
      height: 14px;
      position: absolute;
      bottom: -14px;
      left: 0;
      right: 0;
      margin: auto;
      border-top: 14px solid #002e57;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      opacity: 0;
   }

   .podo_options input:checked+label:before {
      opacity: 1;
   }

   ul#shipping_method {
      min-width: 230px;
   }
}


.home-cats a>div {
   display: block;
   position: relative;
}

.home-cats figure {
   position: relative;
   display: inline-flex;
   margin: auto !important;
   left: 0;
   right: 0;
   align-self: center;
   z-index: 2;
   width: 100%;
   padding-top: 100%;
   border-radius: 50%;
}

.home-cats figure+span {
   display: block;
   height: 93%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.home-cats figure+span:before {
   content: '';
   border: 2px solid #FE686D;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 6px;
   left: 5px;
   border-radius: 50%;
   z-index: 1;
   transition: all 0.2s ease-in-out;
}

.home-cats figure img {
   z-index: 3;
   position: relative;
}

.home-cats figure:hover:before {
   top: 0;
   left: 0;
   z-index: 3;
}

.home-cats h3 {
   font-family: 'Asap Condensed';
   text-align: center;
   color: #000;
   letter-spacing: -2px;
   font-size: 22px;
   margin: 10px 0 0;
   line-height: 21px;
}

.home-cats a {
   text-align: center;
   display: block;
}

.carousel-cats {
   width: 30%;
}

.woocommerce form label {
   line-height: initial !important;
}

.woocommerce-MyAccount-content a {
   color: var(--e-global-color-accent);
}


td[data-title="Acciones"] {
   display: flex !important;
   justify-content: space-between;
}

@media (max-width: 767px) {
   .my_account_orders td {
      display: flex !important;
      align-items: flex-start !important;
   }
}

td[data-title="Pedido"] {
   background: var(--e-global-color-accent) !important;
}

td[data-title="Pedido"] a {
   color: #fff !important;
}


div#servicio_delivery input {
   display: none
}

div#servicio_delivery input+label {
   background: #fff !important;
   box-shadow: 0 0 3px #dbdbdb;
   display: flex;
   flex-direction: column;
   padding: 20px 10px;
   color: #727272;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   border-radius: 8px !important;
   border: 1px solid #ccc;
}

div#servicio_delivery input+label span.deli_name {
   font-weight: 900;
   font-size: 22px;
   line-height: 22px;
   margin: 6px 0 0 0;
}

div#servicio_delivery input:checked+label {
   /* background: #fff!important; */
   background: #efefef !important;
   box-shadow: 0 0 10px #9b9b9b;
   border-color: #efefef;
}


div#bloque_mis_direcciones {
   display: none !important;
}

div#servicio_delivery input+label:after {
   content: '';
   width: 24px;
   height: 24px;
   background: #fff;
   left: 0;
   right: 0;
   margin: 5px auto 0;
   border-radius: 50%;
   border: 5px solid #fff;
   outline: 1px solid #939393c4;
}

div#servicio_delivery input:checked+label:after {
   background: #ed262e;
}


.podo_options input {
   display: none;
}

.podo_options input+label {
   background: #004D92;
   display: flex;
   align-items: flex-start;
   color: #fff;
   border-radius: 12px;
   padding: 20px 25px;
   text-align: left;
   height: 100%;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   position: relative;
}

.podo_options input:checked+label {
   background: #002E57;
}

.podo_options input+label img {
   margin: 20px 20px 0 0;
}

.podo_options input+label span>h3 {
   border-bottom: 1px solid #ffffff52;
   line-height: 26px;
   font-size: 24px;
   padding-bottom: 10px;
}

.podo_options input+label span>small {
   display: block;
   line-height: 18px;
   font-size: 18px;
   font-weight: 300 !important;
}

.podo_options {
   max-width: 800px;
   margin: auto;
}



.podo_form {
   background: #FBFBFB;
   padding: 30px;
   border: 1px solid #e5e5e5;
   border-radius: 16px;
   max-width: 775px;
   margin: 25px auto;
}

.podo_form .proce {
   background: #fff;
   display: block;
   box-shadow: 0 0 10px #00000040;
   border-radius: 16px;
   overflow: hidden;
}

.podo_form .proce span {
   display: block;
   padding: 20px;
}

.podo_form .proce figure {
   padding-top: 23%;
}

.podo_form h3 {
   font-weight: bold !important;
}


.podo_form input,
.podo_form select {
   width: 100%;
   border-radius: 10px;
   border: 0;
   background: #F1F1F1;
   margin-bottom: 16px;
   padding: 10px 16px;
   font-size: 14px;
}

.podo_form select#tratamiento_select {
   background: #002E57 !important;
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.podo_form input[disabled] {
   background: #888888;
   color: #fff;
}

a#enviar_ws {
   background: #0159A7;
   color: #fff;
   font-size: 21px;
}

a#enviar_ws img {
   width: 34px;
}

a#enviar_ws:hover {
   background: var(--e-global-color-accent);
}

a#enviar_ws.disabled {
   filter: grayscale(1);
   opacity: 0.3;
}


bodega iframe {
   min-height: 260px;
   display: block;
   height: unset;
}

bodega .info-right {
   background: #004A8D;
   color: #fff;
}

bodega .info-right p {
   font-size: 13px;
   line-height: 17px;
   min-height: 32px;
}

bodega .info-right h3 {
   font-weight: 600;
   font-size: 20px;
   border-bottom: 3px solid #fff;
}

bodega figure {
   padding-top: 62%;
   width: 100%;
   background-color: transparent;
}

bodega .info-right inf {
   padding: 10px 15px 0;
   display: block;
}

div#ciudades-control .control-group {
   border-bottom: 1px solid #ccc;
   display: flex;
   justify-content: space-between;
}

div#ciudades-control .control-group>span.control-color {
   border: 1px solid transparent;
   padding: 10px 20px;
   width: -webkit-fill-available;
   margin: 0 0 -1px !important;
   display: block;
   font-size: 14px;
   cursor: pointer;
   border-radius: 4px 4px 0 0;
   text-align: center;
   white-space: nowrap;
   font-weight: bold;
}

div#ciudades-control .control-group>span.control-color.mixitup-control-active {
   border: 1px solid #ccc;
   border-bottom: 1px solid #fff;
   background-color: #fff;
}

ul.sub-menu>li.nav-active>a {
   background-color: var(--e-global-color-primary) !important;
}

ul.sub-menu>li.nav-active>a:hover {
   background-color: #55595c !important;
   color: #fff !important;
}

@media (max-width: 767px) {
   div#ciudades-control .control-group>span.control-color.mixitup-control-active {
      background: #ccc;
   }

   div#ciudades-control .control-group,
   div#ciudades-control .control-group>span.control-color,
   div#ciudades-control .control-group>span.control-color.mixitup-control-active,
   div#ciudades-control>* {
      border: 0 !important;
   }
}



.wa_boxes {
   background: #F1F1F1;
   max-width: 870px;
   margin: 0 auto 30px !important;
   border-radius: 20px;
   padding: 20px;
}

.wa_box {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

a.btn-bluebox:hover {
   background: var(--e-global-color-secondary);
}

a.btn-bluebox {
   background: #004A8D;
   width: calc(100% - 10px);
   max-width: 258px;
   margin: 5px;
   border-radius: 16px;
   display: flex;
   align-items: center;
   color: #fff;
   font-family: 'Poppins';
   transition: all 0.2s ease-in-out;
}

a.btn-bluebox>span {
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 5px;
   padding-right: 5px;
   max-width: 166px;
}

a.btn-bluebox figure {
   transform: scale(0.8);
}

a.btn-bluebox local {
   display: block;
   line-height: 18px;
}

a.btn-bluebox city {
   display: block;
   opacity: 0.6;
   line-height: 16px;
}


.nobtn-bluebox:hover {
   background: var(--e-global-color-secondary);
}

.nobtn-bluebox {
   background: #004A8D;
   padding: 10px 20px;
   margin: 5px;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   color: #fff;
   cursor: pointer;
   font-family: 'Poppins';
   transition: all 0.2s ease-in-out;
}

.coin a:before {
   content: '';
   background: #fff;
   width: 16px;
   height: 16px;
   border-radius: 3px;
   box-shadow: 0 0 0 1px #d8d8d8;
   margin-right: 10px;
   display: flex;
   left: 0;
   align-items: center;
   justify-content: center;
}

.coin a.cuponactivado:before {
   /* background: var(--c-primary-h); */
   content: "\f00c";
   font-family: 'FontAwesome';
   color: #a90e14;
   font-size: 13px;
}

div#servicio_delivery input+label small {
   display: block;
}

select.orderby {
   padding: 12px 20px;
   border: 0;
   background: #f5f5f5;
   border-radius: 10px;
}

select.orderby option:nth-child(2),
select.orderby option:nth-child(3) {
   display: none;
}

span.onsale {
   border-radius: 0 0 5px 0 !important;
   padding: 4px 10px !important;
   font-size: 12px !important;
   line-height: 14px !important;
   min-height: unset !important;
   top: 0 !important;
   left: 0 !important;
   font-weight: 400 !important;
   background-color: var(--e-global-color-accent) !important;
   z-index: 1 !important;
}

.usar_direccion_fact_box {
   background: #000;
   padding: 4px 10px;
   border-radius: 10px;
   color: #fff;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 0.5px;
   display: flex;
   align-items: center;
}

.usar_direccion_fact_box input {
   margin-right: 5px;
}

ul.sub-menu {
   position: relative;
}

ul.sub-menu a:after {
   content: none !important;
}

ul.sub-menu li.pointer-none a {
   pointer-events: none;
   background: #ececec !important;
   font-weight: 600;
}

.woocommerce-mini-cart-item dl {
   margin: 0;
   padding-left: 1em;
   border-left: 2px solid rgba(0, 0, 0, .1);
}

.woocommerce-mini-cart-item dl dt,
.woocommerce-mini-cart-item dl dt {
   font-weight: 700;
   padding: 0 0 0.25em;
   margin: 0 4px 0 0;
   clear: left;
   width: auto;
   /* display: inline-block; */
   float: left;
}

@media (max-width: 767px) {
   body.archive .wpfFilterTitle .wfpTitle {
      font-family: 'Poppins';
      font-size: initial !important;
      font-weight: 500 !important;
      margin-top: -20px !important;
   }

   .wpfFilterTitle .wfpTitle:before {
      position: relative !important;
      display: inline-block !important;
      top: 0 !important;
      font-weight: 500 !important;
   }

   .wpfFilterWrapper {
      margin: 0;
      padding: 0 !important;
   }

   .wpfFilterWrapper i {
      top: 0 !important;
   }
}



.tabla_de_tallas {
   width: 100%;
   text-align: center;
   display: block;
   padding: 10px 0 7px;
   position: relative;
   margin-bottom: 0;
}

.tabla_de_tallas:before {
   content: '';
   width: 100%;
   height: 1px;
   background-color: #000;
   display: block;
   position: absolute;
   opacity: 0.3;
   top: 50%;
   z-index: 1;
}

.tabla_de_tallas span {
   background-color: #fff;
   display: inline-block;
   position: relative;
   z-index: 2;
   margin: auto;
   padding: 0 10px;
}

ul#shipping_method {
   text-align: right;
}




.tabla_de_tallas {
   width: 100%;
   text-align: center;
   display: block;
   padding: 10px 0 7px;
   position: relative;
   margin-bottom: 0;
}

.tabla_de_tallas:before {
   content: '';
   width: 100%;
   height: 1px;
   background-color: #000;
   display: block;
   position: absolute;
   opacity: 0.3;
   top: 50%;
   z-index: 1;
}

.tabla_de_tallas span {
   background-color: #fff;
   display: inline-block;
   position: relative;
   z-index: 2;
   margin: auto;
   padding: 0 10px;
}

ul#shipping_method small.tax_label {
   display: block;
   text-align: right;
}

ul#shipping_method span.woocommerce-Price-amount.amount {
   transform: translateY(-5px);
   display: inline-block;
}






.drp_card_wrap {
   display: flex;
   gap: 20px;
   padding: 30px 0;
   flex-wrap: wrap;
}

.drp_card_item {
   box-shadow: 0 3px 6px #00000029;
   padding: 5px;
   border-radius: 10px;
   width: 100%;
   background: #fff;
   margin: auto;
}

.drp_card_item_status {
   width: 100%;
   display: flex;
   border-radius: 6px;
   padding: 3px 6px;
   line-height: 100%;
   justify-content: space-between;
   align-items: center;
   font-size: 12px;
   text-transform: uppercase;
   color: #Fff;
}


[data-card-status] .drp_card_item_status {
   background: #004a8d;
}

[data-card-status="tarjeta_principal"] .drp_card_item_status {
   background: #051d4d;
}

[data-card-status="tarjeta_principal"] {
   outline: 2px solid #051d4d !important;
}

.drp_card_item_status i {
   font-size: 18px;
}


.bes_addpaymethod {
   border: 2px dashed #c2c2c2;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   /* flex-direction: column; */
   border-radius: 10px;
   font-size: 13px;
   font-weight: bold;
   padding: 20px;
   color: #8d8d8d;
   gap: 10px;
   cursor: pointer;
}

.bes_addpaymethod:hover {
   border-color: #ec697f;
}

.bes_addpaymethod_icon {
   width: 30px;
   height: 30px;
   border: 2px solid #c2c2c2;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}

.bes_addpaymethod_icon:after,
.bes_addpaymethod_icon:before {
   content: "";
   width: calc(100% - 12px);
   height: 2px;
   background: #c2c2c2;
   position: absolute;
}

.bes_addpaymethod_icon:after,
.bes_addpaymethod_icon:before {
   content: "";
   width: calc(100% - 12px);
   height: 2px;
   background: #c2c2c2;
   position: absolute;
}

.bes_addpaymethod_icon:after {
   transform: rotate(90deg);
}

.dots {
   border-top: 7px dotted;
   width: 41px;
   height: 7px;
   display: block;
}


.drp_card_item_numero {
   display: flex;
   align-items: center;
   gap: 15px;
   font-size: 22px;
}

.drp_card_item_msg {
   display: flex;
   align-items: center;
   gap: 7px;
}

.drp_card_item_msg img {
   filter: brightness(0) grayscale(1) invert(1) saturate(0);
   width: 25px;
   height: 22px;
   display: inline-block;
}

.drp_card_item_logo {
   width: 50px;
   height: 24px;
   display: block;
   background-position: right;
   background-repeat: no-repeat;
   background-size: contain;
   opacity: 0.6;
}

.drp_card_item_logo[data-cardlogo="vi"] {
   background-image: url(img/cards/logo_visa.svg);
   opacity: 0.9;
}

.drp_card_item_logo[data-cardlogo="mc"] {
   background-image: url(img/cards/logo_master.svg);
}

.drp_card_item_logo[data-cardlogo="ax"] {
   background-image: url(img/cards/logo_amex.svg);
}

.drp_card_item_logo[data-cardlogo="di"] {
   background-image: url(img/cards/logo_diners.svg);
}

.drp_card_item_logo[data-cardlogo="dc"] {
   background-image: url(img/cards/logo_discover.svg);
}

.drp_card_item_logo[data-cardlogo="ms"] {
   background-image: url(img/cards/logo_maestro.svg);
}

.drp_card_item_logo[data-cardlogo="cs"] {
   background-image: url(img/cards/logo_credisensa.svg);
}

.drp_card_item_logo[data-cardlogo="so"] {
   background-image: url(img/cards/logo_solidario.svg);
}

.drp_card_item_logo[data-cardlogo="up"] {
   background-image: url(img/cards/logo_unionpay.svg);
}

.drp_savecard_sw {
   border: 1px solid #b4b4b4;
   background: #c7c7c7;
   display: flex;
   padding: 7px 15px;
   border-radius: 10px;
   margin-top: 10px;
   color: #000;
   justify-content: space-between;
   align-items: center;
}

.drp_savecard_sw:hover {
   color: #000;
}

.drp_savecard_sw i {
   background: #fff;
   border-radius: 100px;
   width: 30px;
   height: 10px;
   position: relative;
}

.drp_savecard_sw i:before {
   content: '';
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: var(--bs-danger);
   position: absolute !important;
   display: block;
   top: 0;
   bottom: 0;
   left: -5px;
   margin: auto;
   box-shadow: 1px 1px 3px #0000008c;
}



@media (min-width: 576px) {
   .drp_card_item {
      flex: 0 1 48%;
   }
}


#timer {
   font-size: 22px;
   font-family: 'Poppins';
   font-weight: bold;
   color: var(--bs-danger);
   background: #efefef;
   margin: 4px 0 20px;
   border-radius: 7px;
   padding: 8px 14px;
   line-height: 100%;
   min-width: 90px;
   text-align: center;
}

#timer:has(span) {
   padding: 0;
   background: transparent;
   font-size: 16px;
}

.drp_pedidos_tabs {
   display: flex;
   margin: 0 0 14px;
   border-radius: 10px;
   overflow: hidden;
}

.drp_pedidos_tabs_item {
   width: 100%;
   cursor: pointer;
}

.drp_pedidos_tabs_item input {
   display: none;
}

.drp_pedidos_tabs_item label {
   text-align: center;
   display: block;
   padding: 10px 20px;
   cursor: pointer;
}

.drp_pedidos_tabs_item:has(input:checked) {
   background: #004a8d;
   color: #fff;
}



.drp_btn_primary {
   background: #004a8d !important;
   color: #fff !important;
   font-weight: normal !important;
   padding: 14px 16px !important;
   border-radius: 8px !important;
   margin-right: 5px !important;
}

.drp_btn_primary:hover {
   opacity: 0.6 !important;
}

.woocommerce ul.order_details li {
   padding: 0;
   margin: 0;
   width: 100%;
   flex: 1;
}

.woocommerce ul.order_details {
   display: flex;
   justify-content: space-between;
   gap: 10px;
   padding: 10px 10px;
   align-items: center;
   border-radius: 6px;
}

.woocommerce ul.order_details li:last-of-type {
   flex: 2;
}

.woocommerce ul.order_details li:not(:first-of-type) {
   padding-left: 10px;
}


@media (max-width: 767px) {
   .woocommerce ul.order_details {
      flex-direction: column;
      padding: 0 10px;
   }

   .woocommerce ul.order_details li {
      padding: 10px;
      border-right: unset;
      border-bottom: 1px dashed #d3ced2;
   }
}