@charset 'UTF-8';
/* # 00.
---------------------------------------------------------------------------------------------------- 

    01.     THEME
    02.     HEADER
    03.     FOOTER
    04.     FORMULARIOS
    05.     INICIO
    06.     NOSOTROS
    07.     PORTFOLIO
    08.     BLOG
    09.     CONTACTO
    10.     WOOCOMMERCE
    11.     PAGES



/* # 01. THEME
---------------------------------------------------------------------------------------------------- */
:root {
    --primary-color: #21362c;
    --secondary-color: #b8d637;
    --complementary-color: #FF6961;
    --dark-color: #0d0d0d;
    --medium-color:#6C6E74;
    --light-color:#ededed;
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Montserrat', sans-serif;

    --bold:700;
    --medium:500;
    --light: 300;
}

body {
    font-family: var(--font-secondary) !important;
    font-size: 14px;
    line-height: 1.4;
}

.aiosrs-rating-wrap {
    display: none!important;
}

/* ## Fonts 
--------------------------------*/
.font-primary    { font-family: var(--font-primary); }
.font-secondary  { font-family: var(--font-secondary); }

/* ## Títulos y subtítulos 
--------------------------------*/

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { 
    color: var(--primary-color);
    line-height: 1.2;
}

h1, .h1 { font-size: 36px !important; }
h2, .h2,
h3, .h3 { font-size: 27px !important; }
h4, .h4 { font-size: 21px !important; }
h5, .h5 { font-size: 18px !important; }
h6, .h6, 
p { font-size: 16px !important; }

small { font-size: 13px !important; }

.font-xl { font-size: 27px !important; }

.title { font-weight: var(--medium); line-height:1.14 }
.subtitle { font-style:italic; }

/* ## Colores 
--------------------------------*/
.text-color-primary     { color: var(--primary-color)!important; }
.text-color-secondary   { color: var(--secondary-color)!important; }
.text-color-complementary { color: var(--complementary-color)!important; }

.text-color-dark        { color: #333!important; }
.text-color-medium      { color: #6C6E74!important; }
.text-color-light       { color: #FFF!important; }

/* ## Fondos 
--------------------------------*/
.bg-primary       { background-color: var(--primary-color)!important; }
.bg-secondary     { background-color: var(--secondary-color)!important; }
.bg-complementary     { background-color: var(--complementary-color)!important; }

.bg-dark          { background-color: #333!important; }
.bg-medium        { background-color: #6C6E74!important; }
.bg-light         { background-color: #EDEDED!important; }
.bg-white         { background-color: #FFF!important; }

/* ## Bordes
--------------------------------------------- */ 
.border-color-primary:before { border-top-color: var(--primary-color)!important; }
.border-color-secondary:before { border-top-color: var(--secondary-color)!important; }

/* ## Botones 
--------------------------------*/
.btn {
    border-radius: 0px!important;
    border: 2px solid !important;
}

.btn--info {
    border-color: var(--primary-color)!important;
    color: var(--primary-color)!important;
    background: transparent!important;
}
.btn--info:hover {
    border-color: var(--secondary-color)!important;
    color: var(--secondary-color)!important;
}
.btn--call {
    border-color: var(--primary-color)!important;
    background: var(--primary-color)!important;
    color: #FFF!important;
}
.btn--call:hover {
    border-color: var(--secondary-color)!important;
    background: var(--secondary-color)!important;
}

.btn--info-light {
    border-color: var(--secondary-color)!important;
    color: var(--secondary-color)!important;
    background: transparent!important;
}
.btn--call-light {
    border-color: var(--secondary-color)!important;
    background: var(--secondary-color)!important;
    color: #FFF !important;
}

/* ## Botones WooCommerce 
--------------------------------*/
.woocommerce .button {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 0px !important;
    background: transparent !important;
}

.woocommerce .button:hover {
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
} 

.woocommerce-cart .wc-proceed-to-checkout .button {
    background: var(--secondary-color)!important;
    color: var(--light-color)!important;
    border-color: var(--secondary-color)!important;
}

/* ## Layout 
--------------------------------*/
.vertical-center {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.vertical-top{
    margin-top: 0px !important;
    margin-bottom: auto !important;
}
.vertical-bottom{
    margin-top: auto !important;
    margin-bottom: 0px !important;
}

.w-100,
.et_pb_row,
.wrapper .et_pb_row,
.single-product .et_pb_row { width: 100%;}

.et_pb_row { max-width: 1500px; padding-left: 1rem; padding-right: 1rem;}
.single-product .et_pb_row{max-width: 1200px; padding-left: 1rem; padding-right: 1rem;}

.mw-950 {max-width: 950px;}
.mw-480 {max-width: 480px;}

.p-1 {padding: 1rem;}
.p-2 {padding: 2rem;}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Tablas */
table, tbody {
    width: 100%;
}

tr:nth-child(odd) {
    background: #EDEDED;
}

td {
    padding: 1rem 0.5em;
    border-right: 1px solid #999;
}


td:last-child {
    border-right: none;
    text-align: right;
}

/* ## Slick Slide
--------------------------------*/
/* Slider Theme */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider  personalizado */
.slick-track {
    display: flex!important;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
 
 
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'etmodules';
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    color: var(--primary-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left:-2rem;
    z-index: 99;
}
[dir='rtl'] .slick-prev
{
    right: 16px;
    left: auto;
}
.slick-prev:before
{
    content: '\34';
}
[dir='rtl'] .slick-prev:before
{
    content: '\35';
}
.slick-next
{
    right: -2rem;
    z-index: 99;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 16px;
}
.slick-next:before
{
    content: '\35';
}
[dir='rtl'] .slick-next:before
{
    content: '\34';
}

.slideshow--products ul.products li.product.slick-slide {
    margin-right: 15px !important;
    margin-bottom: 0px !important;
}

.slideshow--products ul.products li.product.slick-slide:last-child {margin-right: 0px !important;}
.slideshow--products ul.products li.product img { width:100%;}
.slideshow--products ul.products li.product .woocommerce-loop-product__title { margin-top:15px;}

.slideshow--products li img,
.slideshow--destacados li img { width:100%;}
.slideshow--products li .woocommerce-loop-product__title,
.slideshow--destacados li .woocommerce-loop-product__title { margin-top:15px;}

.slideshow--products .product-category { display: block !important; text-align: left !important;}

.slideshow--products .product-category .woocommerce-loop-category__title,
.slideshow--destacados .product-category .woocommerce-loop-category__title { min-height: calc(15px * 3);}
.slideshow--products .product-category .woocommerce-loop-category__title .count { display: none; }

.slideshow--marcas .slick-slide { margin-bottom:0px !important; }
.slideshow--marcas-3 .slick-slide.slide--item {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-right: 1rem !important;
    height: auto;
    min-height: 528px;
    margin-bottom: 1rem !important;
}

.slideshow--marcas-3 .slick-slide.slide--item .et_pb_module_header { display: none;}

/*
BARRA LATERAL 
--------------------------------*/

.yith-wcan-filters .yith-wcan-filter {
    margin-bottom: 0px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid var(--medium-color);
}

.yith-wcan-filters .yith-wcan-filter:last-child { border-bottom: 1px solid var(--medium-color); }

.filter-title {
    color: var(--primary-color) !important;
}
.filter-item .term-label {
    color: var(--medium-color) !important;
}


/* # 02. HEADER
---------------------------------------------------------------------------------------------------- */
.et_fullwidth_nav #main-header .container {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

li.admin-menu-ico a:before {
    font-family: 'ETmodules'!important;
    content: "\e08a";
    margin-right: 8px;
    font-size: 13px;
}

/*#main-header .container {
    width: 90% !important;
}*/

#mobile_menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#mobile_menu li.menu-item-has-children::before {
    font-family: 'etmodules';
    content: '\35';
    position: absolute;
    right: 1rem;
    color: var(--secondary-color);
    font-size: 21px;
    padding: 8px;
    transform: rotate(90deg);
}
#mobile_menu li.menu-item-has-children.active::before {transform: rotate(-90deg);}

#mobile_menu li.menu-item-has-children>a { display: inline-block !important; background-color:transparent!important; }
#mobile_menu li.menu-item-has-children .sub-menu { display:none !important; }

#mobile_menu li.menu-item-has-children ul.sub-menu.block {display: block !important;}

@media only screen and (max-width: 1050px) and (min-width: 981px) { #top-menu li a { font-size: 11px !important; } }

header.et-fixed-header #top-menu-nav ul .menu-item-has-children > .sub-menu li a {
    color: var(--primary-color) !important;
    text-transform: none!important;
}

header#main-header nav ul.nav li.promo a { color: var(--complementary-color)!important; font-weight: 700;}

/* Search Ajax Pro 
.contenedor_ajax_search_pro {
    display: flex;
    height: 100%;
    position: absolute;
    width: calc(100% - 30px);
    z-index: 1000;
    top: 0;
    bottom: 0;
    right: 30px;
    background: var(--primary-color);
}

.contenedor_ajax_search_pro .asp_w_container { margin-bottom:auto; margin-top:auto; }
.contenedor_ajax_search_pro .asp_w .probox { width:100%; } 
.contenedor_ajax_search_pro .asp_w .probox .promagnifier { display:none!important; }
.contenedor_ajax_search_pro .asp_w_container .asp_w,
.contenedor_ajax_search_pro .asp_w .probox .promagnifier { background:transparent !important; }
.contenedor_ajax_search_pro .asp_m .probox .proinput form { max-width:100% !important; }
.contenedor_ajax_search_pro .asp_m .probox .proinput form input { border:none!important; }
.contenedor_ajax_search_pro .probox .proclose svg { fill: var(--secondary-color)!important; background: transparent!important;box-shadow: 0 0 0 2px var(--secondary-color)!important;}
#ajaxsearchprores1_1 {
    top: 100px!important;
    left: 15px!important;
    width: calc(100% - 30px)!important;
}
#ajaxsearchprores1_1.vertical, 
#ajaxsearchprores1_2.vertical, 
div.asp_r.asp_r_1.vertical { background: var(--secondary-color)!important;}

--------------------------------*/

.slide--header .et_pb_container {
    margin: 0px !important;
}

.slide--header .et_pb_container .et_pb_slider_container_inner {
    vertical-align: bottom;
}

.slide--header .et_pb_container .et_pb_slide_description {
    background: var(--primary-color);
}

/* # 03. FOOTER
---------------------------------------------------------------------------------------------------- */
.footer-widget .fwidget {
    margin-bottom: 1rem !important;
    float: none !important;
}

.footer-widget .fwidget .wp-block-social-links {
    margin-left: -1rem;
}

.footer-widget .fwidget li {
    padding-left: 8px !important;
}

.footer-widget .fwidget li:before {
    display: none;
}

.footer-widget ul {
    padding-left: 0px!important;
}

.footer-widget ul li {
    list-style: none!important;
}

.footer-widget ul li a {
    color: var(--light-color)!important;
}

.footer-widget ul li:hover a {
    color: var(--secondary-color)!important;
}

ul.metodos-de-pago { display: inline-block!important; }

ul.metodos-de-pago li {
    display: inline-block;
    list-style: none!important;
}


/* # 04. FORMULARIOS
---------------------------------------------------------------------------------------------------- */
input:not([type="submit"]),
select,
textarea {
    border-color: var(--medium-color);
    background: transparent !important;
    padding: 0.5rem !important;
}

input[type="checkbox"] {
    padding: 0px !important;
    margin-bottom: 5px !important;
}

input[type="submit"] {
    font-size: 20px;
    font-weight: 500;
    padding: 0.5rem 1rem !important;
    line-height: 1.7em !important;
    background: transparent;
    position: relative;
    border: 2px solid;
    border-radius: 0px !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.gform_required_legend {
    display: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-size: 0.875em !important;
}

/* Formulario Light
--------------------------------*/
.form--light label,
.form--light input,
.form--light select,
.form--light textarea,
.form--light input::placeholder,
.form--light select::placeholder,
.form--light textarea::placeholder {
    color: #FFF !important;
}
.form--light input:not([type="submit"]),
.form--light select,
.form--light textarea {
    border-color: #FFF !important;
}

.form--light input[type="submit"] {
    background: var(--secondary-color) !important;
    color: #FFF !important;
    border-color: var(--secondary-color) !important;
}
.form--light input[type="submit"]:hover {
    background: #FFF !important;
    color: var(--primary-color) !important;
    border-color: #FFF!important;
}

/* Formulario Dark
--------------------------------*/
.form--dark input,
.form--dark select,
.form--dark textarea {
    border-color: var(--primary-color) !important;
}

.section--newsletter {}

.section--newsletter  .gform_required_legend  {
    display: none;
}

.section--newsletter form {
    width: 90%;
    max-width: 450px!important;
    margin-right: auto;
    margin-left: auto;
}

.section--newsletter .form--light input[type="email"],
.section--newsletter .form--light input[type="checkbox"] {
    border: 1px solid #FFF !important;
    background: transparent!important;
    color: #FFF !important;
}

.section--newsletter label {
    color: #FFF;
}

.section--newsletter .form--light input[type="submit"] {
    background: #FFF !important;
    color: var(--primary-color) !important;
    border: 2px solid #FFF !important;
    width: 100%;
}

.section--newsletter .form--light input[type="submit"]:hover {
    background: var(--secondary-color)!important;
    color: #FFF !important;
    border: 2px solid var(--secondary-color)!important;
}


.section--newsletter .codido-promo {
    padding: 8px 14px !important;
    border: 1px dotted var(--light-color) !important;
    margin-top: 30px!important;
    color: var(--light-color) !important;
    display: inline-block;
}

.section--contacto input[type="submit"] {
    background: var(--primary-color) !important;
    color: #FFF !important;
    border: 2px solid var(--primary-color);
}

.section--contacto input[type="submit"]:hover {
    background: var(--secondary-color)!important;
    color: #FFF !important;
    border: 2px solid var(--secondary-color);
}

/* POP UP NEWSLETTER 
--------------------------------*/
.mailpoet_form_close_icon {
    width: 42px !important;
    height: 42px !important;
}

.mailpoet_submit {
    background-color: var(--primary-color)!important;
    color: var(--light-color)!important;
}

.mailpoet_submit:hover {
    background-color: var(--secondary-color)!important;
}

/* # 05. INICIO
---------------------------------------------------------------------------------------------------- */

/* ## Bloque de reseñas
--------------------------------------------- */ 
.reviews-contain {
	padding-top: 16px;
}

.reviews-contain li { 
	list-style: none;
	margin-right: 16px;
}

.review-card {
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	max-width: 325px;
	min-height: 380px;
	display: flex;
	flex-direction: column;
	margin: 0px auto;
}

.review-card .header-card { 
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.review-card .header-card .metadates-card{
	max-width: calc(100% - 150px);
	text-align: left;
}
.review-card .header-card .metadates-card .rating,
.review-card .header-card .metadates-card .product-title,
.review-card .header-card .metadates-card .product-link,
.review-card .header-card .image-card img{
	margin-top: 0px;
	margin-bottom: 0px;
}

.review-card .header-card .product-image {
    width: 125px;
	height: 125px;
    margin: 10px auto;
	margin-top: -32px!important;
    display: block;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--white-color);
}

.review-card .rating {
    color: #ffc107;
    font-size: 1rem;
}

.review-card .product-title {
    font-size: 14px !important;
    color: var(--dark-color);
    font-weight: bold;
}

.review-card .product-link {
    display: inline-block;
    font-size: 14px;
    color: var(--primary-color);
    text-decoration: none;
}

.review-card .product-link:hover {
    opacity: 0.5;
}

.review-card .review-text {
    font-size: 16px;
    color: var(--dark-color);
    margin: 32px 0;
	padding-left: 0px;
	border: none;
}

.review-card .footer-card{
	margin-top: auto;
}

.review-card .review-author {
    font-weight: bold;
    color: var(--dark-color);
    font-size: 14px;
	padding: 0px;
}

.review-card .verified {
    font-size: 14px;
    color: #4caf50;
}

.slideshow--reviews .reviews-contain .slick-track { 
	padding-top: 32px;
	justify-content: center;
}

/* # 10. WOOCOMMERCE
---------------------------------------------------------------------------------------------------- */
ul.products li.product:not(.product-category) {
    border: 1px solid var(--light-color);
    border-radius: 24px;
    padding: 1rem !important;
}

ul.products li.product .onsale {
    font-size: 13px !important;
    padding-top: 3px!important;
    padding-right: 6px!important;
    padding-bottom: 3px!important;
    padding-left: 6px!important;
    border-radius: 25px 0px 25px 0px !important;
    background: var(--complementary-color)!important;
    color: var(--light-color)!important;
}

/*
OFERTAS 
--------------------------------*/
ul.products li.product_cat-bateria-gratis, 
ul.products li.product_cat-plan-renove { position: relative; }
  
ul.products li.product_cat-bateria-gratis::after,
ul.products li.product_cat-plan-renove::after{ 
    content: "";
    background-size: cover;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    opacity: 1;
}
ul.products li.product_cat-bateria-gratis::after {background-image: url('https://josecabreraonline.com/wp-content/themes/josecabrera/assets/img/promo-bateria-gratis.webp');}
ul.products li.product_cat-plan-renove::after {background-image: url('https://josecabreraonline.com/wp-content/themes/josecabrera/assets/img/promo-plan-renove.webp');}

/*
BARRA LATERAL 
--------------------------------*/

.bapf_sfilter {
    border-bottom: 1px solid rgba(0,0,0,.1)!important;
    margin-bottom: 0px !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem!important;
}

.widget_block:last-child {
    padding-top: 1rem!important;

}
.wc-blocks-filter-wrapper h3,
.berocket_single_filter_widget h3 {
    font-size: 1em !important;
    font-weight: 600!important;
}

.bapf_colaps_smb {
    font-size: 1em !important;
}

.bapf_body .bapf_ochild,
.bapf_body .bapf_cchild {
    font-size: 11px !important;
    float: right;
    margin-top: 8px;
}

.bapf_ckbox_sqchck input[type=checkbox] {
    width: 0.8rem!important;
    height: 0.8rem!important;
    border: 1px solid !important;
}

.bapf_ckbox_sqchck input[type=checkbox]:checked:after {
    width: 4px !important;
    height: 10px !important;
    border-bottom: 2px solid var(--secondary-color) !important;
    border-right: 2px solid var(--secondary-color) !important;
    left: 3px !important;
}

.woocommerce .woocommerce-message {
    background: transparent !important;
    border: 2px solid var(--primary-color);
    color: var(--primary-color) !important;
} 

.woocommerce .woocommerce-message .button {
    background: var(--primary-color)!important;
    color: #FFF !important;
    border-radius: 0px;
}
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info {
    background: var(--primary-color)!important;
}

ul.products li.product-category.slide--product,
ul.products li.product.slide--product {
    min-width: 320px !important;
}

.products .product .woocommerce-loop-product__title,
.products .product-category .woocommerce-loop-category__title {
    font-size: 0.875em !important;
    min-height: calc(1.5em * 3);
    font-weight: 600;
    color: var(--primary-color);
}

/* PAGINA DE CATEGORÍA DE PRODUCTO 
--------------------------------*/
.products .product-category { 
    border-bottom: none !important; 
    min-height: auto !important;
    margin-bottom: 0px!important;
}
.products .product-category .count {
    display: none!important;
}

/* SINGLE PRODUCT 
--------------------------------*/
.product .images ol.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.product .images .flex-control-thumbs li {
    width: 16.222% !important;
    margin-right: 0.5rem !important;
    margin-bottom: 1rem !important;
}

.single-product h1 {
    font-size: 1.25em !important;
    margin-right: 120px;
}

/** Imagen de marca en título de producto **/
.imagen--marca img{ 
    max-width:120px!important;
    margin-top: -60px!important;
    margin-bottom: calc(-60px + 1rem)!important;
}

.product .et_pb_wc_description strong.promo {
    padding: 4px 8px;
    background-color: var(--complementary-color);
    color: #FFF;
}

/* Producto variable */
.single-product .woocommerce-variation .woocommerce-variation-price { display: none !important;}

/* Cantidad de producto */
.woocommerce form.cart {display: flex; flex-wrap: wrap;}

.woocommerce .quantity {
    width: 100%;
    max-width: 150px;
    border: 1px solid var(--medium-color)!important;
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
}

.woocommerce .quantity input.qty {
    border: none!important;
    border-width: 0px !important;
    line-height: 100%!important;
    padding: 6px 12px!important;
    color: var(--dark-color)!important;
    background: transparent!important;
    text-align: center;
    font-size: 16px !important;

}

.woocommerce .quantity .button-qty {
    background: transparent;
    color: var(--medium-color);
    padding: 6px 12px !important;
    font-size: 16px !important;
    border: none!important;
}

.woocommerce .quantity .button-qty:hover {
    background: var(--secondary-color);
    color: var(--light-color);
}

.quantity input.qty:focus {
    color: var(--medium-color)!important;
}

.single-product .cart,
.single-product .variations_button {display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: center;}
.single-product .cart .quantity { margin-right:8px !important; margin-bottom: 8px!important; }
.single-product .cart .quantity input.qty,
.single-product .cart .quantity .button-qty{ padding: 12px!important;}

.cart input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
  
.cart input[type=number]::-webkit-inner-spin-button,
.cart input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.cart button[data-field = 'quantity']{
    background-color:transparent!important;
    border: none!important;
}

.product .et_pb_wc_description h2,
.product .et_pb_wc_description h3,
.product .et_pb_wc_description h4,
.product .et_pb_wc_description h5 { 
    font-size: 21px !important;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    color:var(--primary-color); 
}
.product .et_pb_wc_description ul { margin-top: 1rem; margin-bottom: 1rem; }
.product .et_pb_wc_description ul li { padding: 0 0 20px 14px; }

.product .woocommerce-variation-price { margin-bottom:1rem; }

table.variations tr {
    background: transparent !important;
}

/* Información adicional en producto con botones*/

/* Metodos de pago */
.items--metodo-pago { display: flex;}
.items--metodo-pago span { margin-right: 1rem!important;}
.items--metodo-pago span img { width: auto!important; max-height: 57px!important; object-fit: cover!important;}

/** Botones **/
a.video-montaje, a.instrucciones {
    display: inline-block;
    padding: 5px 15px;
    background-color: transparent;
    color: var(--secondary-color);
    text-decoration: none;
    border-radius: 1px;
    margin-top: 15px !important;
}

.single-product .et_pb_wc_description table {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.single-product .et_pb_wc_description table th {
    background: var(--light-color);
}
.single-product .et_pb_wc_description table th,
.single-product .et_pb_wc_description table td {
    padding: 8px;
    border-bottom: 1px solid var(--medium-color);
}

.single-product .et_pb_wc_description table th,
.single-product .et_pb_wc_description table td {
    text-align: right;
}
.single-product .et_pb_wc_description table th:first-child,
.single-product .et_pb_wc_description table td:first-child {
    text-align: left;
}

/* ETIQUETAS DE PRODUCTO 
--------------------------------*/
.description--brand p {
    font-size: 21px;
    line-height: 1.7em;
}

.woocommerce-Reviews .comment-form .form-submit {
    text-align: left!important;
}
.woocommerce-Reviews .comment-form .form-submit button {
    background: var(--primary-color) !important;
    color: #FFF!important;
}

.woocommerce-Reviews .comment-form .form-submit button:hover {
    background: var(--secondary-color) !important;
}

/* ## Migas de pan Finalizar compra
--------------------------------------------- */ 
.content--breadcrumbs {display: flex;justify-content: space-between;}

.content--breadcrumbs:before {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--primary-color);
    border-top-style: dashed;
    position: absolute;
    left: 0;
    top: calc(67.7px/2);
    z-index: -1;
}
.content--breadcrumbs .content--item { text-align: center;}
.content--breadcrumbs .content--item a span { background-color: #eee; border-radius: 100%; padding: 1.5rem; overflow: hidden; font-size: 16px; color: var(--primary-color); margin-bottom: 1rem; }
.content--breadcrumbs .content--item .item--step,
.content--breadcrumbs .content--item .item--title{font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}
.content--breadcrumbs .content--item .item--step {color: var(--secondary-color); font-size: 10px; margin-bottom: 0.5rem;}
.content--breadcrumbs .content--item .item--title {color: var(--medium-color); font-size: 12px;}

.woocommerce-cart .content--breadcrumbs .content--item a.item--cart span,
.woocommerce-checkout .content--breadcrumbs .content--item a.item--checkout span {background-color: var(--secondary-color)!important;}


/* PÄGINA CARRITO 
--------------------------------*/
table.shop_table_responsive tr:nth-child(odd) { background: var(--white-color) !important; }
table.shop_table tr td,
table.shop_table tr th { background: transparent !important; }

.shop_table td {
    padding: 1rem 0.5em;
    border-right: none!important;
}

.shop_table .product-name a { color: var(--primary-color)!important; }

.woocommerce-cart-form input#coupon_code {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.woocommerce a.button.alt, 
.woocommerce-page a.button.alt {
    background: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
    color: #FFF !important;
}

.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover {
    background: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important;
    color: #FFF !important;
}

.woocommerce-cart .woocommerce-cart-form .cart_item .product-quantity .quantity {margin-left:auto!important; margin-right: 0px!important;}

/* PÁGINA FINALIZAR COMPRA 
--------------------------------*/
.woocommerce input:not([type="submit"]):not([type="checkbox"]),
.woocommerce select,
.woocommerce textarea {
    border: 1px solid !important;
}
.woocommerce .select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 1rem !important;
}

.woocommerce-privacy-policy-text p {
   font-size: 15px !important;
}

.woocommerce-checkout-payment .button {
    width: 100%;
    border-radius: 0px!important;
    border-color: var(--primary-color)!important;
    background: var(--primary-color)!important;
    float: none!important;
    margin-top: 1rem !important;
    color: #FFF !important;
}

.woocommerce-checkout-payment .button:hover {
   color: var(--secondary-color) !important;
}

.mensaje-fuera-peninsula {
    background-color: var(--primary-color)!important;
    color: var(--light-color)!important;
    padding: 20px;
    font-weight: 500;
    margin: 20px 0;
}

.mensaje-fuera-peninsula > a{
    color: var(--secondary-color)!important;
}

/* PAGAR PEDIDO 
--------------------------------*/
#redsys_payment_form {
    padding-bottom: 3rem!important;
}

input#submit_redsys_payment_form {
    background-color: var(--primary-color) !important;
    border: none !important;
    color: #FFF!important;
}

input#submit_redsys_payment_form:hover {
    background-color: var(--secondary-color) !important;
}

/* MI CUENTA  
--------------------------------*/
.woocommerce-account .woocommerce { margin-bottom: 3rem!important }
.woocommerce-MyAccount-navigation { border-right:1px solid var(--light-color); }
.woocommerce-MyAccount-navigation ul { padding:0px!important }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link { list-style:none!important; position:relative; border-bottom:1px solid var(--light-color); }
.woocommerce-MyAccount-navigation ul li a {
    display: inline-flex;
    padding: 1em;
    width: 100%;
    font-weight: 500;
    color: var(--medium-color);
    transition: all 0.1s;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before {
    font-family: 'ETmodules'!important;
    margin-right: 8px;
}

li.woocommerce-MyAccount-navigation-link--dashboard a:before{ content:"\e074"; }
li.woocommerce-MyAccount-navigation-link--orders a:before{ content:"\e07a"; }
li.woocommerce-MyAccount-navigation-link--downloads a:before {content: "\e092";}
li.woocommerce-MyAccount-navigation-link--edit-address a:before {content: "\e081";}
li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\e08a";}
li.woocommerce-MyAccount-navigation-link--customer-logout a:before{ content:"\e091"; transform:rotate(90deg); }


.woocommerce-MyAccount-navigation-link.is-active a, 
.woocommerce-MyAccount-navigation-link:hover a {
    color: var(--primary-color)!important;
    border-right: 3px solid var(--secondary-color);
}

@media(min-width:768px) {}

@media(min-width:980px) {
    /* # 01. THEME
    ---------------------------------------------------------------------------------------------------- */
    h1, .h1 { font-size: 36px !important; }
    h2, .h2, 
    h3, .h3 { font-size: 27px !important; }
    h4, .h4 { font-size: 21px !important; }
    h5, .h5 { font-size: 18px !important; }
    h6, .h6 { font-size: 16px !important; }

    .font-xl { font-size: 45px !important; }

    .imagen--marca {
		position: relative!important;
        left: 0px;
	    clear: both;
    }
    .titulo--producto{ max-width:100%!important; }
    /* # 02. HEADER
    ---------------------------------------------------------------------------------------------------- */
    /* Search Ajax Pro */ 
    .contenedor_ajax_search_pro {width: calc(50% - 60px); right: 60px; }
}

@media(min-width:1024px) {
    /* # 01. THEME
    ---------------------------------------------------------------------------------------------------- */
    /* ## Layout 
    --------------------------------*/
    .sticky-0 {
        position: sticky !important;
        top: 120px !important;
    }

    /* # 02. HEADER
    ---------------------------------------------------------------------------------------------------- */
    .et_fullwidth_nav #main-header .container {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}
@media(min-width:1200px) {
    /* # 01. THEME
    ---------------------------------------------------------------------------------------------------- */
    h1, .h1 { font-size: 45px !important; }
    h2, .h2 { font-size: 36px !important; }
    h3, .h3 { font-size: 27px !important; }
    h4, .h4 { font-size: 21px !important; }
    h5, .h5 { font-size: 18px !important; }
    h6, .h6 { font-size: 16px !important; }

    .font-xl { font-size: 72px !important; }
    /* ## Layout
    --------------------------------------------- */
    .order-lg-1 { order: 1 !important; }
    .order-lg-2 { order: 2 !important; }

    /* # 02. HEADER
    ---------------------------------------------------------------------------------------------------- */
 
 
    /* # 10. WOOCOMMERCE
    ---------------------------------------------------------------------------------------------------- */
    .products .product { 
        display:flex !important; 
        flex-direction: column !important;
        flex:1;
        justify-content: space-around !important;
        min-height: 460px;
    }
    .products .product .et_shop_image {
        /*min-height: 300px;*/
    }
}

@media(max-width:1250px) {
    .imagen--marca {
		position: relative!important;
        left: 0px;
	    clear: both;}
	.titulo--producto{ max-width:100%!important; }
}
@media(max-width:1024px) {}
@media(max-width:980px){
    /* # 10. WOOCOMMERCE
    ---------------------------------------------------------------------------------------------------- */
    table.shop_table_responsive tbody td.product-thumbnail { display: block!important; text-align: center!important; background-color: var(--white-color)!important;}
    table.shop_table_responsive tbody td.product-thumbnail:before {display: none!important;}
    table.shop_table_responsive tbody td.product-thumbnail img { width: 150px;}
    table.shop_table_responsive tbody th.product-name { display: block!important;}
}