@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/*
font-family: "Inter", sans-serif;
 font-family: "Inter", sans-serif;
*/
html{ margin:0 !important;height: 100%;}
body { background: #fff; font-family: "Inter", sans-serif!important;margin:0; padding:0 !important; color: #333   !important; font-weight: 400!important; position:relative; font-size:16px!important; line-height: inherit; width:100%;height: 100%;}
h1, h2, h3, h4, h5, h6 { font-family: "Inter", sans-serif; margin: 0; color: #1f140f  ; font-weight: 700 }
h1 { font-size:35px;}h2 { font-size:25px;}h3 { font-size:20px; }h4 { font-size:16px;  }
input:focus, select:focus, textarea:focus,.btn_cerra:focus,button:focus { outline:none!important }
input, input[type="text"], input[type="file"],button { background: none; border: none;color:#1f140f  }
nav ul,ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#1f140f ; /*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
a:hover,.btn-link:hover { text-decoration:none!important;  }
p{font-family: "Inter", sans-serif!important; }
a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
:hover{}
.clear { clear:both; }
.no_padding{ padding:0}
.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
.display_table{ display: table; width: 100%; height: 100%}
.display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle}
.shared{ text-align: center;}
.shared h5{ text-transform: uppercase; font-weight: bold!important; color: #1f140f  !important}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }
i{ font-style: normal!important}
.hvr-bob{-webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
img{height: auto!important}
.overflow_hidden,.overflow_hidden .elementor-widget-wrap{overflow: hidden}


button{ cursor: pointer}
.material-symbols-outlined {  font-variation-settings:  'FILL' 0,  'wght' 300,  'GRAD' 0,  'opsz' 48}

/********************fin Reset******************/

/******************************* HEADER *****************************/

#content_header{ transition: all 400ms ease-out; padding: 0;top: 0px; left: 0; right: 0;  margin: 0 auto;position: relative; z-index: 99}
#content_header.user_logueado{} 


#markesina{ padding: 10px 0 }
#markesina .row_at{ justify-content: space-between}
#markesina p{ color: #fff!important; font-size: 14px; margin: 0 0 0 0; line-height: 14px;font-weight: 400; text-align: center}
#h_top{background: #fff; padding: 15px 0; height: auto;transition: all 500ms ease-out;}
#btn_logueo{ margin: 0 15px}
#h_top.header_fix{position: fixed; width: 100%; left: 0; top: 0; z-index: 991; transition: all 500ms ease-out; box-shadow: 0px 5px 15px rgba(0,0,0,25%) }
#btn_logueo a{color: #fff; display: flex; align-items: center; width: 28px; height: 28px }
#btn_logueo a span,.min_cart_header h5{font-size: 20px; line-height: 20px; font-weight: lighter}
#btn_logueo a span:hover,#btn_logueo a:hover i{color: #1f140f!important}
#btn_logueo i{}
#btn_logueo i svg{ width: 28px; height: 28px}

.min_cart_header {display: flex; align-items: center; transform: translateY(3px)}
.min_cart_header h5{ color: #fff;  margin-right: 10px}
.min_cart_header .xoo-wsc-sc-subt{ display: none}
.btn_inicio{ color: #fff!important; margin-right: 10px; transform: translateY(3px)}
.btn_inicio span{ color: #fff!important; font-size: 35px; line-height: 35px}

#logo_top{ display: table; width: 100%;}
#logo_top img{width: 100%}
#h_center{ width: calc(140px); }
#h_right,#h_left { width: calc(50% - 140px); }


#h_ct{padding-top: 5px; padding-bottom: 5px}
#h_right .btn_shop{ margin-right: 15px;}
.woo_header{ display: flex; align-items: center; justify-content: flex-end}
.access{  }
.access ul.menu_ppal{ display: flex; align-items: center;}
.access li{ position: relative;margin-left: 0; margin-right: 10px; padding: 5px; display: flex; align-items: center}
.access li:last-child{margin: 0!important}
.access a,.btn_menu{font-weight: 300; color:#1f140f;display: block; cursor: pointer;font-size: 18px; line-height: 18px; font-family: "Inter", sans-serif; padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 20}
.access a:hover,.btn_menu:hover, .access ul li.current-menu-item a,.access ul li.current-menu-item .btn_menu{ color: #1f140f;  }
.access li:after {}

.access li:hover:after,.access li.active:after {transition: all 400ms ease-in; width: 100%; height: 100%}

.access ul.menu_ppal li.menu-item-has-children:after {content: '';display: inline-block;width: 10px;height: 10px;border-top: 2px solid #1f140f;border-left: 2px solid #1f140f;margin-left: 3px;transform: rotate(-135deg) translateY(5px);}

.access ul .sub-menu{position: absolute;min-width: 210px;max-width: 320px;top: 47px;background: #fff;left: 0%; box-shadow: 3px 5px 5px rgba(0,0,0,15%); border-top: 2px solid #1f140f;border-bottom: 2px solid #1f140f;padding: 0px 0 0 0 !important;z-index: 9991;transform-origin: center top;transform: scaleY(0);transition: transform .2s ease .1s, visibility 0s .3s;}
.access ul.menu_ppal li:hover ul {transform-origin: center top;transform: scaleY(1);transition: transform .2s ease .1s, visibility 0s;}

.access ul .sub-menu li{ display: block; vertical-align: middle;margin: 0px!important; padding: 0 0 5px 0 }
.access ul .sub-menu li a,.access ul .sub-menu li .btn_menu{display: block; color: #1f140f !important; font-size: 13px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative; text-transform: none}
.access li.menu_bg a{background:#fff; color: #1f140f !important; font-size: 10px; padding: 5px 15px }
.access li.menu_bg a:hover{background:#1f140f ; color: #fff!important; font-size: 10px; }
.access ul .sub-menu li a:after,.access ul .sub-menu li .btn_menu:after{ display: none!important}
.access ul .sub-menu li:hover a,.access ul .sub-menu li:hover .btn_menu{background: #1f140f ; color: #fff!important }


.access ul .sub-menu li.see_all { background: rgba(142,142,142,100%); ; text-align: center}
.access ul .sub-menu li.see_all a{ display: block; text-align: center;color: #1f140f !important; font-weight: bold!important}
.sub-menu .btn_menu .arrow_menu{right: 10px!important; }
.access ul .sub-menu .sub-menu{ border-top: none; display: none;position: absolute; top: 60px!important; bottom: inherit!important; left: inherit!important; min-width: 230px!important; border-bottom: 1px solid  background: #1f140f !important; padding: 10px!important }
.access ul .sub-menu .sub-menu li{display: block; margin: 0!important}
.access ul .sub-menu .sub-menu li a{color: background: rgba(66 107 168 / 100%)!important}
.sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}

.access ul li .sub-menu li .btn_menu .arrow_menu{right: -10px!important;color: #1f140f !important; }
.access ul li .sub-menu li .btn_menu .arrow_menu:after{content:"\e688"!important;}
.access ul li .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;}
/********* SLIDER ************/

.row_at{ display: flex; align-items: center}

#banner{}


/************FORMATO formularios***************/
.form_col form{display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap}
.wpcf7 form>div, .wpcf7 form>p{ margin-bottom: 0}

.wpcf7-form{}
.wpcf7-form .wpcf7-form-control-wrap{ overflow: hidden;width: 100%; position: relative;display: inline-block; margin-bottom: 10px}
.wpcf7-form .wpcf7-form-control-wrap label{font-weight: normal; font-size: 13px}
.wpcf7-form .wpcf7-form-control-wrap input,.wpcf7-form .wpcf7-form-control-wrap textarea,.wpcf7-form .wpcf7-form-control-wrap select{background: none;  width: 100%; color:#1f140f !important; font-size: 14px;border-radius:0px;border: 1px solid #5e5e5e; font-weight: 500; padding: 10px 20px;font-family: "Inter", sans-serif;; } 
.wpcf7-form  textarea{ max-height: 65px; height: 65px; }
.wpcf7-form .btn_form{ width: 100%!important; border-radius: 0px!important; border: 1px solid transparent!important; background: #1f140f !important; color: #fff!important; padding: 10px 25px;  font-size:17px!important; text-transform: uppercase;line-height: 17px; cursor: pointer}
.wpcf7-form .btn_form:hover{ background:#1f140f!important }
.cargando {display: none;text-align: center;width: 95%;}
.resultado{	color: #1f140f  ;font-weight: 600;text-align: center;width: 95%; clear: both}
.wpcf7-form .item_form.acepto_term a,.wpcf7-form .item_form.acepto_term span{color: #183d87!important; font-size: 13px!important}

.wpcf7-form input:focus::-webkit-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }
.wpcf7-form input:focus::-moz-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form input:focus::-ms-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form input:focus::-o-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }

.wpcf7-form input::-webkit-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }
.wpcf7-form input::-moz-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form input::-ms-input-placeholder { color :#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form input::-o-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }


.wpcf7-form textarea:focus::-webkit-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }
.wpcf7-form textarea:focus::-moz-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form textarea:focus::-ms-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form textarea:focus::-o-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }

.wpcf7-form textarea::-webkit-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }
.wpcf7-form textarea::-moz-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form textarea::-ms-input-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; } 
.wpcf7-form textarea::-o-placeholder { color:#1f140f ;font-family: "Inter", sans-serif;; }

.wpcf7-form select::-webkit-input-placeholder { color:#1f140f ; }
.wpcf7-form select::-moz-placeholder { color:#1f140f ; } 
.wpcf7-form select::-ms-input-placeholder { color:#1f140f ; } 
.wpcf7-form select::-o-placeholder { color:#1f140f ; }

.wpcf7-form .ajax-loader{ display: none}
.wpcf7-form [class*='acceptance']{border: none!important}
input:-internal-autofill-selected { background: none!important}
span.wpcf7-list-item {display: inline-block;margin: 0;}

.wpcf7-form .wpcf7-list-item {display: block;margin-bottom: 0px;}
.wpcf7-form .wpcf7-list-item label {position: relative;cursor: pointer; color: #1f140f}
.wpcf7-form .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span {}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute; border-radius:5px;content: '';height: 18px;width: 18px;top: 0px;left: 0px;border: 1px solid #1f140f; border-radius: 0px}
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute; border-radius:5px;content: "";height: 18px;width: 18px;top: 0;left: 0;
visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {background: #1f140f;}
.wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;}
.wpcf7-list-item-label {margin-left: 25px; display: inline-block; font-size: 16px}
.requerido{position: absolute;color: #ff2e2a; top: 7px; left: 5px;font-size: 17px; font-weight: bold}
.wpcf7-spinner{ display: none}

#terminos{  display: flex}
#terminos .wpcf7-form-control-wrap{ width: auto!important}
#terminos  a{ color: #1f140f!important; margin-left: 10px }

  .wpcf7-form .wpcf7-list-item label {border: 1px solid #1f140f;border-radius: 0px;display: flex;height: 25px;margin: 0!important; position: relative;width: 55px; cursor: pointer}
  .btn_dif_dir input {display: none;  }
.wpcf7-form .wpcf7-list-item input[type=checkbox] + span:before {animation: move-left-36 400ms;background: none; border: 1px solid #1f140f;border-radius: 0px;content: '';left: 8px;outline: none;position: absolute;transition: background 100ms linear;width: 20px;height: 20px;left: 3px;top: 2px;}
  .wpcf7-form .wpcf7-list-item span:active {}
.wpcf7-form .wpcf7-list-item  label:hover:before{background: #1f140f; border: 1px solid #1f140f;}
  .wpcf7-form .wpcf7-list-item input[type=checkbox]:checked + span:before {animation: move-right-36 400ms;background: #1f140f; border: 1px solid #1f140f;left: 30px; }

  @keyframes move-right-36 {
    0% {left: 3px;}
    100% {left: 30px;}
  }

  @keyframes move-left-36 {
    0% {left: 30px;}
    100% {left: 3px;}
  }
/*********SECTIONS GRAL************/
.home_page{height: 100%} 
figure{position: relative}
.bg_cover{ background-size: cover!important; background-position: center bottom}
.cont_at{  width: calc(100% - 30px); max-width:1440px; padding: 0 15px; margin: 0 auto;position: relative}
#content_page.cont_at{ width: 75%}
.summary.cont_at{width: 70%}
.cont_banner,.btn_absoluto{position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.btn_absoluto{z-index: 80}
.btn_at{display: table;background: #1f140f ;font-family: "Inter", sans-serif!important;  color: #fff; font-weight: 300;padding: 10px 35px; border-radius: 0; line-height: 15px; font-size: 15px; text-transform: uppercase} 
.btn_at:hover{ background: #333 ;  color: #fff!important;} 
.btn_shop{position: relative; display: table;overflow: hidden}

.btn_ico{display: flex!important; align-items: center; justify-content: center; }
.btn_ico span{ text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 18px; margin-left: 10px}
.btn_ico i svg{ width: 30px; height: 30px}

.cont_at [class*='row_at_']  > .col_at{  padding: 5px 10px; margin: 5px; display: flex; flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
.row_at{display: flex; justify-content: center}
.row_at_1{ display:grid;grid-template-columns: repeat(1, 1fr); box-sizing: border-box;}
.row_at_2{ display:grid;grid-template-columns: repeat(2, 1fr); box-sizing: border-box;}
.row_at_3{ display:grid;grid-template-columns: repeat(3, 1fr); box-sizing: border-box;}
.row_at_4{ display:grid;grid-template-columns: repeat(4, 1fr); box-sizing: border-box;}

.row_at_3_9{ display:grid;grid-template-columns: 0.5fr 2.5fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_5_7{ display:grid;grid-template-columns: 1.2fr 1.8fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_7_5{ display:grid;grid-template-columns:  1.8fr 1.2fr;   grid-template-rows: 1fr;box-sizing: border-box;}
.row_at_2_8{ display:grid;grid-template-columns:  0.4fr 1.6fr;   grid-template-rows: 1fr;box-sizing: border-box;}

.col_at > [class*='row_at_'] .col_at{ margin:  0; padding: 5px 0}
.col_at [class*='row_at_']{ padding: 0; margin: 0}
.col_at .wpcf7-form-control-wrap{ padding: 0 5px} 

.btn_center{ margin: 10px auto; display: table}
.summary.d-table{ margin: 0 auto}
.home_section{ position: relative; padding:  45px 0 0 0}
.title_section{ font-size: 40px!important; font-weight: 400!important; margin-bottom: 45px }
.title_section b,.title_section span{ display: block}
 .header_section h3 b{}
 .header_section h3 span{color: #1f140f ; font-size: 55px; line-height: 45px}

.title_light{font-family: "Inter", sans-serif!important; font-weight: 400!important}
.title_bold{font-family: "Inter", sans-serif!important; font-weight: bold!important}

img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block;}
 
.h_100{height: 100%}
.ico_center{ display: table; margin: 0 auto}
#pagination{ text-align: center; margin: 45px auto}
#pagination ul{margin: ; padding: 0;}
#pagination ul li{ display: inline-block; vertical-align: middle}
#pagination ul li.page_start a,#pagination ul li.page_end a{ width: auto!important}
#pagination ul li.page_start{}
#pagination ul li.page_end{}
#pagination ul li a,#pagination ul li span{ border-radius: 3px; display: block;border: 1px solid rgb(0,0,0); color: rgb(0,0,0); line-height: 19px; padding: 2px 5px; height: 25px; width: 45px; margin: 0 2px}
#pagination ul li span.current,#pagination ul li:hover span,#pagination ul li:hover a{  background: rgb(0,0,0); color: #fff; }
#pagination ul li a,#pagination ul li a i{ font-size: 17px}


.btn_owl{margin-bottom: 25px!important}
.btn_owl li{margin-right: 10px}
.btn_owl .btn_nav {cursor: pointer;background: #1f140f ; color: #fff; padding: 0px 15px}
.btn_owl .btn_nav i{line-height: 35px; }
.btn_owl .btn_nav:hover { background: #f37021; }

#banner_top{position: relative; height: 200px;  background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important; overflow: hidden}
#banner_top h1,#banner_top h2,#banner_top h3{ font-family: "Inter", sans-serif;color: #1f140f; text-transform: uppercase;font-weight: 600 !important;font-size: 35px !important;line-height: 35px; position: relative;text-align: left; letter-spacing: 2px }
#banner_top h1 span,#banner_top h2 span,#banner_top h3 span{ display: table; margin-bottom: 5px }
#banner_top h1 b,#banner_top h2 b,#banner_top h3 b{text-transform: uppercase; font-size: 60px}
#banner_top .cont_at{ display: flex; height: 100%; flex-direction: column;align-items: center;justify-content: center;}

#banner_top #migas_WOO { margin-top: 20px; padding: 0!important}



.acor_at{  border: none; width: 90%; margin: 0 auto}
.acor_at .card{ border-radius: 0; border: none; margin-bottom: 10px }
.acor_at .card h4,.acor_at .summary_cont{  border: 1px solid #fff; border: none;  }
.acor_at .card h4{ text-transform: uppercase;cursor: pointer;padding: 10px 15px ; position: relative}
.acor_at .card h4:after{content: '+'; display: inline-block; position: absolute; width: 35px; height: 35px; right: 0; top: 0; bottom: 0; margin: auto;line-height: 35px;    text-align: center;}
.acor_at .card h4[aria-expanded="true"]:after{content: '-';}
.acor_at .summary_cont{padding: 20px 15px 20px 45px }
.summary_cont .summary{ padding-right: 10%}
.summary_cont .summary .sub_title{ margin: 10px 35% 35px 0%}
.summary_cont .summary ol,.summary_cont .summary ol li{list-style:decimal!important}
.summary_cont .summary ol,.summary_cont .summary ul{ margin-left: 40px}
.c_card .item_c{ margin: 0 15px; box-shadow: 0px 0px 10px rgba(6,6,6,20%); padding: 15px; border-radius: 15px }
.c_card .item_c i.ico_card{ display: table; width: 40px}
.c_card .item_c h2{ padding-right: 15%}

.list_btn li{margin-right: 15px}
.before_element,.after_element{ position: absolute; display: table}
.font_strok{font-family: "Inter", sans-serif!important;color: rgb(256,256,256,0%)!important;-webkit-text-stroke: 1px #fff;font-size: 75px;text-transform: uppercase;line-height: 60px!important; font-weight: 900!important;letter-spacing: 3px;position: relative;}

body .select2-container{z-index: 90!important}
.eael-feature-list-items {}
.entry_content ul.eael-feature-list-items li:before{ display: none}

.eael-tabs-nav li:before{ display: none!important}
/*********SECTION**grls****************/


.form_cto form  label{font-size: 18px; margin-bottom: 0; font-weight: 200; color: #222}
.form_cto form .wpcf7-form-control-wrap input{ border-radius: 0px; border: 1px solid #dadada!important; padding: 8px 10px;height: 40px; }
.form_cto form .wpcf7-form-control-wrap textarea{ border-radius: 0px; border: 1px solid #dadada!important; padding: 8px 10px;}
.form_cto form .btn_form{font-size: 22px!important; padding: 7px 45px!important}

/*********SECTION**BLOG****************/
.archive_blog #list_blog{} 

#list_blog .row_at{flex-wrap: wrap; align-items: flex-start; justify-content: flex-start}

#intro_blog{ position: relative; overflow: hidden; border-radius:20px }
#intro_blog .summary{background: #952828; width: 100%; height: 100%; display: flex; flex-direction: column; position: absolute; top: 0; left: 0; justify-content: center;padding: 20px}
#intro_blog .summary h4{color: #1f140f;  font-weight: 600; font-size: 30px}
#intro_blog .summary h3{color: #fff;  font-weight: 700; font-size: 30px; font-family: "Inter", sans-serif;;margin: 15px auto}
#intro_blog .summary p{ font-size: 20px; line-height: 25px;color: #1f140f; font-weight: 300; padding-right: 16%}
.item_blog{ margin-bottom: 30px}
.item_blog figure{ margin: 0!important; overflow: hidden; border-radius: 20px; width: 100%}
.item_blog img, #intro_blog img{ width: 100%; max-width: 100%}
#list_blog [class*='col-']{ } 
.item_blog.last_blog .row_at{ background: #FFFBE8; border-radius: 20px; padding: 20px 30px; align-items: center!important}
.item_blog.last_blog .row_at{ justify-content: space-between}
.item_blog.last_blog .row_at figure,.item_blog.last_blog .row_at .content_blog{ width: 50%}
.item_blog.last_blog  .summary_blog{ padding: 0px 15px 0px 35px}
.summary_blog ul{ display:flex; align-items: center; margin: 15px 0!important }
.summary_blog ul li{ margin-right: 20px;color: #A2A1A1}
.img_fluid { width: 100%; display: table; max-width: 100%}
.item_blog.blog_normal .row_at{ justify-content: flex-start}
.item_blog.blog_normal .content_blog{ padding-top:15px }
.item_blog h2{ font-size: 18px; line-height: 20px; color: #1f140f; font-weight: 600}
.item_blog .btn_at{ border-radius: 90px}
.fecha_blog {  text-transform: capitalize;}
#footer_blog{padding-bottom: 35px; padding-top: 35px}
.pagination_post { }
.pagination_post li{}
.pagination_post li a{display: table;border: 1px solid #fff;color: #1f140f;padding: 5px 10px;border-radius: 50px;font-size: 15px;transition: all 800ms ease-out;}
.pagination_post li a i,.pagination_post li a span{ display: inline-block; vertical-align: middle;}
.pagination_post li a i{ margin: 0 5px}
.pagination_post li a:hover{background: #1f140f;  border-color: #1f140f; color: #fff!important}
/***SIDEBAR****/
.content_sidebar .widget{ display: block; background: #fff; border: 1px solid #5e5e5e!important; padding: 10px; border: none; margin-bottom: 35px!important; margin-top: 0!important}
.content_sidebar .widget .widget_title{ font-size: 20px!importrant; margin-bottom: 10px!important; color: #1f140f ; text-transform: uppercase; text-align: center;font-weight: bold!important}
.content_sidebar .widget ul li{ position: relative;}
.content_sidebar .widget ul li:before{ content: '\f35a'; font-family:"Font Awesome 5 Free"; display: inline-block; vertical-align: middle; margin-right: 5px; color: #5e5e5e}
.content_sidebar .widget ul li a{ color: #1f140f }

#menu_categorias li{margin-bottom: 10px}
#menu_categorias li a{ display: inline-block;transition: all 400ms ease-out}
#menu_categorias li a:hover{  color: #1f140f ; transform: translateX(10px);transition: all 400ms ease-out}
#more_blog.widget li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ededed}
#more_blog.widget li:before{ display: none}
#more_blog.widget li a{ color: #1f140f }
#more_blog.widget li a:hover{ }
#more_blog.widget li a i{ width: calc(25% - 10px)}
#more_blog.widget li a span { width: calc(70%); margin-left: 10px; font-size: 13px; line-height: 14px}


/*********SECTION**page****************/
#page_general{ padding-bottom: 70px}
#cont_element{ overflow: hidden}
#cont_element .elementor-widget-text-editor{}
#cont_element .elementor-widget-text-editor .elementor-widget-container h2,#cont_element .elementor-widget-text-editor .elementor-widget-container h3,#cont_element .elementor-widget-text-editor .elementor-widget-container h4,#cont_element .elementor-widget-text-editor .elementor-widget-container h5,#cont_element .elementor-widget-text-editor .elementor-widget-container h6{ margin-bottom: 10px!important;  font-weight: 500} 

#cont_element .elementor-widget-text-editor ul,#cont_element .elementor-widget-text-editor ol{margin: 15px 0px 15px 25px!important; padding: 0}
#cont_element .elementor-widget-text-editor ul,#cont_element .elementor-widget-text-editor ul li{list-style: disc}
#cont_element .elementor-widget-text-editor ul li,#cont_element .elementor-widget-text-editor ol li{margin-bottom: 5px}
#cont_element .elementor-widget-text-editor ol,#cont_element .elementor-widget-text-editor ol li{list-style: decimal}

#cont_element .elementor-widget-text-editor p b,#cont_element .elementor-widget-text-editor p strong,#cont_element .elementor-widget-text-editor p a{color: #1f140f; font-weight: 700!important}
#cont_element .elementor-widget-text-editor p a{text-decoration: underline}
#cont_element .elementor-widget-text-editor p a:hover{color:#1f140f}
#cont_element .elementor-widget-text-editor h2{}

#content_page{  padding-bottom:0px}


.entry_content{}
.entry_content h3,.entry_content h2,.entry_content h4,.entry_content h5,.entry_content h6{ margin-bottom: 10px!important}

.entry_content .gallery a{ display: block; overflow: hidden;margin:2.5px; border: 1px solid #1f140f ;transition: all 250ms ease-out;}
.entry_content .gallery a img{ width: 100%; border: none!important;transition: all 250ms ease-out;}
.entry_content .gallery a:hover img{  transform: scale(1.05);transition: all 500ms ease-out;}
.entry_content .gallery a:hover{  transform: scale(1.1); box-shadow: 0px 0px 20px rgba(0,0,0,20%);transition: all 250ms ease-out;}
#gallery-1 .gallery-item{ margin: 0!important}
.entry_content ul{ margin-bottom: 30px!important; clear: both}
.entry_content ul li{position: relative; padding-left: 15px}
.entry_content ul li:before{ content: ''; background:#1f140f ; position: absolute; top: 7px; left: 0; display: block; vertical-align: top; width: 7px; height: 7px; border-radius: 20px}

.elementor-widget:not(:last-child){ margin-bottom: 0!important}

.entry_content blockquote{  margin: 0 auto 35px auto; display: table}
.entry_content blockquote p{ font-size: 20px; line-height: 25px}

#list_blog.cont_at{ width: 90%; }
#list_blog.cont_at #migas_WOO{ padding: 45px 0}

.entry_blog{}
.entry_blog h2,.entry_blog h3,.entry_blog h4,.entry_blog h5,.entry_blog h6{ margin-bottom: 10px!important}
.entry_blog p{ font-size: 16px!important; line-height: 25px!important}

#single_blog{padding-top: 60px}
#single_blog .cont_at{  max-width: 1040px}
#single_blog .cont_at #migas_WOO{ padding-bottom: 20px}
#single_blog .header_blog{ margin: 35px 0 55px 0  }
#single_blog .header_blog h1{ margin-bottom: 25px}
#single_blog .header_blog ul{ display: flex; align-items: center}
#single_blog .header_blog ul li{ color: #A2A1A1; margin-right: 25px; font-size: 12px; font-weight: 300}

#single_blog .img_fluid{ border-radius: 18px}
#blog_sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 95px; margin-top: 55px
}
#single_blog .row{ flex-direction: row-reverse}


/*******CTO********/

#cto_page{}

#redes_foo h3{ font-size: 13px; font-weight: 600; margin-bottom: 10px}
.redes_sociales{ padding: 0!important;}

.redes_sociales ul {list-style: none;  margin: 0;display: flex; justify-content: flex-start; align-items: center}
.redes_sociales li {} 

.redes_sociales a{ position: relative; text-align: center; display: block}
.redes_sociales a:before{ font-family: "Font Awesome 5 Brands";content: "\f415";  }
.redes_sociales a:hover:before{ }
.text_redes{}
#redes_foo{ margin: 0}
#redes_foo h4{font-size: 17px!important; line-height: 17px!important; color: #1f140f!important; font-weight: normal}
#redes_foo ul li{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
#redes_foo ul li:last-child{border: none}
#redes_foo ul a{ background: #1f140f;  width: 35px; height: 35px; border-radius:50px; line-height: 35px; font-size: 20px}
#redes_foo ul a:hover{ background: #1f140f;}
#redes_foo ul a:before{ color: #fff!important; margin: 0 5px }
#redes_foo ul a:hover:before{ color: #1f140f!important;}


.redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";}
.redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";}
.redes_sociales a[href*="dribbble.com"]:before {content: "\f17d";}
.redes_sociales a[href*="dropbox.com"]:before {	content: "\f16b";}
.redes_sociales a[href*="facebook.com"]:before {content: "\f39e"; }
.redes_sociales a[href*="flickr.com"]:before {content: "\f16e";}
.redes_sociales a[href*="foursquare.com"]:before {content: "\f180";}
.redes_sociales a[href*="plus.google.com"]:before {	content: "\f0d5";}
.redes_sociales a[href*="github.com"]:before {content: "\f09b";}
.redes_sociales a[href*="instagram.com"]:before {content: "\f16d"; }
.redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1"; }
.redes_sociales a[href*="pinterest.com"]:before {content: "\f231";}
.redes_sociales a[href*="getpocket.com"]:before {content: "\f265";}
.redes_sociales a[href*="f281 .com"]:before {content: "\f222";}
.redes_sociales a[href*="skype.com"]:before {content: "\f17e";}
.redes_sociales a[href*="twitter.com"]:before {	content: "\f099"; }
.redes_sociales a[href*="vimeo.com"]:before {content: "\f27d";}
.redes_sociales a[href*="youtube.com"]:before {	content: "\f167";}
.redes_sociales a[href*="pinterest.es"]:before {content: "\f231";}
.redes_sociales a[href*="pinterest.com"]:before {content: "\f231";}
.redes_sociales a[href*="api.whatsapp.com"]:before {content: "\f232";}
.redes_sociales a[href*="tiktok.com"]:before {content: "\e07b";}

.text_redes{ display: none }



#beneficios{padding: 45px 0;position: relative; overflow: hidden}
#beneficios .cont_at{ width: 100%; display: flex; align-items: center; justify-content: space-evenly; }
#beneficios .row_at{ display: flex; align-items: center; justify-content: space-evenly; }
#beneficios .item_bene{cursor: pointer;display: flex; align-items: center; padding: 0 2%;transition: all 400ms ease-out; }
#beneficios .item_bene:hover{ transform: scale(1.05);transition: all 400ms ease-out;}
#beneficios .item_bene .text_bene{ margin-left: 15px }
#beneficios .item_bene .text_bene h5{ text-transform: uppercase; font-size: 13px}
#beneficios .item_bene .text_bene p{margin-bottom: 0!important; font-size: 13px}
#beneficios .item_bene i{ width: 60px; height: 60px} 



/**********FOOTER****************/
#content_footer{position: relative;padding: 50px 0 0 0; background: #1f140f;  }

#foo_top{margin-bottom: 35px; width: 90%}
#foo_top .row{}

.foo_ATM{ width: calc(100% / 4)}
.item_foo_redes{ display: flex; align-items: center;justify-content: center; margin-bottom: 35px}
h3.title_foo {text-transform: uppercase; font-size: 14px; margin-bottom: 14px; letter-spacing: 2px;color: #fff}}
h3.title_foo span{color: #fff} 

#info_cto li { color: #fff; font-size: 14px; line-height: 14px; }
.foo_menu li,#info_cto li{ margin-bottom: 15px}
.foo_menu li a{ font-size: 14px; line-height: 14px; color: #fff; display: table}
.foo_menu li a:hover{color: #fff; text-decoration: underline!important}
.foo_info{ display: flex;flex-direction: column;align-items: flex-start;width: 100%;flex-wrap: wrap;margin: 0 auto;}

#foo_2 .item_foo{display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 10%}
#boletin p{ color: #fff; font-size: 14px; line-height: 26px}
#boletin form{ position: relative}
#boletin .wpcf7-text{ border: none; border-bottom: 2px solid #fff!important; font-size: 13px; color: #fff!important; font-weight: 300; letter-spacing: 2px}
#boletin .requerido{color:#fff; font-weight: 400 }
#boletin input:focus::-webkit-input-placeholder { color:#fff ; }
#boletin input:focus::-moz-placeholder { color:#fff ; } 
#boletin input:focus::-ms-input-placeholder { color:#fff ; } 
#boletin input:focus::-o-placeholder { color:#fff ; }

#boletin input::-webkit-input-placeholder { color:#fff ; }
#boletin input::-moz-placeholder { color:#fff ; } 
#boletin input::-ms-input-placeholder { color :#fff ; } 
#boletin input::-o-placeholder { color:#fff ; }
#boletin .btn_boletin{position: absolute;font-size: 17px;width: 35px;height: 35px;border: none;;cursor: pointer; color: #fff; top: 0;right: 0px}

#iconos_foo{margin: 15px 0!important}
#iconos_foo li span{ font-size: 18px;    color: #fff ; }

#text_foo .cont_at{ border-top: 1px solid #fff; padding-top: 15px; padding-bottom: 10px}
#metod_shop{margin-top: 15px}
#metod_shop h3.title_foo{margin-bottom: 10px}
#text_foo{padding: 10px 0; background: #1f140f ; text-align: center; }
#text_foo p{ color: #fff; margin-bottom: 0!important; font-size: 11px; line-height: 11px; text-transform:uppercase}
#anchor_at{ font-size: 11px; color: #fff!important; text-transform:uppercase}
#text_foo span.separar_anchor{margin: 0 10px; color: #fff}
#anchor_at i{ width: 15px; display: inline-block; margin-right: 5px}
/**********CCS*MB****************/
#menu:focus{outline: none!important}
    #menu{width: 45px;height: 45px;  border-radius: 5px; overflow: hidden;display: none; vertical-align: middle;border: none;position: relative; z-index: 9999; margin: 0px 15px 0px 0px}
    #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content: center;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto}
    .linea_menu{ background: #1f140f; display: inline-block; text-align: right;width: 65%; height: 2px; margin: 3px auto;transition: all 400ms ease-out;}

    #menu:hover .linea_2{ margin: 4px auto}
#menu.on{ }
    #menu.on .linea_2{ width: 0}
    #menu.on .linea_1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(45deg)}
    #menu.on .linea_3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(-45deg)}
    #menu.on .linea_menu{ background: #1f140f; }
.xoo-wsc-basket .xoo-wsc-icon-basket1:before{content: "\e911";}

#logo_mb{width: 75px; display: table; margin: 0 auto}
.h_left,.h_center,.h_right{ width:33.333%}
#acor_info_foo{margin: 0px 15px}
#acor_info_foo .card{margin-bottom: 10px; border: none; background: none; border-radius: 0}
#acor_info_foo .card-header{ background: none!important;padding:0px; border: none!Important}
#acor_info_foo .card-header button{position: relative;background: none; display: flex; align-items: center; justify-content: space-between;border-radius: 0px; border: 1px solid #1f140f; text-transform: uppercase; color: #1f140f; font-size: 15px; text-align: left!important; padding: 5px 10px}
#acor_info_foo .card-header button:after{ content: '+'; display: inline-block; width: 35px; height: 100%; color: #1f140f; font-size: 25px; background: transparent; position: absolute; top: 0; right: 0; border-left: 1px solid #1f140f; font-weight: 300; text-align: center; line-height: 32px}

#nav_mb{padding: 5px 0; background: #1f140f; width: 100%; left: 0; bottom: -100%;  z-index: 1;transition: all 300ms ease-out; box-shadow: 0px 0px 10px rgba(0,0,0,20%); position: fixed}
#nav_mb li{ width: calc(20%); display: flex; align-items: center;justify-content: center; flex-direction: column}
#nav_mb li a{ display: flex; align-items: center;justify-content: center; flex-direction: column}
#nav_mb li a span{display: table}

#nav_mb li a .cart-count{ font-size: 12px; color: #1f140f!important}
#nav_mb li .text_menu,#nav_mb li a span{ font-size: 12px; color: #fff!important}
#nav_mb li i{ color: #fff; width: 25px; height: 25px }
#nav_mb li .wc-sidecart-trigger { transform: translate(0)!important}
#nav_mb li .wc-sidecart-trigger svg {fill: #fff !important;    }
#nav_mb li i svg{ width: 25px; height: 25px}
#nav_mb li i svg path{ stroke-width:1px; stroke:#fff}

#nav_mb li#btn_home i svg{ width: 23px; height: 23px}
#nav_mb li#btn_home i svg path{stroke-width:2.3px;fill: none;stroke: #fff;stroke-linecap: round;stroke-linejoin: round;}
#nav_mb li#btn_search i svg{ width: 18px; height: 18px; }
#nav_mb li#btn_more i svg{  transform: rotate(90deg)}
#nav_mb li#btn_search i svg path{ stroke-width: 8.5px;}

#foo_mobil{ background:#1f140f; padding-top: 20px; padding-bottom: 55px }
#foo_mobil #foo_top{margin-bottom: 0px; padding: 35px 10px}
#foo_mobil #anchor_at,#foo_mobil #text_foo p{ font-size: 8px; line-height: 8px}

/**********CCS*MB****************/

                                
@media only screen and (max-width: 1920px){
    
}
@media only screen and (max-width: 1440px){

    
}

@media only screen and (max-width: 1350px){

   
}
@media only screen and (max-width: 1280px){
   
    
}
@media only screen and (max-width: 1200px){
  
    
}
@media only screen and (max-width: 1170px){
   
   
    
}
@media only screen and (max-width: 1024px){
    .container,.cont_at{ max-width: 100%; width: 100%; padding: 0 15px}
    #content_page.cont_at{ max-width: 100%; width: 100%;}
    #content_header{padding: 0!important; }
      #banner_top{ height: 100px; margin-bottom: 35px} 
    #h_left {    width: calc(50%) ; display: flex; align-items: center}
    #logo_top{ width: 60px}
    #h_right {    width: calc(50%); display: flex; justify-content: flex-end; align-items: center}
    .wc-sidecart-trigger{ transform: translateX(-20px)}
    .wc-sidecart-trigger svg{}
    .access{width: 100%}
    
    #menu{ display: inline-block;}
    .access{ background: #fff!important; display: none; position: fixed; right: 0; height: 100%; width: 70%; z-index: 9999}
    .access ul.menu_ppal{ display: flex; flex-direction: column; justify-content: center; padding-top: 40px!important}
    .access ul.menu_ppal li{ text-align: center;  margin: 0 0 10px 0 }
    .access ul.menu_ppal li a{ color:#1f140f ;  text-transform: uppercase;border-radius: 5px; font-size: 20px; padding: 5px; display: table; margin: 0 auto!important; font-weight: 600!important}
    #widget_prod_ATM{padding: 0 10px}


}

@media only screen and (max-width: 980px){

}
@media only screen and (max-width: 768px){

      #tabs_filter{ display: flex; justify-content:  space-between; flex-wrap: wrap;align-items: center; width: 100%; margin-bottom: 20px; padding: 0 10px}
    #tabs_filter .item_tab{ width: calc(50% - 4%); margin: 0 1%; display: flex; align-items: center}
    #tabs_filter .item_tab a,#tabs_filter .item_tab button{ background: #fff; padding: 3px 10px;display: flex; justify-content: space-between; width: 100%; align-items: center; color: #1f140f!important; border-radius: 0px; border: 1px solid #1f140f; }
    #tabs_filter .item_tab a span,#tabs_filter .item_tab button span{  font-size: 14px; line-height: 14px; text-transform: uppercase}
    #tabs_filter .item_tab i{ margin-left: 10px}
    .filters_at{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: 15px; z-index: 9999}
    #cerrar_tab{ width: 25px; height: 25px; line-height: 25px; text-align: center;position: absolute; top: 10px; right: 10px; border: 1px solid #1f140f; border-radius: 30px; padding: 0}
    #buscar_mb{ display: none; width: 100%; padding: 0 10px}
    #btn_search{ color:#fff }
    

}

@media only screen and (max-width: 767px){
    #banner_top{ height: 130px; margin-bottom: 35px}
    #h_top{padding: 5px}
    #h_left, #h_right, #h_center{    width: calc(33.33%); display: flex; align-items: center}
    #logo_top{ width: 50px;; margin: 0 auto}
    
    .access{width: 100%}
   
    #menu{ margin: 0 0 0 0}
    #page_general{ padding-bottom: 45px}
    #customer_login, .form_col form [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
    .form_col form [class*='col-']{padding: 0!important}
   
    #text_foo .cont_at{width: 90%; padding: 0!important}
   
    #banner_top{ margin-bottom: 0!important; height: 100px; background-position: center left!important}
    #banner_top h1, #banner_top h2, #banner_top h3{font-size: 20px!important; transform: translateY(13px);line-height: 20px; background: #1f140f;}
    #beneficios {padding-bottom: 20px }
    #beneficios .cont_at{ justify-content: flex-start; align-items: flex-start;}
    #beneficios .cont_at .item_bene{ width: calc(100% / 2); flex-direction: column; margin-bottom: 25px}
    #beneficios .cont_at .text_bene{ margin: 0!important;  text-align: center}
    #beneficios .cont_at .text_bene h5{ font-size: 14px;   margin-top: 10px;}
    #beneficios .item_bene i, #beneficios .item_bene i svg{ width: 45px; height: 45px}
    #foo_1.foo_ATM { width: 100%; justify-content: center !important; margin-bottom: 35px}
    #foo_1.foo_ATM .redes_sociales ul{ justify-content: center}
    #text_foo_2 .row_at{ flex-direction: column}
    #metod_shop{ margin: 15px}
    #logo_foo{ display: table; width: 200px; margin:0 auto;  }
    .item_prod_ATM .btn_shop i{ display: none}
}

@media only screen and (max-width: 450px){

}