@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Hachi+Maru+Pop&display=swap');
 
:root{ 
    --nunito: 'Nunito', sans-serif;
    --poppins:'Poppins', sans-serif;
    --chela:'Overpass Mono', monospace;
    --Franklin:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    --abril:'Abril Fatface', cursive;
    --conforter: 'Comforter', cursive;
    --federica: 'Fredericka the Great', cursive;
    --oswald:'Oswald', sans-serif;
    --sans:'Work Sans', sans-serif;
    --darker:'Darker Grotesque', sans-serif;
    --Dyna: "DynaPuff", system-ui;
    --hachi: "Hachi Maru Pop", cursive;


}
body{ margin:0; padding:0; background:rgb(245, 245, 245);width: 100%; overflow-x: hidden;}
#rta{margin: 0; padding: 0;}
#rtal{margin: 0; padding: 0;}
#cont{margin: 0; padding: 0px 0 0 0;position: relative;}

/*--------HEAD--------*/
.nav1{ width: calc(100% - 10%);display: table;  position: relative;background: rgb(255, 255, 255); margin: 0px 0 0 0; padding: 15px 5% 10px 5%;z-index: 5;}
.nav1 .top{display:inline;}
.nav1 .top .logo{float: left; margin: 0 30px 0 0;}
.nav1 .top .logo a{text-decoration: none; margin: 0; padding: 0;}
.nav1 .top .logo a img{height: 60px; margin: 0; padding: 0;}
.nav1 .top .buscador{position: relative;box-sizing: border-box; display: block; float: left;width: 40%; margin: 10px 0 0 5%;}
.nav1 .top .buscador input{width: 100%;box-sizing: border-box; height: 40px; padding: 5px 10px; border: 1.5px solid gray;font-size: 14px; outline: none; border-radius: 5px;font-family: var(--nunito);}
.nav1 .top .buscador input::placeholder{color: gray; font-family: var(--nunito);}
.nav1 .top .optlt{float: right; column-count: 3; margin: 20px 0 0 0;}
.nav1 .top .optlt a{display: block; font-size: 16px; margin: 0; padding: 0 0 10px 0;font-weight: 400; color: gray;font-family: var(--nunito); border-bottom: 2px solid transparent; text-decoration: none; cursor: pointer;transition: 1s;}
.nav1 .top .optlt a:hover{border-bottom: 2px solid rgb(0, 150, 250);}
.nav1 .top .optltl{float: right; display: none; margin: 0px 40px 0 0;}
.nav1 .top .optltl button{border: none; outline: none; background: none; pointer-events: initial; font-size: 13px; color: gray; font-family: sans-serif;}
.nav1 .top .optltl img{width: 33px; margin: 0; padding: 0;}
.nav1 .top .optlt2{float: left; display: none; margin: 0px 0px 0 20px;}
.nav1 .top .optlt2 button{border: none; outline: none; background: none; pointer-events: initial; font-size: 13px; color: gray; font-family: sans-serif;}
.nav1 .top .optlt2 img{width: 33px; margin: 0; padding: 0;}

.nav2{position: relative;display: block; box-sizing: border-box; width: 100%;text-align: center;height: 50px;background: rgb(250, 250, 250); padding: 1px 5% 0 2%;margin: 0px 0% 0 0;z-index: 4;}
.boton_derecha{position: absolute;display:  block !important;bottom: 1px; left: 0px;margin: 0px 0 0px 0;padding: 10px 3px 10px 5px;outline: none;border: none; cursor: pointer;z-index: 2; background: rgba(226, 226, 226, 0.4);}
.boton_derecha img{height: 16px;padding: 4px 7px 0 5px;}
.boton_izquierda{position: absolute;display:  block !important;bottom: 1px; right:0px;margin:0px 0 0px 0;padding:10px 5px 10px 3px;outline: none;border: none; cursor: pointer;z-index: 20; background: rgba(226, 226, 226, 0.4);}
.boton_izquierda img{height: 16px;padding: 4px 5px 0 7px;}
.nav2 .ul_c{width: auto;max-width: 100%; display: inline-flex;margin: 0 auto;padding: 0; list-style: none;overflow-x: scroll;scroll-behavior: smooth;}
.nav2 .ul_c::-webkit-scrollbar{display: none;}
.nav2 .ul_c .li_c{position: relative;display: table;width: auto;white-space: nowrap;padding: 4px 0;margin: 0; cursor: pointer;}
.nav2 .ul_c .li_c:first-child {padding: 0px !important;}
.nav2 .ul_c .li_c:hover > a {border-bottom: 2px solid rgb(139, 221, 231);}
.nav2 .ul_c .li_c a{display:table;font-weight: 400; min-width: 70px; padding: 5px 25px 8px 25px;margin: 2px; color: gray;background: white; font-family: var(--nunito); font-size: 12px;text-decoration: none;border-bottom: 2px solid transparent;}
.nav2 .ul_c .li_c .cima{opacity:0.4;width: 30px; top: 0;right: -20px;  margin: 0px 10px -8px 0px; padding: 0 0 0px 0;}
.nav2 .ul_c .li_c .imgr{opacity:0.4;width: 30px; top: 0;right: 20px; margin: 0px -10px -8px 0px; padding: 0 0 0px 0;}
.nav2 .ul_c .li_c:hover > ul{display: block;opacity: 1;}
.nav2 .ul_c .li_c:hover img{opacity: 1;}
.nav2 .ul_c .li_c ul{display:none ;opacity: 0; position: relative; width: calc(100% + 60px); margin: 10px 0px 0 -30px;padding: 0px 0px 5px 0; background: none;list-style: none; text-align:center ; z-index: 2;}
.nav2 .ul_c .li_c ul li:first-child{padding:  5px 0px 0 0px;border-bottom: 2px solid transparent; }
.nav2 .ul_c .li_c ul li{width: 100%; margin: 0; padding: 0px 0px; text-align: center;background: white;}
.nav2 .ul_c .li_c ul li:hover > a{border-bottom: 2px solid rgb(139, 221, 231);padding: 10px;margin: 0;}
.nav2 .ul_c .li_c ul li a{width: calc(100% - 20px); background: rgb(240, 240, 240); color: gray;font-size: 12px;font-weight: 400;padding: 10px;font-family: var(--nunito);margin: 0; border-bottom: 2px solid transparent;}

.nav3{display: none;position: fixed; width: 100%;top: 0; height: 100vh; background: rgba(151, 181, 190, 0.6);overflow-y:scroll; padding: 0; z-index: 10;animation: faderight 0.4s;}
.nav3::-webkit-scrollbar{display: block;width: 4px;}
.nav3 article{width: 80%;max-width: 400px; min-width: 280px; padding: 30px 0 30px 0; margin: 0;background: rgb(255, 255, 255);min-height: 100vh;}
.nav3 article .namen {width: 100%; height: 60px; margin: 0; padding: 0;}
.nav3 article .namen .btn_close{width: auto; float: right; padding: 7px 8px 4px 8px;margin: 10px 10px 0 0 ; border: 1px solid rgb(220, 220, 220);outline: none; border-radius: 3px; background: white; font-family: var(--nunito); font-weight: 400; font-size: 12px; color: rgb(170, 170, 170);cursor: pointer;}
.nav3 article .namen .btn_close:hover{color: rgb(16, 179, 196);}
.nav3 article .namen .btn_close img{height: 13px;margin: 0 5px 0 0;}
.nav3 article .ul_cres{width: 80%; margin: 0 10% ; padding: 0 0 0px 0;list-style: none; text-align: center;}
.nav3 article .ul_cres .li_cres.sscat a img{display: initial; width: 15px; height: 15px; margin: 0 0 0 10px;}
.nav3 article .ul_cres .li_cres{display: table; width: 100%; margin: 0 auto; padding: 5px 0 2px 0;text-align: center;}
.nav3 article .ul_cres .li_cres a img{display: none; width: 15px; height: 15px; margin: 0 0 0 0px;padding: 0;}
.nav3 article .ul_cres .li_cres a{width: 100%; display: block; margin: 0; padding: 10px 0 ; color: black; text-decoration: none; font-family: var(--sans); font-size: 20px; font-weight: 600;}
.nav3 article .ul_cres .li_cres a::first-letter{text-transform: uppercase;}
.nav3 article .ul_cres .li_cres ul{list-style: none;width: 100%; margin: 0; padding: 0px 0;text-align: center;}
.nav3 article .ul_cres .li_cres ul li{width: calc(50% - 4px); margin: 5px 2px; float: left;}
.nav3 article .ul_cres .li_cres ul li a{width: 100%; display: block; margin: 0; padding: 10px 0 ; color: gray;background: rgb(230, 230, 230); text-decoration: none; font-family: var(--nunito); font-size: 14px; font-weight: 500;}

.pre_fl_perf{position: fixed;display: none;align-content: center; width: 100%;height: 100vh; text-align: center;align-items: center; right: 0;top: 0px; background: rgba(132, 132, 132, 0.5);margin: 0px 0 0 0;padding:0;z-index: 10;transition: ease all 1s;}
.section_float_perfil{display: block;text-align: center; margin:0 calc(50% - 100px);top: 200px; padding: 5px; width: 200px; min-height: 200px; background: white;z-index: 11;animation: fadeleft 0.3s; box-shadow: 0 0 5px 0 rgb(220, 220, 220);border-radius: 5px;}
.section_float_perfil h3{width: 100%;display: table;margin: 50px 0 0 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: gray; text-align: center; }
.section_float_perfil .btn_cl_musr{width: auto; float: right; padding: 7px 8px 4px 8px;margin: 0 0 20px 0; border: 1px solid rgb(220, 220, 220);outline: none; border-radius: 3px; background: none; font-family: var(--nunito); font-weight: 400; font-size: 12px; color: rgb(170, 170, 170);cursor: pointer;}
.section_float_perfil .btn_cl_musr:hover{color: rgb(16, 179, 196);}
.section_float_perfil .btn_cl_musr img{height: 13px;margin: 0 5px 0 0;}
.section_float_perfil a{display: table;text-align: left; width: 80%;padding: 10px 5px; background: rgb(247, 247, 247); margin: 12px 10%; text-decoration: none; font-family: var(--nunito); font-size: 14px; color: rgb(170, 170, 170); font-weight: 400;border-radius: 4px;}
.section_float_perfil a img{height: 20px;margin: 0 8px -3px 0; padding: 0;}
.section_float_perfil a span{ background: rgb(16, 179, 196); font-weight: 600; font-family: var(--nunito);color: white;min-width: 20px; border-radius: 50%; padding: 2px 7px;}
.section_float_perfil a:hover{color: rgb(16, 179, 196);}
.section_float_perfil p{width: 100%; display: table; padding: 10px 0 0 0; font-family: var(--nunito); font-weight: 400; font-size: 13px; color: rgb(170, 170, 170);}

.res_bu{position: fixed;display: none;align-content: center; width: 100%;height: 100vh; right: 0;top: 0px; background: rgba(132, 132, 132, 0.5);margin: 0px 0 0 0;padding:0;z-index: 10;transition: ease all 1s;}
.res_bu .sub_res_bus{position: relative;top: 10px; width: 100%;max-width: 500px;padding:20px 0 0px 0; margin: 0px auto; height: 100vh;overflow-y: scroll;background: white;transition: ease all 1s; animation: fadeup 1s;}
.res_bu .sub_res_bus h3 button{width: auto; float: right; padding: 7px 8px 4px 8px;margin: -15px 30px 10px 0; border: 1px solid rgb(220, 220, 220);outline: none; border-radius: 3px; background: none; font-family: var(--nunito); font-weight: 400; font-size: 12px; color: rgb(170, 170, 170);cursor: pointer;}
.res_bu .sub_res_bus h3 button:hover{color: rgb(0, 150, 250);}
.res_bu .sub_res_bus h3 button img{height: 13px;margin: 0 5px 0 0;}
.res_bu .sub_res_bus .catbbus{width: 100%;position: relative;display: block; margin: 0; padding: 15px 0;}
.res_bu .sub_res_bus .inp_bus{width: calc(80% - 2px);font-size: 15px; margin: 0 10% 30px 10%;  padding: 10px 0; text-align: center; border: 1px solid rgb(200, 200, 200); outline: none; border-radius: 3px;color: gray; background: none; cursor: pointer;}
.res_bu .sub_res_bus .inp_bus::placeholder{color: rgb(200, 200, 200);}
.res_bu .sub_res_bus .imgf{width: 20px;position: absolute;left: 0; margin: 80px 0 0 10px;z-index: 23;}
.res_bu .sub_res_bus select{text-align: center;margin: 20px 0 0 0; background: none; border-bottom: none;border-top: none; border-left: none;border-right: none; outline: none; color: rgb(170, 170, 170);font-size: 17px;padding: 20px 0px 0 0; font-family: Arial, Helvetica, sans-serif; box-shadow: none;}
.res_bu .sub_res_bus select:focus{outline: none; border: none;box-shadow: none;background: none;}
.res_bu .sub_res_bus select option{margin: 50px 5px;font-size: 17px;font-family: Arial, Helvetica, sans-serif;outline: none; text-align: center; border: none;background: none; }
.res_bu .sub_res_bus select option:focus{outline: none; border: none;background: none;}
.res_bu .sub_res_bus .resp_bus{box-sizing: border-box; width: 100%;margin: 16px 0 0 0; padding: 0 10px 130px 10px; }
.res_bu .sub_res_bus .resp_bus .file_res_pr{box-sizing: border-box;background: rgb(240, 240, 240); width: 84%; display: table; margin: 16px 0% 16px 10%; padding: 10px 3% 10px 3%; border-radius: 5px;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblimg{width: 35%; float: left; margin: 0; padding: 0;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblimg img{width: 90%; margin: 5px 5%; height: 130px; object-fit: cover;border-radius: 5px;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf{width: 61%; float: left; margin: 15px 2% 0 2%; padding: 0;} 
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .tit{display: block; width: 100%; margin: 0px 0 0 0; padding: 0px 0 0 0;text-decoration: none; color:gray; font-family: var(--nunito); font-weight: 400; font-size: 15px;border: none ;height: 30px;overflow: hidden;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .tit::first-letter{text-transform: uppercase;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf h4{width: 100%; color: rgb(100, 100, 100); font-size: 14px; height: 45px;margin: 0; padding: 0;font-family: var(--nunito); font-weight: 500;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf h4 span{display: table; height: 15px; width: 100%; font-size: 11px;text-decoration-line: line-through;font-weight: 600;opacity: 0.6;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf h4 span.blue{color: rgb(16, 179, 196);}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf h4 span.orange{color: orange;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf h4 span.red{color: rgb(238, 74, 25);}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .ve{box-sizing: border-box; width: 30px;display: block; text-align: center; float: left; padding: 4px 1px 2px 1px; border-radius: 4px; background: none; border: none; outline: none;cursor: pointer;border: 1px solid rgb(230, 230, 230);}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .ve img{width: 18px;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .ve:hover{background: rgb(230, 230, 230);}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .carb{box-sizing: border-box; width: calc(100% - 70px);float: left;padding: 7px 0; margin: 0 5px; border: 1px solid rgb(220, 220, 220); border-radius: 5px; background: none; outline: none; color: gray; font-family: var(--nunito); font-weight: 400; font-size: 13px;cursor: pointer;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .carb img{width: 16px;margin: 0 0 -5px 3px;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .carb:hover{background: rgb(230, 230, 230);color: rgb(16, 179, 196);}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .favb{box-sizing: border-box; width: 30px;float: left;padding: 5px 1px 2px 1px;margin: 1px 0 0 0; border-radius: 4px; background: rgb(110, 198, 222); border: none; outline: none;cursor: pointer;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .favb img{width: 18px;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .favb.none{display: none;}
.res_bu .sub_res_bus .resp_bus .file_res_pr .fblinf .favb:hover{background: rgb(139, 221, 231);}
.res_bu .n_re_bus{width: 100%; margin: 15px 0 0 0; padding: 0; text-align: center;}
.res_bu .n_re_bus img{width: 32px; margin: 0; padding: 0;}
.res_bu .n_re_bus p{font-family: var(--nunito); color: rgb(190, 190, 190); margin: 8px 0 0 0; padding: 0; font-weight: 400; font-size: 15px;}
@media screen and (max-width:1100px){
  .nav1{ width: 98% ; padding: 15px 1% 10px 1%;}
}
@media screen and (max-width:1000px){
  .nav1{ width: 98% ; padding: 15px 1% 10px 1%;}
  .nav1 .top .optlt{display: none;}
  .nav1 .top .optltl{display: initial;}
  .nav1 .top .logo{margin: 0 0 0 40px;}
  .content_index #container-slider .arrowNext {right: -10px;}
  .content_index #container-slider .arrowPrev {left: -10px;}
}
@media screen and (max-width:600px){
  .nav1{ width: 98% ; height: 44px; padding: 15px 1% 10px 1%;}
  .nav1 .top .optltl{display: initial; top: 0px;left: 20px;position: absolute; margin: 10px 0px 0 0;}
  .nav1 .top .optlt2{display: initial;top: 0px;right: 20px;position: absolute; margin: 10px 0px 0 0;}
  .nav1 .top .logo{display: none;}
  .nav1 .top .logo a img{height: 45px;margin: 0 0 0 -20px;}
  .nav1{ width: 98% ; padding: 15px 1% 10px 1%;}
  .nav1 .top .optlt{display: none;}
  .nav1 .top .buscador{display: none; width: 90%; margin:0 5%;}
  .btn_rigth_scroll_main img{height: 16px;padding: 4px 0px 0 7px;}
  .btn_left_scroll_main img{height: 16px;padding: 4px 7px 0 0px;}
}

/*--------------------------fromulario de login y registro--------------------------*/
.form_float_regis{position: relative; width: 100%;}
.form_float_regis .section1{position: relative;box-sizing: border-box; width: 100%; min-height: 400px; max-width: 400px;padding: 20px; background: white; margin: 30px auto;border-radius: 5px;}
.form_float_regis .section1 .tit_regis{width: 100%; margin: 0; padding: 30px 0 10px 0 ; text-align: center; color: rgb(110, 198, 222); font-family: var(--poppins); font-weight: 600;letter-spacing: 1; font-size: 24px;}
.form_float_regis .section1 .line_h2_reg{display: block; margin: 4px auto 10px auto; width:80px; height: 3px;background: linear-gradient( 135deg, rgb(240, 225, 93) 10%, rgb(232, 190, 94) 100%);}
.form_regis {position: relative; width: 92%; margin: 0 4% 0 4%;padding: 0;text-align: center;}
.form_regis .label_regis{width: 100%; margin: 10px 0 5px 0 ; padding: 0; font-size: 12px; color: gray; font-weight: 400; font-family: var(--poppins);text-align: left;}
.form_regis .input_registro{box-sizing: border-box; width: 100%; margin: 0;padding: 10px; font-size: 14px; font-family: var(--nunito);color: gray; border: 1px solid rgb(220, 220, 220); border-radius: 5px;background:none;outline: none;}
.form_regis .input_registro:focus{border-bottom: 2px solid rgb(9, 115, 176);}
.form_regis .input_registro::placeholder{color:rgb(200, 200, 200); font-family: var(--nunito); font-size: 12px;font-weight: 400;}
.form_regis .label_error{height: 16px; width: 100%; font-size: 12px; margin: 0 0 -5px 0; text-align: center; padding: 0; color: rgb(170, 170, 170); font-family: var(--nunito); font-weight: 400;}
.terminos_condiciones{width: 100%; margin: 7px 0 6px 0; padding: 0;display: flex;text-align: center;}
.terminos_condiciones input{width: 14px; height: 14px; border: 2px solid gray;margin: 3px 2px 0px 0;}
.terminos_condiciones button{border: none; outline: none; background: none; color: gray; font-family: var(--nunito); font-weight: 600; font-size: 12px; margin:0; padding: 0; cursor: pointer;}
.registro_submit{text-align: center; margin: 10px auto; width: 120px; padding: 7px 15px; font-size: 12px; font-family: var(--poppins); font-weight: 600; color: white;background: linear-gradient( 135deg, rgb(240, 225, 93) 10%, rgb(232, 190, 94) 100%); outline: none; border-radius: 20px; border: none; position: inherit;cursor: pointer;}
.registro_submit:hover{opacity: 0.7;}
.regis_ya_count{width: 100%; text-align: center; margin: 12px 0 0 0; padding: 0 0 30px 0; font-size: 14px; font-family: var(--nunito); font-weight: 400; color: gray;}
.regis_ya_count button{position: relative; border: none; outline: none;cursor: pointer; background: none; font-family: var(--nunito); font-size: 16px; font-weight: 600; color:rgb(16, 179, 196); margin: 0px 0 -15px 0 ; padding: 0; border-bottom: 1px  solid rgb(16, 179, 196);}

.alerts_form_log{position: fixed; z-index: 13; width: 100%; height: 100vh; margin: 0; padding: 0; background: rgba(234, 234, 234, 0.6);}
.alerts_form_log .campo_alert{ position: relative; box-sizing: border-box; width: 250px; height: 150px;top: calc(50vh - 75px); left: calc(50% - 125px); background: white; padding: 8px; text-align: center;box-shadow: 0 0 5px 0 rgb(170, 170, 170); animation: fadein 1s;border-radius: 5px;}
.alerts_form_log .campo_alert img{width: 30px; padding: 30px 0 0 0;}
.alerts_form_log .campo_alert h2{ font-size: 15px; margin: 0; padding: 10px 0 0 0;font-family: var(--nunito); font-weight: 500; color: gray;}

/*-------index------------*/
.content_index{width: calc(100% - 0px); margin: 0 0px;padding: 0px 0px 0px 0px; background: white;}
.content_index #container-slider{position: relative;display: block;width: 100%;box-sizing: border-box;margin: 0%; padding: 0;}
.content_index #slider {position: relative;display: block;width: 100%;height: 450px;min-height: 50vh; margin: 0; padding: 0;}
.content_index #slider li {z-index: -1;opacity: 0;background: white; position: absolute !important;top: 0 !important;left: 0 !important;width: 100%;height: 100%;display: block;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.content_index #container-slider .arrowPrev{cursor: pointer;display: initial; position: absolute; top: 50%;left:10px;z-index: 2;}
.content_index #container-slider .arrowPrev img{width: 20px;box-shadow: 0 0 5px 0 white; background: rgba(133, 133, 133, 0.4);padding: 7px;border-radius: 50%;}
.content_index #container-slider .arrowPrev img:hover{background: rgba(0, 150, 250, 0.7);}
.content_index #container-slider .arrowNext{cursor: pointer;display: initial; position: absolute;top: 50%;right: 10px;z-index: 2;}
.content_index #container-slider .arrowNext img{width: 20px;box-shadow: 0 0 5px 0 white; background:rgba(133, 133, 133, 0.4);padding: 7px;border-radius: 50%;}
.content_index #container-slider .arrowNext img:hover{background: rgba(0, 150, 250, 0.7);}
.content_index .content_slider {position: relative; padding: 0; margin: 0;width: 100%;height: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;}
.content_index .content_slider .div1{width: 100%;height: 100%;position: relative;text-align: center;box-sizing: content-box;align-items: center;}
.content_index .content_slider .div1 img{height: 100%;width: 100%;opacity: 1; object-fit: cover; margin: 0 0 0 auto;position: absolute;right: 0;}
.content_index .content_slider .div1 .con_s{position: relative;width: 90%; max-width: 300px; margin: 10vh auto; bottom: 0;text-align: center; padding: 40px 0; background: rgba(255, 255, 255, 0.8);border-radius: 8px;}
.content_index .content_slider .div1 .con_s h2{display: block;width: 80%; margin: 0 auto; height: 100px;font-size: 20px;font-weight: 600; font-family: var(--hachi);color: rgb(0, 150, 250);}
.content_index .content_slider .div1 .con_s p{display: block; width: 80%; margin: 0 auto; height: 100px;font-size: 16px; font-family: var(--nunito); color: rgb(72, 72, 72);}
.content_index .content_slider .div1 .con_s a{display: block; margin: 10px auto;width: 80px; background: white; color: gray; border: 1px solid gray; border-radius: 8px; text-decoration: none; padding: 8px; font-family: var(--poppins); font-size: 14px; }
.content_index .content_slider .div1 .con_s a:hover{background: rgba(167, 215, 247, 0.5);}
.content_index .listslider {position: absolute;width: 80px;margin: 0 calc(50% - 40px) 0 calc(50% - 40px); padding: 0;display: flex; list-style: none;z-index: 2;bottom: 5%;}
.content_index .listslider li {border-radius: 50%;width: 10px;height: 10px;cursor: pointer;margin: 0 5px;padding: 0;}
.content_index .listslider li a {background: #CCC;border-radius: 50%;width: 100%;height: 100%;display: block; margin: 0; padding:0 ;}
.content_index .item-select-slid {background: #FFF  !important;}
@media screen and (max-width:600px){
}
.content_index .top_cat{width: 90%;position: relative; margin: 0;text-align: center; padding: 0px 5% 0px 5%;}
.content_index .top_cat .nph2{width: 100%;text-align: center; margin: 50px 0 50px 0; font-size: 20px; color: rgb(68, 68, 68);box-sizing: border-box; padding: 10px 0 10px 0; font-weight: 400; font-family: var(--nunito);} 
.content_index .top_cat .nph2 span{font-family: var(--hachi);color: rgb(0, 150, 250);font-size: 35px;font-weight: 600;}
.content_index .top_cat .flechnpl{position: absolute;z-index: 3;top: 300px; left: 10px;border: none;outline: none;  cursor: pointer;border-radius: 20px;transition: all 1s;border: 1px solid rgb(200, 200, 200);margin: 0; padding: 6px 8px;background: rgba(255, 255, 255, 0.6);}
.content_index .top_cat .flechnpl img{ width: 20px; height: 20px;margin: 0; padding: 3px 3px 0 0 ;}
.content_index .top_cat .flechnpl img.w{display: none;}
.content_index .top_cat .flechnpl:hover{background: rgb(101, 192, 202);transition: all 0.5s;border: none;}
.content_index .top_cat .flechnpl:hover > img{display: none;}
.content_index .top_cat .flechnpl:hover > img.w{display: initial;}
.content_index .top_cat .flechnpr{position: absolute;z-index: 3;top: 300px; right: 10px;border: none;outline: none;  cursor: pointer;border-radius: 20px;transition: all 1s;border: 1px solid rgb(200, 200, 200);margin: 0; padding: 6px 8px;background: rgba(255, 255, 255, 0.6);}
.content_index .top_cat .flechnpr img{ width: 20px; height: 20px;margin: 0; padding: 3px 0 0 3px;}
.content_index .top_cat .flechnpr img.w{display: none;}
.content_index .top_cat .flechnpr:hover{background: rgb(101, 192, 202);transition: all 0.5s;border: none;}
.content_index .top_cat .flechnpr:hover > img{display: none;}
.content_index .top_cat .flechnpr:hover > img.w{display: initial;}
.content_index .top_cat:hover > .flechnpl{left: 0px;transition: all 1s;}
.content_index .top_cat:hover > .flechnpr{ right: 0px;transition: all 1s;}
.content_index .content_pin{width: 100%;display: inline-flex; margin: 50px 0% 30px 0;padding: 5px 0 0 0 ; list-style: none;overflow-x: scroll;scroll-behavior: smooth;}
.content_index .content_pin::-webkit-scrollbar{display: none;}
.content_index .content_pin .prodiin{position: relative;text-align: left;width: calc(20% - 40px);float: left; min-width: 220px;background: rgb(240, 240, 240); max-width: 320px; margin: 10px 20px;border-radius:0px;padding: 0 0 10px 0;overflow: hidden;animation: fadein 1s;}
.content_index .content_pin .prodiin:hover{background: rgba(225, 225, 225);}
.content_index .content_pin .prodiin:hover > .img_pro2{animation: fadein2 2s; display: initial; }
.content_index .content_pin .prodiin:hover > .img_pro{display: none; }
.content_index .content_pin .prodiin:hover > .btn_float{display: initial;}
.content_index .content_pin .prodiin .btn_float{position: absolute;display: none; width: 100%; height: 260px;z-index: 2; top: 0;text-align: left; background: none;animation: faderight 0.5s;}
.content_index .content_pin .prodiin .btn_float .btn_car{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 7px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin .prodiin .btn_float .btn_car img.n{display: none;animation: fadein 0.5s;}
.content_index .content_pin .prodiin .btn_float .btn_car img{width: 19px; height: 19px;animation: fadein 0.5s;}
.content_index .content_pin .prodiin .btn_float .btn_car:hover {background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_index .content_pin .prodiin .btn_float .fav{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin .prodiin .btn_float .fav img{width: 19px; height: 19px;display: initial;animation: fadein 0.5s;}
.content_index .content_pin .prodiin .btn_float .fav img.b{display: none;animation: fadein 0.5s;}
.content_index .content_pin .prodiin .btn_float .fav.none{display: none;}
.content_index .content_pin .prodiin .btn_float .fav:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
/*.content_index .content_pin .prodiin .btn_float .fav:hover > img{display: none;}
.content_index .content_pin .prodiin .btn_float .fav:hover > img.b{display: initial;}*/
.content_index .content_pin .prodiin .btn_float .ver{display: table; background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin .prodiin .btn_float .ver img{width: 19px; height: 19px; display: initial; animation: fadein 0.5s;}
.content_index .content_pin .prodiin .btn_float .ver img.n{display: none;}
.content_index .content_pin .prodiin .btn_float .ver:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_index .content_pin .prodiin .img_pro{width: 100%; animation: fadein2 2s; height: 260px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_index .content_pin .prodiin .img_pro2{width: 100%;display:none ; z-index: 2; height: 260px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_index .content_pin .prodiin .img_pro2:hover{animation: zoom 3.5s;}
.content_index .content_pin .prodiin .proindprom{position: absolute; right: 0;top: 20px; color: white; margin: -20px 12px 0 0; padding: 6px 10px;font-size: 15px; font-family: var(--darker);z-index: 5; font-weight: 600;}
.content_index .content_pin .prodiin .proindprom.blue{background: rgb(46, 160, 185);}
.content_index .content_pin .prodiin .proindprom.orange{background: rgb(255, 160, 104);}
.content_index .content_pin .prodiin .proindprom.red{background: rgb(255, 120, 79);}
.content_index .content_pin .prodiin .cat{width: 90%; margin: 0 5%;padding: 5px 0 5px 0 ;font-family: var(--nunito);text-align: left; font-weight: 400; color: rgb(7, 164, 242); font-size: 13px;}
.content_index .content_pin .prodiin .title{width: 90%;display: block; margin: 0 5%; padding: 0; font-size: 15px; font-family: var(--nunito); font-weight: 300; color: rgb(99, 99, 99); height: 20px; overflow: hidden;text-decoration: none; text-align: center;}
.content_index .content_pin .prodiin .title::first-letter{text-transform: uppercase;}
.content_index .content_pin .prodiin .price{width: 100%; float: left;text-align: center; margin: 0; padding: 0px 0;color: rgb(9, 115, 176);font-family: var(--darker); font-weight: 600; font-size: 22px;}
.content_index .content_pin .prodiin .price span{font-size: 18px;}
.content_index .content_pin .prodiin.mas{display: flex;justify-content: center; width: 70px;min-width: 70px; height: 70px; margin: 120px 50px 0 40px; padding: 10px 0 0 0;background: rgb(250, 250, 250);border-radius: 10px;}
.content_index .content_pin .prodiin.mas a{margin: 0; padding: 0; font-size: 14px; font-family: var(--nunito); font-weight: 400; text-decoration: none; cursor: pointer;text-align: center;}
.content_index .content_pin .prodiin.mas a img{width: 35px ; height: 35px; margin: 0; padding: 0;}
.content_index .content_pin .prodiin.mas a p{margin: -10px 0 0 0; padding: 0;font-family: var(--poppins);font-size: 12px; font-weight: 400; color: rgb(170, 170, 170);}
.content_index .content_pin .prodiin.mas:hover{background: rgb(235, 253, 255);animation: fadein 2s;}
.content_index .content_pin .nrerel{width: 100%; margin: 50px 0 10px 0; padding: 0; text-align: center;}
.content_index .content_pin .nrerel img{width: 33px; height: 33px;margin: 0 ; padding: 0;}
.content_index .content_pin .nrerel h2{font-size: 15px; font-family: var(--nunito); font-weight: 400; color: gray; margin: 0; padding: 0;}
.content_index .content_pin .mor_op{width: 74%; margin: 25px 13% 0 13%; padding: 10px 0;}
.content_index .content_pin .mor_op button{width: 100%;display: block; background: rgb(36, 137, 36); color: white; text-align: center; margin: 0; padding: 8px 0 12px 0; border: 2px solid rgb(228, 228, 228);cursor: pointer; border-radius: 7px; font-family: var(--darker); font-size: 18px; font-weight: 300; text-decoration: none;line-height: 0.7;}


.content_index .content_pin2{width: 96%; margin: 10px 2% 30px 2%;padding: 5px 0 0 0 ; list-style: none; display: table;}
.content_index .content_pin2::-webkit-scrollbar{display: none;}
.content_index .content_pin2 .prodiin{position: relative;text-align: left;width: calc(25% - 40px);float: left; min-width: 220px;background: rgb(249, 249, 249); max-width: 320px; margin: 10px 20px;border-radius:0px;padding: 0 0 10px 0;overflow: hidden;animation: fadein 1s;}
.content_index .content_pin2 .prodiin:hover{background: rgba(245, 245, 245);}
.content_index .content_pin2 .prodiin:hover > .img_pro2{animation: fadein2 2s; display: initial; }
.content_index .content_pin2 .prodiin:hover > .img_pro{display: none; }
.content_index .content_pin2 .prodiin:hover > .btn_float{display: initial;}
.content_index .content_pin2 .prodiin .btn_float{position: absolute;display: none; width: 100%; height: 260px;z-index: 2; top: 0;text-align: left; background: none;animation: faderight 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .btn_car{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 7px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin2 .prodiin .btn_float .btn_car img.n{display: none;animation: fadein 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .btn_car img{width: 19px; height: 19px;animation: fadein 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .btn_car:hover {background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .fav{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin2 .prodiin .btn_float .fav img{width: 19px; height: 19px;display: initial;animation: fadein 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .fav img.b{display: none;animation: fadein 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .fav.none{display: none;}
.content_index .content_pin2 .prodiin .btn_float .fav:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
/*.content_index .content_pin2 .prodiin .btn_float .fav:hover > img{display: none;}
.content_index .content_pin2 .prodiin .btn_float .fav:hover > img.b{display: initial;}*/
.content_index .content_pin2 .prodiin .btn_float .ver{display: table; background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_index .content_pin2 .prodiin .btn_float .ver img{width: 19px; height: 19px; display: initial; animation: fadein 0.5s;}
.content_index .content_pin2 .prodiin .btn_float .ver img.n{display: none;}
.content_index .content_pin2 .prodiin .btn_float .ver:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_index .content_pin2 .prodiin .img_pro{width: 100%; animation: fadein2 2s; height: 290px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_index .content_pin2 .prodiin .img_pro2{width: 100%;display:none ; z-index: 2; height: 290px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_index .content_pin2 .prodiin .img_pro2:hover{animation: zoom 3.5s;}
.content_index .content_pin2 .prodiin .proindprom{position: absolute; right: 0;top: 20px; color: white; margin: -20px 12px 0 0; padding: 6px 10px;font-size: 14px; font-family: var(--darker);z-index: 5; font-weight: 600;}
.content_index .content_pin2 .prodiin .proindprom.blue{background: rgb(46, 160, 185);}
.content_index .content_pin2 .prodiin .proindprom.orange{background: rgb(255, 160, 104);}
.content_index .content_pin2 .prodiin .proindprom.red{background: rgb(255, 120, 79);}
.content_index .content_pin2 .prodiin .cat{width: 90%; margin: 0 5%;padding: 5px 0 5px 0 ;font-family: var(--nunito);text-align: left; font-weight: 400; color: rgb(7, 164, 242); font-size: 9px;}
.content_index .content_pin2 .prodiin .title{width: 90%;display: block; margin: 0 5%; padding: 0; font-size: 15px; font-family: var(--nunito); font-weight: 300; color: rgb(100, 100, 100); height: 20px; overflow: hidden;text-decoration: none; text-align: center;}
.content_index .content_pin2 .prodiin .title::first-letter{text-transform: uppercase;}
.content_index .content_pin2 .prodiin .price{width: 100%; float: left;text-align: center; margin: 0; padding: 0px 0;color: rgb(9, 115, 176);font-family: var(--darker); font-weight: 600; font-size: 22px;}
.content_index .content_pin2 .prodiin .price span{font-size: 18px;}
.content_index .content_pin2 .nrerel{width: 100%; margin: 50px 0 10px 0; padding: 0; text-align: center;}
.content_index .content_pin2 .nrerel img{width: 33px; height: 33px;margin: 0 ; padding: 0;}
.content_index .content_pin2 .nrerel h2{font-size: 15px; font-family: var(--nunito); font-weight: 400; color: gray; margin: 0; padding: 0;}
.content_index .content_pin2 .mor_op{width: 74%; margin: 25px 13% 0 13%; padding: 10px 0;}
.content_index .content_pin2 .mor_op button{width: 100%;display: block; background: rgb(36, 137, 36); pointer-events: initial; cursor: pointer; color: white; text-align: center; margin: 0; padding: 8px 0 12px 0; border: 2px solid rgb(228, 228, 228); border-radius: 7px; font-family: var(--darker); font-size: 18px; font-weight: 300; text-decoration: none;line-height: 0.7;}
.content_index .content_pin2 .ver_mas{display: table; width: 100%; background: none;padding: 40px 0 40px 0;}
.content_index .content_pin2 .ver_mas a{border: 1px solid rgb(255, 255, 255); color: gray; font-family: sans-serif;border-radius: 10px; font-size: 14px; text-decoration-line: none; padding: 12px; background: rgb(240, 240, 240);}
@media screen and (max-width:1210px){
    .content_index .content_pin2 .prodiin{width: calc(25% - 40px);min-width: 100px;max-width: 500px;}
    .content_index .top_cat{width: 96%;padding: 0px 2%;}
} 
@media screen and (max-width:950px){
    .content_index .content_pin2 .prodiin{width: calc(33% - 40px);min-width: 100px;max-width: 500px;}
    .content_index .top_cat{width: 90%;padding: 0px 5%;}
}
@media screen and (max-width:750px){
    .content_index .content_pin2 .prodiin{width: calc(33% - 40px);min-width: 100px;max-width: 500px;}
    .content_index .top_cat{width: 98%;padding: 0px 1%;}
}
@media screen and (max-width:700px){
    .content_index .content_pin2 .prodiin{width: calc(50% - 40px);min-width: 100px;max-width: 500px;}
    .content_index .top_cat{width: 90%;padding: 0px 5%;}
    .content_index .content_pin2 .prodiin .img_pro{height: 250px;}
    .content_index .content_pin2 .prodiin .img_pro2{height: 250px;}
}
@media screen and (max-width:500px){
    .content_index .content_pin2 .prodiin{width: calc(50% - 20px);min-width: 100px;max-width: 500px;margin: 10px 10px;}
    .content_index .top_cat{width: 98%;padding: 0px 1%;}
    .content_index .content_pin2 .prodiin .img_pro{height: 200px;}
    .content_index .content_pin2 .prodiin .img_pro2{height: 200px;}
}
@media screen and (max-width:350px){
    .content_index .content_pin2 .prodiin{width: calc(100% - 60px);min-width: 100px;max-width: 500px;margin: 10px 30px;}
    .content_index .top_cat{width: 90%;padding: 0px 5%;}
}


/*alerta carrito*/
.add_car_alert{position: fixed;z-index: 12; top: 0; width: 100%; margin: 0; padding: 0; height: 100vh;background: rgba(126, 165, 177, 0.6);}
.add_car_alert .cont{position: relative;margin: 0 auto; box-sizing: border-box; width: 450px; max-width: 96%; min-height: 250px;top: calc(50vh - 125px); background: white; padding: 25px 8px; text-align: center;box-shadow: 0 0 10px 0 gray; animation: bounceIn; animation-duration: 1s;border-radius: 2px;}
.add_car_alert .cont .btnclosvp{position: absolute; right: 5px; top: 5px;margin: 0;padding: 0; background: none; border-radius: 50%; border: 1px solid rgb(223, 223, 223);}
.add_car_alert .cont .btnclosvp img{width: 14px; height: 14px; margin: 0; padding: 7px 7px 7px 7px;}
.add_car_alert .cont h2{width: 100%; margin: 0 0 10px 0;padding: 2px 0 10px 0; text-align: center; font-size: 15px; font-family: var(--poppins); color: rgb(16, 179, 196); font-weight: 400; border-bottom: 1px solid rgb(220, 220, 220);}
.add_car_alert .cont img{width: 40%; margin: 0 5%; padding: 0;float: left;height: 170px; object-fit: cover;border-radius: 5px;}
.add_car_alert .cont .campcolvpc{width: 50%; float: left; display: table; margin: 15px 0 0 0;text-align: center;}
.add_car_alert .cont .campcolvpc label{width: 100%;display: table; float: left; margin: 3px 0 0 5px;padding: 0;color: gray; font-family: var(--nunito); font-weight: 600; font-size: 16px;text-align: left;}
.add_car_alert .cont .campcolvpc input{width: 40px;display: table; float: left; margin: 0 0 0 5px;padding: 3px 0;color: gray; font-family: var(--nunito); font-weight: 400; font-size: 14px;text-align: center;border: 1px solid rgb(187, 187, 187); outline: none;border-radius: 3px;}
.add_car_alert .cont .pcantu{width: 80%; margin: 3px 0;text-align: center; padding: 0 10%; font-size: 14px; color: rgb(16, 179, 196);font-weight: 400; font-family: var(--nunito);}
.add_car_alert .cont .campcolvp{width: 50%; float: left; display: table; margin: 15px 0 0 0;text-align: left;}
.add_car_alert .cont .campcolvp label{width: 100%;display: table; margin: 3px 0;padding: 0;color: gray; font-family: var(--nunito); font-weight: 600; font-size: 16px;text-align: left;}
.add_car_alert .cont .campcolvp button{width: auto; margin: 0 3px; padding: 3px 6px; border: 1px solid rgb(226, 226, 226); border-radius: 4px; outline: none; cursor: pointer;background: none;color: rgb(100, 100, 100);font-family: var(--nunito); font-weight: 400; font-size: 13px;}
.add_car_alert .cont .camptavp{width: 50%; float: left;display:table ; margin: 5px 0 0 0;text-align: left;}
.add_car_alert .cont .camptavp label{width: 100%;display: table; margin: 3px 0;padding: 0;color: gray; font-family: var(--nunito); font-weight: 600; font-size: 14px;text-align: left;}
.add_car_alert .cont .camptavp button{width: auto; margin: 0 3px; padding: 3px 6px; border: 1px solid rgb(200, 200, 200); border-radius: 4px; outline: none; cursor: pointer;background: none;color: rgb(100, 100, 100);font-family: var(--nunito); font-weight: 400; font-size: 13px;}
.add_car_alert .cont .btnagc{width: 170px; font-size: 16px; margin: 10px calc(50% - 70px) 0px calc(50% - 70px);background: rgb(9, 115, 176); padding: 8px 10px; font-family: var(--nunito); font-weight: 400; color: white; border: none; outline: none; border-radius: 4px;cursor: pointer;}
.add_car_alert .cont .btnagc:hover{background: rgb(0, 110, 250);}
/*alerta COMPRAS*/
.prev_compra{position: fixed;z-index: 12; top: 0; width: 100%; margin: 0; padding: 0; height: 100vh;background: rgba(126, 165, 177, 0.6);}
.prev_compra .cont{position: relative;margin: 0 auto; box-sizing: border-box; width: 450px; max-width: 96%; min-height: 250px;top: calc(50vh - 125px); background: white; padding: 25px 8px; text-align: center;box-shadow: 0 0 10px 0 gray; animation: bounceIn; animation-duration: 1s;border-radius: 2px;}
.prev_compra .cont .btnclosvp{position: absolute;float: right;right: 0; margin: -7px 8px 0 0;padding: 5px 5px;outline: none; border-radius: 50%;cursor: pointer;background: none;border: 1px solid rgb(190, 190, 190);}
.prev_compra .cont .btnclosvp img{width: 14px; height: 14px;}
.prev_compra .cont .btnclosvp:hover{background: rgb(230, 230, 230);}
.prev_compra .cont h2{width: 100%; margin: 0 0 10px 0;padding: 2px 0 10px 0; text-align: center; font-size: 15px; font-family: var(--poppins); color: rgb(16, 179, 196); font-weight: 400; border-bottom: 1px solid rgb(220, 220, 220);}
.prev_compra .cont img{width: 40%; margin: 0 5%; padding: 0;float: left;height: 170px; object-fit: cover;border-radius: 5px;}
.prev_compra .cont .campcolvpc{width: 50%; float: left; display: table; margin: 20px 0 0 0;text-align: center;}
.prev_compra .cont .campcolvpc label{width: auto;display: table; float: left; margin: 3px 0 0 30px;padding: 0;color: gray; font-family: var(--nunito); font-weight: 600; font-size: 12px;text-align: left;}
.prev_compra .cont .campcolvpc input{width: 40px;display: table; float: left; margin: 0 0 0 4px;padding: 3px 0;color: gray; font-family: var(--nunito); font-weight: 400; font-size: 12px;text-align: center;border: 1px solid rgb(187, 187, 187); outline: none;border-radius: 3px;}
.prev_compra .cont .pcantu{width: 80%; margin: 3px 0;text-align: center; padding: 0 10%; font-size: 11px; color: rgb(16, 179, 196);font-weight: 400; font-family: var(--nunito);}
.prev_compra .cont .campcolvp{width: 50%; float: left; display: table; margin: 30px 0 0 0;text-align: left;}
.prev_compra .cont .campcolvp label{width: 100%;display: table; margin: 3px 0;padding: 0;color: gray; font-family: var(--nunito); font-weight: 600; font-size: 14px;text-align: left;}
.prev_compra .cont .campcolvp button{width: auto; margin: 0 3px; padding: 3px 6px; border: 1px solid rgb(226, 226, 226); border-radius: 4px; outline: none; cursor: pointer;background: none;color: rgb(100, 100, 100);font-family: var(--nunito); font-weight: 400; font-size: 14px;}
.prev_compra .cont .btnagc{width: 140px; font-size: 13px; margin: 10px calc(50% - 70px) 0px calc(50% - 70px);background: rgb(9, 115, 176); padding: 6px 10px; font-family: var(--nunito); font-weight: 400; color: white; border: none; outline: none; border-radius: 4px;cursor: pointer;}
.prev_compra .cont .btnagc:hover{background: rgb(238, 207, 53);}
/*aleras*/
.alerts_form{position: fixed; z-index: 13; width: 100%; height: 100vh; margin: 0; padding: 0; background: rgba(234, 234, 234, 0.7);}
.alerts_form .campo_alert{ position: relative; box-sizing: border-box; width: 280px; height: 180px;top: calc(50vh - 75px); left: calc(50% - 125px); background: white; padding: 8px; text-align: center;box-shadow: 0 0 10px 0 gray; animation: bounceIn; animation-duration: 1s;}
.alerts_form .campo_alert .btnclosvp{position: absolute; right: 5px; top: 5px;margin: 0;padding: 0; background: none; border-radius: 50%; border: 1px solid rgb(223, 223, 223);}
.alerts_form .campo_alert .btnclosvp img{width: 14px; height: 14px; margin: 0; padding: 7px 7px 4px 7px;}
.alerts_form .campo_alert img{padding: 30px 0 0 0; width: 30px; height: 30px;}
.alerts_form .campo_alert h2{ font-size: 15px; margin: 0; padding: 0;font-family: var(--poppins); font-weight: 800; color: gray;}
.alerts_form .campo_alert h2 input{padding: 5px; margin: 5px 0 0 0 ; border: 2px solid rgba(0, 110, 250, 0.5); outline: none; color: gray; font-size: 15px; border-radius: 4px;}
.alerts_form .campo_alert h2 input::placeholder{opacity: 0.5;}
.alerts_form .campo_alert a{font-size: 15px; padding: 20px 0 0 0; color: rgb(235, 59, 20);}
.alerts_form .campo_alert button{padding: 5px 12px; margin: 15px; border: 1px solid rgba(234, 234, 234, 0.6);outline: none; border-radius: 3px;cursor: pointer;}
.alerts_form .campo_alert button:hover{background: rgb(0,95,219); color: white;}
.alerts_form .campo_alert textarea{width: 100%; margin: 0; padding: 0; height: 70px;font-size: 15px; font-family: var(--abril); color: gray; border: none;border-radius: 5px; background: whitesmoke;outline: 1px solid rgb(0, 110, 250);}
.alerts_form .campo_alert .psgo{width: 40%; margin: 0 5%;float: left; padding: 6px 12px;font-size: 15px; border: 1px solid rgba(234, 234, 234, 0.6);outline: none; border-radius: 5px;cursor: pointer; color: gray; font-family: var(--nunito);}
.alerts_form .campo_alert .psgo:hover{background: rgb(0,95,219); color: white;}
.alerts_form .campo_alert img.paggo{padding: 10px 0 0 0;}
/*------------ alerta de informacion del cliente para procesar pago-----------------------*/
.inf_pago{position: fixed;z-index: 12; top: 0; width: 100%; margin: 0; padding: 0; height: 100vh;background: rgba(126, 165, 177, 0.6);}
.inf_pago .cont{position: relative;margin: 0 auto; box-sizing: border-box; width: 450px; max-width: 96%; min-height: 250px;top: calc(50vh - 125px); background: white; padding: 25px 8px; text-align: center;box-shadow: 0 0 10px 0 gray; animation: bounceIn; animation-duration: 1s;border-radius: 2px;}
.inf_pago .cont .pin{font-family: var(--nunito); color: gray; font-weight: 300; font-size: 18px;}
.inf_pago .cont .btnclosvp{position: absolute; right: 5px; top: 5px;margin: 0;padding: 0; background: none; border-radius: 50%; border: 1px solid rgb(223, 223, 223);}
.inf_pago .cont .btnclosvp img{width: 14px; height: 14px; margin: 0; padding: 7px 7px 4px 7px;}
.inf_pago .cont .row{width: 80%; margin: 0 10%; padding: 20px 0 0 0; display: table;text-align: left;transition: ease all 0.5s;}
.inf_pago .cont .row label{width: 100%; margin: 5px 0; padding: 8px 0;font-family: var(--nunito); color: gray; font-size: 18px; font-weight: 400;}
.inf_pago .cont .row label span{color: red;}
.inf_pago .cont .row input{width: calc(100% - 44px); margin: 10px 10px; padding: 10px 12px; font-family: var(--nunito); color: gray; font-size: 18px; font-weight: 400; border-radius: 12px; outline: none; border: 1px solid rgb(183, 183, 183);}
.inf_pago .cont .row input::placeholder{color: rgb(213, 213, 213);}
.inf_pago .cont .row p{width: 100%; margin: 0; padding: 0; font-size: 12px; color: gray; font-family: var(--nunito); font-weight: 400; text-align: center;}
.inf_pago .cont .row p img{height: 16px;margin: 0 4px -3px 0;}
.inf_pago .cont .row .btns{width: 100%; padding: 12px 0 20px 0; display: inline-flex; justify-content: space-evenly;}
.inf_pago .cont .row .btns button{padding: 4px 15px; font-family: var(--nunito); font-weight: 400; font-size: 15px; color: gray; border: 1px solid rgb(200, 200, 200); border-radius: 7px; cursor: pointer; transition: ease all 0.5s;}
.inf_pago .cont .row .btns button.none{pointer-events: none; opacity: 0;}
.inf_pago .cont .row .btns button:hover{background: rgb(0, 162, 250); color: white; border: 1px solid white;}
.inf_pago .cont .row .btns button.pay{background: rgb(13, 165, 13); color: white; border: 1px solid white;}
.inf_pago .cont .row.none{display: none;}

/*-----------FOOTER--------*/
.foote{width: 100%;display: table;background: rgb(251, 251, 251); margin: 0px 0 0px 0; padding: 20px 0 30px 0;position: relative;border-top: 2px solid rgb(235, 235, 235);}
.foote .sect{width: calc(33% - 60px); float: left; margin: 0; padding: 10px 30px 20px 30px;}
.foote .sect h3{font-family: var(--darker);display: inline-flex; padding: 0 0 6px 0; font-size: 22px; color: rgb(104, 104, 104); border-bottom: 2px solid rgb(9, 115, 176); }
.foote .sect.fa h2{width: 90%; margin: 0px 5%; padding: 0px 30px; color: gray; font-family: var(--nunito); font-weight: 400;font-size: 15px; text-align: left;}
.foote .sect.fa p{width: 100%; margin: 10px 0; padding: 0;color: gray; font-size: 14px; font-family: var(--poppins); font-weight: 400;}
.foote .sect.fa p img{width: 20px; height: 20px; margin: 5px 3px -5px 0 ; padding: 0;}
.foote .sect.fa p a{color: gray;}
.foote .sect.fb a{display: block; width: 100%; margin: 10px; padding: 1px 0; color: gray; font-family: var(--nunito);font-size: 15px; font-weight: 400; text-decoration: none;}
.foote .sect.fc p{font-family: var(--darker); color: gray; font-size: 20px; margin: 0; padding: 0; font-weight: 400;}
.foote .sect.fc h4{width: 100%; text-align: center; margin: 0; padding: 10px 0 0 0; color: black; font-family: var(--darker); }
.foote .sect.fc h4 img{ height: 30px; margin: 0px 0 0 -12px;}

.finfoo{width: 100%; margin: 0;padding: 5px 0; background: white; text-align: center; }
.finfoo h2{font-size: 13px;color: gray; font-family: var(--chela);}
.finfoo h2 a{color: rgb(16, 179, 196);}
@media screen and (max-width:700px){
    .foote .sect{width: 50%;margin: 0 auto;text-align: center; padding: 10px 0;float: left; }
    .foote .sect.fc{margin: 0 25%;}
}
@media screen and (max-width:500px){
    .foote .sect.fc{width: 80%; margin: 0 10%;}
}
@media screen and (max-width:400px){
    .foote .sect{width: 90%; padding: 10px 5%;}
    .foote{padding: 20px 0 50px 0;}
}
/*----------content productos-------------*/
.content_pro{width: 100%;display: table; margin: 0;padding: 0px 0 20px 0; background: white;}
.content_pro .fil_pro{width: 349px;z-index: 2; display: table;height:100vh; background: rgb(255, 255, 255); float: left;margin: 0px 0 0 0; padding: 0;border-right: 1px solid rgb(210, 210, 210);}
.content_pro .fil_pro form{box-sizing: border-box; width: 100%; margin: 0; padding: 10px 25px;}
.content_pro .fil_pro form .edi_fil_p{width: 100%; margin: 0; padding: 0;text-align: center;}
.content_pro .fil_pro form .edi_fil_p .titfil{width:100%;border-bottom: 1px solid rgb(194, 194, 194); display: table;padding: 10px 0;margin: 0 0 10px 0; text-align: center;}
.content_pro .fil_pro form .edi_fil_p .titfil .imgfls{width: 20px;height: 18px;float: right;padding: 3px 0 0 0;}
.content_pro .fil_pro form .edi_fil_p .titfil .filh2dsc{font-size: 15px;float: right; margin: 0 10px 0 0; padding: 0;font-size: 15px;font-family: var(--poppins); font-weight: 400; color: rgb(0, 150, 250);}
.content_pro .fil_pro form .edi_fil_p .pcheck{display: table;width: 100%; margin: 0; padding: 0;}
.content_pro .fil_pro form .edi_fil_p .checkin{float: left; margin: 6px;padding: 0; cursor: pointer;background-color: #fff;width: 20px;height: 20px;border-radius: 3px;appearance: none;border: 1px solid rgb(203, 203, 203);transition: background-color 0.3s ease-in-out;background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}
.content_pro .fil_pro form .edi_fil_p .checkin:checked{  background-color: rgb(0, 150, 250);}
.content_pro .fil_pro form .edi_fil_p .checkla {float: left;text-align: left; width: calc(100% - 40px);margin: 6px 0;padding: 0; font-size: 15px;font-family: var(--poppins); font-weight: 400; color: rgb(130, 130, 130);}
.content_pro .fil_pro form .edi_fil_p .catla{display: block; width: 100%;margin: 5px 0 5px 0;padding: 0 0 7px 0; border-bottom: 1px solid rgb(194, 194, 194); text-align: center;font-size: 15px;font-family: var(--poppins); font-weight: 400; color: rgb(130, 130, 130);}
.content_pro .fil_pro form .edi_fil_p .catsel{width: 60%;margin: 10px 20%; padding: 7px 0;font-size: 14px; font-family: var(--nunito);font-weight: 400; color: rgb(100, 100, 100); border: 1px solid rgb(203, 203, 203);outline: none;border-radius: 5px;text-align: center;}
.content_pro .fil_pro form .edi_fil_p .catsel.none{display: none; } 
.content_pro .fil_pro form .edi_fil_p .catsel option{padding: 8px 0;}
.content_pro .fil_pro form .edi_fil_p .precla{display: block; width: 100%; margin: 0; padding: 0; border-top: 0px solid rgb(194, 194, 194);font-size: 14px;font-family: var(--poppins); font-weight: 400; color: rgb(130, 130, 130);}
.content_pro .fil_pro form .edi_fil_p .precin{display: block; width: 70%; margin: 5px 15%; padding: 0;appearance: none;height: 8px;border-radius: 5px;background: rgb(220, 220, 220);outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.content_pro .fil_pro form .edi_fil_p .precsp{display: block; width: 100%; height: 20px; margin: 5px 0; padding: 2px 0 5px 0;font-size: 14px;font-family: var(--poppins); font-weight: 600; color: rgb(9, 115, 176);}
.content_pro .fil_pro form .edi_fil_p .precin::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 15px;height: 15px;border-radius: 50%;background: rgb(9, 115, 176);cursor: pointer;box-shadow:0px 0px 5px 3px rgba(0,0,0,0.26);}  
.content_pro .fil_pro form .edi_fil_p .precin::-moz-range-thumb {-webkit-appearance: none;appearance: none;width: 15px;height: 15px;border-radius: 50%;background: rgb(65, 199, 214);cursor: pointer;box-shadow:0px 0px 5px 3px rgba(0,0,0,0.26);}  
.content_pro .fil_pro form .edi_fil_p .tallab{display: block; width: 100%;margin: 5px 0 5px 0;padding: 0 0 7px 0; border-bottom: 1px solid rgb(194, 194, 194); text-align: center;font-size: 15px;font-family: var(--poppins); font-weight: 400; color: rgb(130, 130, 130);}
.content_pro .fil_pro form .edi_fil_p .btnel{width: 40%;float: left; margin: 10px 5%; padding: 3px 0;cursor: pointer;border: 1px solid rgb(194, 194, 194); border-radius: 5px;background: none; outline: none; text-align: center;font-size: 15px;font-family: var(--poppins); font-weight: 400; color: rgb(130, 130, 130);transition: background-color 0.3s ease-in-out;}
.content_pro .fil_pro form .edi_fil_p .btnel.sle{background: rgb(0, 150, 250); color: white;}
#quit_res{display: none; padding: 40px 0 0 0;}
#num_tap{display: none;}
#titfil2{display: none;}
.content_pro .mos_pro{width: calc(100% - 350px); float: left;min-height: calc(100vh - 160px);margin: 0; padding: 0;background: rgb(250, 250, 250);}
.content_pro .mos_pro .mostp_ig{position: relative;display: none; width: calc(100% - 40px); margin: 20px; padding: 0px 0;box-shadow: 0 0 10px 0 rgb(200, 200, 200); border-radius: 10px;}
.content_pro .mos_pro .mostp_ig .imgcds{position: relative; width: 100%; margin: 0;padding: 0; height: 120px; object-fit: cover;border-radius: 10px 10px 0 0;}
.content_pro .mos_pro .mostp_ig .fl{position: relative;box-sizing: border-box;padding: 0 0 0 10px; width: 100%;height: 80px; float: left;}
.content_pro .mos_pro .mostp_ig .fl h2{margin: 10px 0 0 30px; padding: 0;color: rgb(131, 131, 131); font-family: var(--poppins);font-weight: 400;}
.content_pro .mos_pro .mostp_ig .fl h2::first-letter{text-transform: uppercase;}
.content_pro .mos_pro .mostp_ig .fl p{color: rgb(110, 198, 222);margin: 0 0 0 30px; padding: 0;font-size: 13px;font-family: var(--nunito);font-weight: 400;}
.content_pro .mos_pro .mostp_ig .fl img{position: absolute; right: 30px; top: 30px; width: 20px; height: 20px; padding: 6px;background: rgb(110, 198, 222); border-radius: 10px;cursor: pointer;}
.content_pro .mos_pro .mostp_ig .fl img:hover{background: rgb(130, 130, 130);}
.n_res_pro{width: 100%; text-align: center; padding: 40px 0 20px 0;}
.n_res_pro h2{margin: 0; padding: 0 ;color: rgb(170, 170, 170);font-size: 16px; font-family: var(--nunito); font-weight: 400;}
.n_res_pro img{margin: 0; padding: 0; width: 32px; height: 32px;}
.content_pro .fil_pro form .edi_fil_p .titfil button{display: flex;float: right;background: none;padding: 7px 12px;margin: 0 5px 0 0; border: 1px solid rgb(170, 170, 170);border-radius: 4px;}
.content_pro .fil_pro form .edi_fil_p .titfil button p{margin: 0; padding: 0 15px 0 0 ;color: rgb(130, 130, 130);font-size: 14px; font-family: var(--nunito); font-weight: 400;}
.content_pro .fil_pro form .edi_fil_p .titfil button img{margin: 0; padding: 0; width: 18px; height: 17px;}
.content_pro .mos_pro .re_bus_p_f{width: 100%; margin: 0 auto;padding: 15px 0 0 0 ; list-style: none;}

.content_pro .mos_pro .re_bus_p_f .prodiin{position: relative;text-align: left;width: calc(25% - 60px);float: left;background: rgb(249, 249, 249); margin: 10px 30px;border-radius: 5px;padding: 0 0 10px 0;overflow: hidden;animation: fadein 1s;}
.content_pro .mos_pro .re_bus_p_f .prodiin:hover{background: rgba(245, 245, 245);}
.content_pro .mos_pro .re_bus_p_f .prodiin:hover > .img_pro2{animation: fadein2 2s; display: initial; }
.content_pro .mos_pro .re_bus_p_f .prodiin:hover > .img_pro{display: none; }
.content_pro .mos_pro .re_bus_p_f .prodiin:hover > .btn_float{display: initial;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float{position: absolute;display: none; width: 100%; height: 260px;z-index: 2; top: 0;text-align: left; background: none;animation: faderight 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .btn_car{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 7px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .btn_car img.n{display: none;animation: fadein 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .btn_car img{width: 19px; height: 19px;animation: fadein 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .btn_car:hover {background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav{background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav img{width: 19px; height: 19px;display: initial;animation: fadein 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav img.b{display: none;animation: fadein 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav.none{display: none;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
/*.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav:hover > img{display: none;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .fav:hover > img.b{display: initial;}*/
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .ver{display: table; background: rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .ver img{width: 19px; height: 19px; display: initial; animation: fadein 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .ver img.n{display: none;}
.content_pro .mos_pro .re_bus_p_f .prodiin .btn_float .ver:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .img_pro{width: 100%; animation: fadein2 2s; height: 290px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .img_pro2{width: 100%;display:none ; z-index: 2; height: 290px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .img_pro2:hover{animation: zoom 3.5s;}
.content_pro .mos_pro .re_bus_p_f .prodiin .proindprom{position: absolute; right: 0;top: 20px; color: white; margin: -20px 12px 0 0; padding: 6px 10px;font-size: 14px; font-family: var(--darker);z-index: 5; font-weight: 600;}
.content_pro .mos_pro .re_bus_p_f .prodiin .proindprom.blue{background: rgb(46, 160, 185);}
.content_pro .mos_pro .re_bus_p_f .prodiin .proindprom.orange{background: rgb(255, 160, 104);}
.content_pro .mos_pro .re_bus_p_f .prodiin .proindprom.red{background: rgb(255, 120, 79);}
.content_pro .mos_pro .re_bus_p_f .prodiin .cat{width: 90%; margin: 0 5%;padding: 5px 0 5px 0 ;font-family: var(--nunito);text-align: left; font-weight: 400; color: rgb(120, 180, 211); font-size: 9px;}
.content_pro .mos_pro .re_bus_p_f .prodiin .title{width: 90%;display: block; margin: 0 5%; padding: 0; font-size: 15px; font-family: var(--nunito); font-weight: 300; color: rgb(132, 132, 132); height: 20px; overflow: hidden;text-decoration: none; text-align: center;}
.content_pro .mos_pro .re_bus_p_f .prodiin .title::first-letter{text-transform: uppercase;}
.content_pro .mos_pro .re_bus_p_f .prodiin .price{width: 100%; float: left;text-align: center; margin: 0; padding: 0px 0;color: rgb(9, 115, 176);font-family: var(--darker); font-weight: 600; font-size: 22px;}
.content_pro .mos_pro .re_bus_p_f .prodiin .price span{font-size: 18px;}
.content_pro .mos_pro .re_bus_p_f .nrerel{width: 100%; margin: 50px 0 10px 0; padding: 0; text-align: center;}
.content_pro .mos_pro .re_bus_p_f .nrerel img{width: 33px; height: 33px;margin: 0 ; padding: 0;}
.content_pro .mos_pro .re_bus_p_f .nrerel h2{font-size: 15px; font-family: var(--nunito); font-weight: 400; color: gray; margin: 0; padding: 0;}
.content_pro .mos_pro .re_bus_p_f .mor_op{width: 74%;text-align: center; margin: 25px 13% 0 13%; padding: 10px 0;}
.content_pro .mos_pro .re_bus_p_f .mor_op button{width: 100%;display: block;background: rgb(36, 137, 36); text-align: center; margin: 0; padding: 6px 0 8px 0; border: 2px solid rgb(228, 228, 228); border-radius: 7px; font-family: var(--darker); font-size: 18px; font-weight: 300; color: white; text-decoration: none;}

.quit_res{width: 100%; display: table;height: 50px; text-align: right;}
.quit_res button{display: flex;float: right;background: none;padding: 7px 12px;margin: 0 20px 0 0; border: 1px solid rgb(170, 170, 170);border-radius: 4px;}
.quit_res button p{margin: 0; padding: 0 15px 0 0 ;color: rgb(130, 130, 130);font-size: 14px; font-family: var(--nunito); font-weight: 400;}
.quit_res button img{margin: 0; padding: 0; width: 18px; height: 17px;}
@media screen and (max-width:1300px){
    .content_pro .mos_pro .re_bus_p_f .prodiin{width: calc(25% - 30px); margin: 10px 15px;}
}
@media screen and (max-width:1150px){
    .content_pro .fil_pro{width: 299px;}
    .content_pro .mos_pro{width: calc(100% - 300px);}
    .content_pro .mos_pro .re_bus_p_f .prodiin .img_pro{height: 220px;}
    .content_pro .mos_pro .re_bus_p_f .prodiin .img_pro2{height: 220px;}
}
@media screen and (max-width:1000px){
    .content_pro .mos_pro .re_bus_p_f .prodiin{width: calc(30% - 20px); margin: 10px calc(1.66% + 10px);}
}
@media screen and (max-width:900px){
    .content_pro .mos_pro .re_bus_p_f .prodiin{width: 30%; margin: 10px 1.66%;}
}
@media screen and (max-width:850px){
    .content_pro .fil_pro{width: 259px;}
    .content_pro .mos_pro{width: calc(100% - 260px);}
    .content_pro .fil_pro form{padding: 12px;}

}
@media screen and (max-width:700px){
    .content_pro .fil_pro{width: 350px;display: none;height: 100vh;min-height: auto; position: fixed;z-index: 10;overflow: scroll;margin: -72px 0 0 0;animation: faderight 0.4s;}
    .content_pro .mos_pro{width: 90%;margin: 0 5%;}
    .content_pro .fil_pro form{padding: 25px;}
    #quit_res{display: block;}
    #titfil1{display: none;}
    #titfil2{display: table;}
}
@media screen and (max-width:600px){
    .content_pro .mos_pro{width: 98%;margin: 0 1%;}
}
@media screen and (max-width:520px){
    .content_pro .mos_pro .re_bus_p_f .prodiin{width: calc(50% - 40px); margin: 10px 20px;}
    .content_pro .mos_pro .mostp_ig{width: calc(100% - 20px); margin: 20px 10px;}
    .content_pro .mos_pro .re_bus_p_f .prodiin .img_pro{height: 200px;}
    .content_pro .mos_pro .re_bus_p_f .prodiin .img_pro2{height: 200px;}
}
@media screen and (max-width:450px){
    .content_pro .mos_pro .re_bus_p_f .prodiin{width: calc(50% - 20px); margin: 10px 10px;}
}

/*----------content ver productos-------------*/
.content_ver_pro{box-sizing: border-box;position: relative; width: 100%;display: block; margin: 0;padding: 40px 0 20px 0; background: white;}
.content_ver_pro .fin_cp{position: relative; box-sizing: border-box; width: 44%; margin: 0 3%; padding: 0;float: left;}
.content_ver_pro .fin_cp .imgselvp{width: 80%;float: left; margin: 0 ; height: 400px; object-fit: cover;border-radius: 5px;}
.content_ver_pro .fin_cp .imgvpp {width:20%;  float:left; text-align: center; margin: 140px 0%;}
.content_ver_pro .fin_cp .imgvpp button{width:auto; min-width: 50px;max-width: 80px; margin: 8px; padding: 0; border: none; outline: none; cursor: pointer;}
.content_ver_pro .fin_cp .imgvpp button img{object-fit: cover;width: 100%; height: 50px;border-radius: 8px;}
.content_ver_pro .opt2{width: 40%;margin: 0px 0 0 0; padding: 0 5%; float: left;top: 0; text-align: left;}
.content_ver_pro .opt2 h1{font-family: sans-serif; color: rgb(46, 46, 46); font-size: 28px;}
.content_ver_pro .opt2 h1::first-letter{text-transform: uppercase;}
.content_ver_pro .opt2 h2{color: rgb(30, 30, 30); font-family: sans-serif; font-size: 18px;font-weight: 400;}
.content_ver_pro .opt2 h2::first-letter{text-transform: uppercase;}
.content_ver_pro .opt2 h3{font-family: sans-serif; font-size:28px; color: black;font-weight: 400;}
.content_ver_pro .opt2 h4{font-family: sans-serif; font-size: 18px; color: rgb(40, 40, 40);font-weight: 400;}
.content_ver_pro .opt2 h4 img{height: 18px; margin: 0 0 -2px 0;}
.content_ver_pro .opt2 p{font-family: sans-serif; color: black; font-weight: 400;}
.content_ver_pro .opt2 .btnopvp1{cursor: pointer;font-family: sans-serif; background: rgb(8, 142, 33); color: white; padding: 11px 65px; margin: 10px 0px;font-size: 16px; border: none; outline: none; border-radius: 5px;}
.content_ver_pro .opt2 .btnopvp1 img{margin: 0 5px -5px 0; height: 22px;}
.content_ver_pro .opt2 .btnopvp{cursor: pointer;font-family: sans-serif; background: white; color: rgb(50, 50, 50); padding: 10px 55px; margin: 10px 0px;font-size: 16px; border: 1px solid gray; outline: none; border-radius: 5px;}
.content_ver_pro .opt2 .btnopvp img{margin: 0 5px -5px 0; height: 22px;}
.content_ver_pro .opt2 .btnopvp.none{display: none;}
.content_ver_pro .cont_compra{position: relative; width: 56%;margin: 40px 22%; float: left;padding: 0px 0 0 0 ;font-size: 16px;}
.content_ver_pro .cont_compra h1{width: 90%; margin: 0 5%; padding: 50px 20px 0 20px; box-sizing: border-box;  font-family: sans-serif; font-weight: 400; color: black;}
.content_ver_pro .cont_compra .ctop{width: 90%;box-sizing: border-box; padding: 15px 20px; margin: 20px 5%; border: 1px solid rgb(200, 200, 200); border-radius: 10px;}
.content_ver_pro .cont_compra .ctop h2{width: 100%; margin: 0; padding: 0; font-family: sans-serif;color:rgb(80, 80, 80); font-weight: 600; font-size: 18px;}
.content_ver_pro .cont_compra .ctop h2 img{margin: 0 10px -5px 0;}
.content_ver_pro .cont_compra .ctop h3{font-family: sans-serif; font-weight: 400; font-size: 16px; margin: 8px 0 5px 0; padding: 0 0 0 40px;}
.content_ver_pro .cont_compra .ctop h3 input{border: 1px solid rgb(200, 200, 200); border-radius: 4px; width: 30px; background: none;outline: none;padding: 3px 5px;}
.content_ver_pro .cont_compra .ctop p{font-family: sans-serif; color: rgb(80, 80, 80);font-weight: 600; font-size: 16px;margin: 0px 0; padding: 0 0 0 40px;}
.content_ver_pro .cont_compra .ccon{width: 90%;box-sizing: border-box; padding: 15px 20px; margin: 20px 5%; border: 1px solid rgb(200, 200, 200); border-radius: 10px;}
.content_ver_pro .cont_compra .ccon h2{width: 100%; margin: 0; padding: 0; font-family: sans-serif;color:rgb(80, 80, 80); font-weight: 600; font-size: 18px;}
.content_ver_pro .cont_compra .ccon h3{width: 100%; display: table; text-align: left;align-items: left; color: rgb(8, 142, 33);font-size: 16px; font-family: sans-serif; font-weight: 600;}
.content_ver_pro .cont_compra .ccon h3 img{float: left;margin: 0 10px 0 0; padding: 0;height: 20px;}
.content_ver_pro .cont_compra .ccon h3 span{float: left;display: inline; margin: 0; padding: 0;color: rgb(80, 80, 80);font-weight: 400;}
.content_ver_pro .cont_compra .ccon h3 span p{float: left;color: rgb(80, 80, 80);font-weight: 600;}
.content_ver_pro .cont_compra .ccon h3 p{float: right;display: inline; margin: 0; padding: 0;} 
.content_ver_pro .cont_compra .ccon h3 .ccup{padding: 0 0 0 30px ; }
.content_ver_pro .cont_compra .ccon h3 input{padding: 3px 5px; border: 1px solid rgb(140, 140, 140);outline: none;width: 100px; text-align: center; margin: 0 3px; border-radius: 4px;}
.content_ver_pro .cont_compra .cfot1{width: 90%;box-sizing: border-box; padding: 15px 20px; margin: 20px 5%; border: 1px solid rgb(200, 200, 200); border-radius: 10px;}
.content_ver_pro .cont_compra .cfot1 h2{width: 100%; display: table; text-align: left;align-items: left; color: rgb(80, 80, 80);font-size: 20px; font-family: sans-serif; font-weight: 600;}
.content_ver_pro .cont_compra .cfot1 h2 img{float: left;margin: 0 10px 0 0; padding: 0;height: 20px;}
.content_ver_pro .cont_compra .cfot1 h2 p{float: right;display: inline; margin: 0; padding: 0;} 
.content_ver_pro .cont_compra .ccol{width: 90%;box-sizing: border-box; padding: 15px 20px; margin: 20px 5%;text-align: center;}
.content_ver_pro .cont_compra .ccol label{width: 100%; margin: 10px 0; padding: 10px 0; text-align: left; font-family: sans-serif; color: gray; font-size: 16px;}
.content_ver_pro .cont_compra .ccol button{padding: 10px 25px; margin: 0 5px; color: gray; font-family: sans-serif; font-size: 17px; border-radius: 3px; border: 1px solid rgb(199, 199, 199);}
.content_ver_pro .cont_compra .cpay{width: 90%;box-sizing: border-box; padding: 15px 20px; margin: 20px 5%;text-align: center; }
.content_ver_pro .cont_compra .cpay button{padding: 12px 50px ; background: rgb(8, 142, 33);border: none; outline: none; color: white; font-family: sans-serif; font-weight: 400; font-size: 19px; cursor: pointer; border-radius: 4px;}
.content_ver_pro .cont_compra .cpay p{width: 100%; margin: 10px 0 0 0; padding: 0; text-align: center; font-size: 13px; font-family: sans-serif; color: gray;}
.content_ver_pro .cont_compra .cpay p img{margin: 0 0 -5px 0;}


.content_ver_pro .foo_cp{width: 90%;display: table;text-align: center;margin: 0px 5% ; padding: 30px 0; }
.content_ver_pro .foo_cp .foobtnsdit{width: auto; margin: 0 auto;padding: 20px 0 30px 0;}
.content_ver_pro .foo_cp .foobtnsdit button{font-family: var(--poppins);font-size: 13px; color: gray; font-weight: 600; padding: 10px 20px; margin: 0 3px; border-radius: 20px; border: 1px solid rgb(220, 220, 220); outline: none;background:none; cursor: pointer;animation: fadein 0.7s;}
.content_ver_pro .foo_cp .foobtnsdit button.select{background: rgb(139, 221, 231);color: white;border:  1px solid rgb(220, 220, 220);}
.content_ver_pro .foo_cp .foobtnsdit button:hover{background: rgb(139, 221, 231);color: white;animation: fadein 0.7s;}
.content_ver_pro .foo_cp .foobtnsdit1{padding: 15px 0 0 0;display: none;}
.content_ver_pro .foo_cp .foobtnsdit1 h2{font-size: 16px; color: rgb(40, 40, 40); font-family: var(--nunito); font-weight: 600; text-align: left;}
.content_ver_pro .foo_cp .foobtnsdit1 p{font-size: 14px; color: rgb(100, 100, 100); font-family: var(--nunito); font-weight: 600; text-align: left;}
.content_ver_pro .foo_cp .foobtnsdit1 p::first-letter{text-transform: uppercase;}
.content_ver_pro .foo_cp .foobtnsdit1 ul{width: 86%; margin: 30px auto; padding: 0;text-align: left;}
.content_ver_pro .foo_cp .foobtnsdit1 ul li{color: rgb(100, 100, 100);margin: 20px 0;padding: 0;letter-spacing: 1.2; font-family: var(--nunito); font-size: 15px; font-weight: 400;}


.content_ver_pro .foo_cp .foobtnsdit2{width: 80%; margin: 0 10%; padding: 30px 0 0 0; display: initial;}
.content_ver_pro .foo_cp .foobtnsdit2 h2{font-size: 16px; color: rgb(40, 40, 40); font-family: var(--nunito); font-weight: 600; text-align: left;}
.content_ver_pro .foo_cp .foobtnsdit2 p{font-size: 14px; color: rgb(100, 100, 100); font-family: var(--nunito); font-weight: 600; text-align: left;}

.content_ver_pro .foo_cp .foobtnsdit3{padding: 15px 0 0 0;display: none;}
.content_ver_pro .foo_cp .foobtnsdit3 ul{width: 86%; margin: 30px auto; padding: 0;text-align: left;}
.content_ver_pro .foo_cp .foobtnsdit3 ul li{color: rgb(100, 100, 100);margin: 20px 0;padding: 0;letter-spacing: 1.2; font-family: var(--nunito); font-size: 15px; font-weight: 400;}
.p_rel_vpr{width: calc(100% - 0px); margin: 0 0px;padding: 0px 0px 0px 0px; background: white;}
.p_rel_vpr .top_cat{width: 90%;position: relative; margin: 0; padding: 30px 5%;}
.p_rel_vpr .top_cat .nph2{width: 100%;display: table; text-align: center;}
.p_rel_vpr .top_cat .nph2 img{width: 400px;}

.relacionados_ver{width: 100%;text-align: center; margin: 0px 0 -30px 0; font-size: 20px;padding: 50px 0 0 0; color: rgb(68, 68, 68);background: white; box-sizing: border-box; padding: 10px 0 10px 0; font-weight: 400; font-family: var(--nunito);} 
.relacionados_ver span{font-family: var(--hachi);color: rgb(0, 150, 250);font-size: 35px;font-weight: 400;margin: 0 0 0 10px;}

@media screen and (max-width:900px){
    .p_rel_vpr .top_cat .nph2 img{width: 350px;}
    .content_ver_pro{width: 100%; padding: 0 10% 0 10%;}
    .content_ver_pro .fin_cp{width: 80%; margin: 20px 10%; float: none;display: table;padding: 50px 0 0 0;}
    .content_ver_pro .opt2{width: 80%; margin: 20px 10%;padding: 0px 0 0 0px 0; float: none; display: table;text-align: center;}
    .content_ver_pro .opt2 h1{padding: 60px 0 0 0;}
    .content_ver_pro .cont_compra{width: 80%; margin: 0 10%; float: initial;float: initial;}
}
@media screen and (max-width:700px){
    .content_ver_pro{width: 100%; padding: 0 0% 0 0%;}
}
@media screen and (max-width:550px){
    .content_ver_pro .fin_cp{width: 90%; margin: 0 10% 0 0; float: initial;}
    .content_ver_pro .cont_compra{width: 100%; margin: 0 0%; float: initial;}
    .content_ver_pro .opt2{width: 100%; margin: 0 0%;padding: 0; float: initial;}
}
@media screen and (max-width:400px){
    .p_rel_vpr .top_cat .nph2 img{width: 280px;}
}




.p_rel_vpr .top_cat .flechnpl{position: absolute;z-index: 3;top: 240px; left: 10px;border: none;outline: none;  cursor: pointer;border-radius: 20px;transition: all 1s;border: 1px solid rgb(200, 200, 200);margin: 0; padding: 6px 8px;background: rgba(255, 255, 255, 0.6);}
.p_rel_vpr .top_cat .flechnpl img{ width: 20px; height: 20px;margin: 0; padding: 3px 3px 0 0 ;}
.p_rel_vpr .top_cat .flechnpl img.w{display: none;}
.p_rel_vpr .top_cat .flechnpl:hover{background: rgb(101, 192, 202);transition: all 0.5s;border: none;}
.p_rel_vpr .top_cat .flechnpl:hover > img{display: none;}
.p_rel_vpr .top_cat .flechnpl:hover > img.w{display: initial;}
.p_rel_vpr .top_cat .flechnpr{position: absolute;z-index: 3;top: 240px; right: 10px;border: none;outline: none;  cursor: pointer;border-radius: 20px;transition: all 1s;border: 1px solid rgb(200, 200, 200);margin: 0; padding: 6px 8px;background: rgba(255, 255, 255, 0.6);}
.p_rel_vpr .top_cat .flechnpr img{ width: 20px; height: 20px;margin: 0; padding: 3px 0 0 3px;}
.p_rel_vpr .top_cat .flechnpr img.w{display: none;}
.p_rel_vpr .top_cat .flechnpr:hover{background: rgb(101, 192, 202);transition: all 0.5s;border: none;}
.p_rel_vpr .top_cat .flechnpr:hover > img{display: none;}
.p_rel_vpr .top_cat .flechnpr:hover > img.w{display: initial;}
.p_rel_vpr .top_cat:hover > .flechnpl{left: 0;transition: all 1s;}
.p_rel_vpr .top_cat:hover > .flechnpr{ right: 0;transition: all 1s;}
.p_rel_vpr .content_pin{width: 100%;display: inline-flex; margin: 10px 0% 30px 0;padding: 5px 0 0 0 ; list-style: none;overflow-x: scroll;scroll-behavior: smooth;}
.p_rel_vpr .content_pin::-webkit-scrollbar{display: none;}
.p_rel_vpr .content_pin .prodiin{position: relative;text-align: left;width: calc(20% - 40px);float: left; min-width: 220px;background: rgb(249, 249, 249); max-width: 320px; margin: 10px 20px;border-radius:0px;padding: 0 0 10px 0;overflow: hidden;animation: fadein 1s;}
.p_rel_vpr .content_pin .prodiin{position: relative;text-align: left;width: calc(20% - 40px);float: left; min-width: 220px;background: rgb(249, 249, 249); max-width: 320px; margin: 10px 20px;border-radius:0px;padding: 0 0 10px 0;overflow: hidden;animation: fadein 1s;}
.p_rel_vpr .content_pin .prodiin:hover{background: rgba(245, 245, 245);}
.p_rel_vpr .content_pin .prodiin:hover > .img_pro2{animation: fadein2 2s; display: initial; }
.p_rel_vpr .content_pin .prodiin:hover > .img_pro{display: none; }
.p_rel_vpr .content_pin .prodiin:hover > .btn_float{display: initial;}
.p_rel_vpr .content_pin .prodiin .btn_float{position: absolute;display: none; width: 100%; height: 260px;z-index: 2; top: 0;text-align: left; background: none;animation: faderight 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .btn_car{background:rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 7px 3px 6px;border-radius: 5px;cursor: pointer;}
.p_rel_vpr .content_pin .prodiin .btn_float .btn_car img.n{display: none;animation: fadein 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .btn_car img{width: 19px; height: 19px;animation: fadein 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .btn_car:hover {background: rgb(9, 115, 176);animation: zoom 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav{background:rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav img{width: 19px; height: 19px;display: initial;animation: fadein 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav img.b{display: none;animation: fadein 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav.none{display: none;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
/*.p_rel_vpr .content_pin .prodiin .btn_float .fav:hover > img{display: none;}
.p_rel_vpr .content_pin .prodiin .btn_float .fav:hover > img.b{display: initial;}*/
.p_rel_vpr .content_pin .prodiin .btn_float .ver{display: table; background:rgb(63, 191, 238); border: none;outline: none;margin: 5px 0 0 5px; padding: 6px 6px 3px 6px;border-radius: 5px;cursor: pointer;}
.p_rel_vpr .content_pin .prodiin .btn_float .ver img{width: 19px; height: 19px; display: initial; animation: fadein 0.5s;}
.p_rel_vpr .content_pin .prodiin .btn_float .ver img.n{display: none;}
.p_rel_vpr .content_pin .prodiin .btn_float .ver:hover{background: rgb(9, 115, 176);animation: zoom 0.5s;}
.p_rel_vpr .content_pin .prodiin .img_pro{width: 100%; animation: fadein2 2s; height: 260px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.p_rel_vpr .content_pin .prodiin .img_pro2{width: 100%;display:none ; z-index: 2; height: 260px;object-fit: cover; border-radius: 0px;overflow: hidden; transition: all 0.5s;}
.p_rel_vpr .content_pin .prodiin .img_pro2:hover{animation: zoom 3.5s;}
.p_rel_vpr .content_pin .prodiin .proindprom{position: absolute; right: 0;top: 20px; color: white; margin: -20px 12px 0 0; padding: 6px 10px;font-size: 14px; font-family: var(--darker);z-index: 5; font-weight: 600;}
.p_rel_vpr .content_pin .prodiin .proindprom.blue{background: rgb(46, 160, 185);}
.p_rel_vpr .content_pin .prodiin .proindprom.orange{background: rgb(255, 160, 104);}
.p_rel_vpr .content_pin .prodiin .proindprom.red{background: rgb(255, 120, 79);}
.p_rel_vpr .content_pin .prodiin .cat{width: 90%; margin: 0 5%;padding: 5px 0 5px 0 ;font-family: var(--nunito);text-align: left; font-weight: 400; color: rgb(120, 180, 211); font-size: 11px;}
.p_rel_vpr .content_pin .prodiin .title{width: 90%;display: block; margin: 0 5%; padding: 0; font-size: 15px; font-family: var(--nunito); font-weight: 300; color: rgb(132, 132, 132); height: 20px; overflow: hidden;text-decoration: none; text-align: center;}
.p_rel_vpr .content_pin .prodiin .title::first-letter{text-transform: uppercase;}
.p_rel_vpr .content_pin .prodiin .price{width: 100%; float: left;text-align: center; margin: 0; padding: 0px 0;color: rgb(9, 115, 176);font-family: var(--darker); font-weight: 600; font-size: 22px;}
.p_rel_vpr .content_pin .prodiin .price span{font-size: 18px;}
.p_rel_vpr .content_pin .prodiin.mas{width: 70px;display: flex;justify-content: center;text-align: center; min-width: 70px; height: 70px; margin: 60px 50px 0 40px; padding: 10px 0 0 0;background: rgb(250, 250, 250);border-radius: 10px;}
.p_rel_vpr .content_pin .prodiin.mas a{margin: 0; padding: 0; font-size: 14px; font-family: var(--nunito); font-weight: 400; text-decoration: none; cursor: pointer;}
.p_rel_vpr .content_pin .prodiin.mas a img{width: 35px ; height: 35px; margin: 0; padding: 0;}
.p_rel_vpr .content_pin .prodiin.mas a p{margin: -10px 0 0 0; padding: 0;font-family: var(--poppins);font-size: 12px; font-weight: 400; color: rgb(170, 170, 170);}
.p_rel_vpr .content_pin .prodiin.mas:hover{background: rgb(235, 253, 255);animation: fadein 2s;}
.p_rel_vpr .content_pin .nrerel{width: 100%; margin: 50px 0 10px 0; padding: 0; text-align: center;}
.p_rel_vpr .content_pin .nrerel img{width: 33px; height: 33px;margin: 0 ; padding: 0;}
.p_rel_vpr .content_pin .nrerel h2{font-size: 15px; font-family: var(--nunito); font-weight: 400; color: gray; margin: 0; padding: 0;}
.p_rel_vpr .content_pin .mor_op{width: 74%;  margin: 25px 13% 0 13%; padding: 10px 0;}
.p_rel_vpr .content_pin .mor_op button{width: 100%;display: block;background: rgb(36, 137, 36); text-align: center; margin: 0; padding: 6px 0 8px 0; border: 2px solid rgb(228, 228, 228); border-radius: 7px; font-family: var(--darker); font-size: 18px; font-weight: 300; color: white; text-decoration: none;}
@media screen and (max-width:1150px){
    .content_ver_pro .in_cp{width: 98%; margin: 0 1%; padding: 0;}
}
@media screen and (max-width:900px){
    .content_ver_pro .in_cp .fin_cp .imgvpp button{width: 70px; height: 70px;}
}
@media screen and (max-width:800px){
    .content_ver_pro .in_cp .fin_cp{width: 90%; float: none; margin: 0 5%;}
    .content_ver_pro .in_cp .sin_cp{width: 90%; float: none; margin: 15px 5% 0 5%;}
    .content_ver_pro .in_cp .foo_cp .foobtnsdit button{padding:10px 5px;margin: 0;font-size: 12px;}
}
@media screen and (max-width:500px){
    .content_ver_pro .in_cp .fin_cp{width: 98%; float: none; margin: 0 1%;}
    .content_ver_pro .in_cp .sin_cp .invppfl h2{font-size: 20px; font-family: var(--nunito);}
    .content_ver_pro .in_cp .sin_cp .invppfl .price{font-size: 20px;}
    .content_ver_pro .in_cp .fin_cp .btnopvp{font-size: 13px;}
}
@media screen and (max-width:450px){
}
@media screen and (max-width:400px){
    .content_ver_pro .in_cp .foo_cp .foobtnsdit{margin: 0;padding: 0;}
    .content_ver_pro .in_cp .foo_cp .foobtnsdit button{padding:10px 5px;margin: 0;font-size: 10px;}
}
/*  contentn carrtio    */
.cont_carrito{width: 100%;display: table; margin: 0; padding: 0;background: rgb(255, 255, 255);}
.cont_carrito .titc{width:70%;position: relative; display: flex; margin: 0 15%; padding: 50px 0 14px 0; font-family: sans-serif; font-weight: 400; font-size: 25px; color: rgb(35, 35, 35); }
.cont_carrito .titc p{position: absolute; margin: 0px 0 0 0px;left: 215px;transform: translateY(-15px);  padding: 6px 10px 4px 10px; font-size: 16px; background: rgb(0, 150, 250); color: white; border-radius: 50%;}
.cont_carrito .result_car{width: 80%;display: table; margin: 0 10%;padding: 20px 0 30px 0;}
.cont_carrito .result_car .cont_car{width: 80%;display: table; margin: 10px 5%; padding: 20px 5%; border: 1px solid rgb(200, 200, 200);border-radius: 10px;}
.cont_carrito .result_car .cont_car h1{width: 80%; float: left; margin: 0px 0 0 0; padding: 0; font-size: 16px;}
.cont_carrito .result_car .cont_car h1 .imgcar{width: 100px; height: 120px; float: left;padding: 20px 10px;object-fit: cover;}
.cont_carrito .result_car .cont_car h1 .title{width: calc(100% - 170px);margin: 30px 0 -20px 0; padding: 5px 0; float: right; font-family: sans-serif; font-weight: 400;font-size: 20px;}
.cont_carrito .result_car .cont_car h1 .title a{text-decoration: none;color: rgb(33, 33, 33); }
.cont_carrito .result_car .cont_car h1 .undes_dis{color: rgb(0, 162, 250); width: calc(100% - 170px);margin: 15px 0 -20px 0; padding: 0px 0; float: right; font-family: sans-serif; font-weight: 400;font-size: 13px;}
.cont_carrito .result_car .cont_car h1 .dos{color: rgb(48, 48, 48); width: calc(100% - 170px);margin: 20px 0 -20px 0; padding: 10px 0; float: right; font-family: sans-serif; font-weight: 400;font-size: 16px;}
.cont_carrito .result_car .cont_car h1 .dos img{height: 16px; margin: 0 10px -5px 10px;}
.cont_carrito .result_car .cont_car h1 .tres{color: rgb(48, 48, 48); width: calc(100% - 170px);margin: 0px 0 0px 0; padding: 20px 0; float: right; font-family: sans-serif; font-weight: 600;font-size: 17px;}
.cont_carrito .result_car .cont_car h1 .tres img{height: 15px; margin: 0 0 -2px 0;}
.cont_carrito .result_car .cont_car h2{width: 20%; float: left; text-align: right; margin: 10px 0 0 0; padding: 30px 0 0 0;}
.cont_carrito .result_car .cont_car h2 button{position: relative; padding: 7px 7px 4px 7px; margin: 0px 20px 10px 10px;border: 1px solid rgb(230, 230, 230); border-radius: 50%; background: none; cursor: pointer; outline: none;}
.cont_carrito .result_car .cont_car h2 button p{position: absolute;width: 60px;display: initial; text-align: center; font-size: 10px; margin: 25px 0 0 -35px; padding: 0; font-weight: 600; color: gray; opacity: 0.6;}
.cont_carrito .result_car .cont_car h2 button.del p{color: rgb(238, 74, 25);}
.cont_carrito .result_car .cont_car h2 button.del img{width: 13px; height: 13px;}
.cont_carrito .result_car .cont_car h2 button.edi p{color: rgb(16, 179, 196);}
.cont_carrito .result_car .cont_car h2 button.edi img{width: 16px; height: 16px;}
.cont_carrito .footer_car{width: 80%;display: table; margin: 0; padding: 0 10%;}
.cont_carrito .footer_car .cupons{width: 44%;float: left;box-sizing: border-box; margin: 10px 3%; padding: 20px; border: 1px solid rgb(200, 200, 200);border-radius: 10px;}
.cont_carrito .footer_car .cupons label{width: 80%;display: table; text-align: left; margin: 20px 0 12px 0; padding: 0 10%; font-size: 16px; font-family: sans-serif; font-weight: 400; color: rgb(35, 35, 35);}
.cont_carrito .footer_car .cupons input{width: 60%;float: left; margin: 0 0px 0 5%;padding:12px 0;text-align: center;font-family: sans-serif; font-weight: 400; font-size: 14px; color: gray;outline: none; border: 1px solid rgb(190, 190, 190); border-radius: 5px;}
.cont_carrito .footer_car .cupons input::placeholder{color: rgb(210, 210, 210);}
.cont_carrito .footer_car .cupons button{width: 30%;float: left; margin: 0 0 0 10px;padding: 12px 0 ; text-align: center; font-family: sans-serif; font-weight: 400;font-size: 14px; color: white; background: rgb(4, 127, 193); outline: none;border: none;border-radius: 5px;cursor: pointer;}
.cont_carrito .footer_car .cupons button:hover{opacity: 0.6;}
.cont_carrito .footer_car .cupons p{width: 100%;display: table; text-align: center; margin: 0px 0 0 0; padding: 12px 0 0 0;font-family: sans-serif; color: rgb(35, 35, 35); font-weight: 600;font-size: 13px;}
.cont_carrito .footer_car .pago{width: 44%;float: left;box-sizing: border-box;text-align: center; margin: 10px 3%; padding: 20px; border: 1px solid rgb(200, 200, 200);border-radius: 10px;}
.cont_carrito .footer_car .pago h2{width: 80%;display: table; margin: 0 10% 0 10%; font-size: 16px; font-family: sans-serif;text-align: left; font-weight: 400;padding: 10px 0 14px 0; border-bottom: 1px solid rgb(220, 220, 220);color: rgb(35, 35, 35);}
.cont_carrito .footer_car .pago h2 p{float:right;margin: 0; padding: 0; color: rgb(0, 0, 0);font-weight: 600;}
.cont_carrito .footer_car .pago h2 img{height: 20px; margin: 0 0 -5px ;padding: 0;}
.cont_carrito .footer_car .pago button{width: 80%; margin: 20px 0 0 0; padding: 12px;border: none; outline: none; font-size: 18px; font-family: sans-serif; font-weight: 400; color: white; background: rgb(13, 165, 13); border-radius: 5px; cursor: pointer;}
.cont_carrito .footer_car .pago button:hover{opacity: 0.7;}
.cont_carrito .footer_car .pago .prr{width: 100%; margin: 12px 0 0 0; padding: 0 0 20px 0; font-family: sans-serif; font-weight: 400; font-size: 14px; color: gray;}
.cont_carrito .footer_car .pago .prr img{height: 20px; margin: 2px 0 -8px 5px;}
.cont_carrito .imgnohr{width: 30px; margin: 0 calc(50% - 15px);}
.cont_carrito .pnorspc{width: 100%; text-align: center; margin: 20px 0 0 0; font-family: sans-serif; font-weight: 400; font-size: 16px; color: rgb(35, 35, 35);}
@media screen and (max-width:1000px){
    .cont_carrito .result_car{width: 90%; margin: 0 5%;}
    .cont_carrito .footer_car{width: 90%; padding: 0 5%;}
}
@media screen and (max-width:800px){
    .cont_carrito .result_car{width: 100%; margin: 0%;}
    .cont_carrito .footer_car{width: 100%; padding: 0%;}
}
@media screen and (max-width:700px){
    .cont_carrito .footer_car .cupons{width: 60%;margin: 10px 20%;}
    .cont_carrito .footer_car .pago{width: 60%;margin: 10px 20%;}
}
@media screen and (max-width:600px){
    .cont_carrito .footer_car .cupons{width: 80%;margin: 10px 10%;}
    .cont_carrito .footer_car .pago{width: 80%;margin: 10px 10%;}
}
@media screen and (max-width:500px){
    .cont_carrito .result_car .cont_car h1 .imgcar{width: 100px;padding: 10px 20px 10px 0px;}
    .cont_carrito .result_car .cont_car{width: 92%;display: table; margin: 10px 2%; padding: 20px 2%;}
    .cont_carrito .result_car .cont_car h1 .title{width: calc(100% - 120px)}
    .cont_carrito .result_car .cont_car h1 .undes_dis{color: rgb(0, 162, 250); width: calc(100% - 120px);}
    .cont_carrito .result_car .cont_car h1 .dos{color: rgb(48, 48, 48); width: calc(100% - 120px);}
    .cont_carrito .result_car .cont_car h1 .tres{color: rgb(48, 48, 48); width: calc(100% - 120px)}
}
@media screen and (max-width:400px){
    .cont_carrito .footer_car .cupons{width: 90%;margin: 10px 5%;}
    .cont_carrito .footer_car .pago{width: 90%;margin: 10px 5%;}
}
@media screen and (max-width:400px){
    .cont_carrito .result_car .cont_car h1 .imgcar{width: 100px;padding: 10px 20px 10px 0px;}
    .cont_carrito .result_car .cont_car{width: 92%;display: table; margin: 10px 2%; padding: 20px 2%;}
    .cont_carrito .result_car .cont_car h1 .title{width: calc(100% - 120px);font-size: 14px;}
    .cont_carrito .result_car .cont_car h1 .undes_dis{color: rgb(0, 162, 250); width: calc(100% - 120px);}
    .cont_carrito .result_car .cont_car h1 .dos{color: rgb(48, 48, 48); width: calc(100% - 120px);}
    .cont_carrito .result_car .cont_car h1 .tres{color: rgb(48, 48, 48); width: calc(100% - 120px);font-size: 15px;}
}