:root {
    --light-primary: #61af3f;
    --primary: #29893b;
    --dark-primary: #024c21;  
    --white: #fff;
    --title-color: #000;
    --text-color: #444444;
    --light-grey: #eaeaea;
    --grey: #8c8e94;
    --red: #dd3333;
    --dark-grey: #3a3a3a;
    --gradient: linear-gradient(var(--light-primary), var(--dark-primary)); 
  }

*{
    font-family: "Lato", sans-serif;
    font-size: 1.6rem;
    box-sizing:border-box;
    padding: 0;
}
/*normalize.css v.8.0.1*/
html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:62.5%;}body,figure{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*iconos*/ 
[class^="icon-"],[class*=" icon-"] {
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.icon-tel:before {
    content: "\e90c";
}
.icon-ubicacion:before {
    content: "\e91f";
}
.icon-usuario:before {
    content: "\e90a";
}
.icon-correo:before {
    content: "\e908";
}
.icon-buscador:before {
    content: "\e906";
}
.icon-menu:before {
    content: "\e90e";
}
.icon-carrito:before {
    content: "\e91a";
}
.icon-x:before {
    content: "\e907";
}
.icon-silla-ruedas:before {
    content: "\e919";
}
.icon-arrow-down:before {
    content: "\e90f";
}
.icon-equipos-alquiler:before {
    content: "\e921";
}
.icon-cama:before {
    content: "\e918";
}
.icon-monitoreo-y-oxigenoterapia:before{
    content: "\e900";
}
.icon-ventilacion-mecanica:before {
    content: "\e917";
}
.icon-flecha-der:before {
    content: "\e904";
}

.flex{display: flex;gap: 15px;}
.flex--w50{width: 50%;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.hide{display:none}

.alert{
    position: relative;
    padding: 10px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 5px;
}
.alert-danger {
    color: #823338;
    background-color: #fee0e1;
    border-color: #fed3d6;
}
.alert-success {
    color: #317029;
    background-color: #dff7dc;
    border-color: #d2f4ce; 
}
.alert-info {
    color: #155b6c;
    background-color: #d4eff6;
    border-color: #c3e9f2; 
}
.alert-warning {
    color: #846001;
    background-color: #fff1cc;
    border-color: #feebb8;
}
.alert__close {
    text-shadow: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    position: relative;
    top: -5px;
    cursor: pointer;
}
.alert__close span{
    font-size: 2.5rem;
}


.boton{ 
    display: inline-block;
    text-align: center;
    font-size: 1.5rem;
    color: var(--primary);
    background: var(--white);
    border: 1px solid var(--light-grey);
    padding: 9px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
}
.boton--w50{ 
    width: 50%;
}
.boton--w100{
    width: 100%;
}
.boton--md{
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 1.7rem;
}
.boton--verde{
    background: var(--light-primary); 
    color: var(--white);
}
.boton:hover{
    background: var(--gradient);
    color: var(--white);
    border-color:var(--primary);
    cursor: pointer;
}

.overflow-hidden{
    overflow-y: hidden;
}
.form__group{
    margin-bottom: 1.8rem;
}
.form__label{
    display: inline-block;
    margin-bottom: 1rem;
    color: #000;
    font-weight: bold;
}
.form__input, .form__select, .form__textarea{
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.25;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid var(--light-grey);
    height: 40px;
    color: var(--text-color);
    background: var(--white);
}
.form__input:focus, .form__select:focus{
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--light-grey);
}
.form__textarea{
    height: inherit;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.form__checkbox{
    display: flex;
}
.form__checkbox input{
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.form__checkbox label{
    font-size: 1.5rem;
    font-weight: normal;
}
.form__radio{
    display: inline-flex;
    margin-right: 15px;
    align-items: center;
    cursor: pointer;
}
.form__radio input{
    width: 17px;
    height: 17px;
    margin-right: 5px;
}
.form__olvidarcontrasena{
    display: block;
    margin: 20px 0 25px;
    color: var(--red);
    font-size: 1.6rem;
    text-align: left;
    text-decoration: none; 
}

header{
    position: fixed; 
    top: 0;
    z-index: 2;
    width: 100%;
    background: var(--white); 
    box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
    -moz-box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
}
main{
    padding-top: 86px;
    background: #f6f6f9;
}

/*Cabecera*/
.cabecera__info{
    display: flex;
    justify-content: space-evenly;
    background: var(--primary);
    color: var(--white);
    padding: 8px 0;
}
.cabecera__info-contenedor{
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}
.cabecera__info-texto{  
    margin: 0 0 0 2px;
}
.cabecera__enlace{
    text-decoration: none;
}
.cabecera__enlace--blanco{
    color: var(--white);
}
.cabecera__opciones{ 
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    border-bottom: 1px solid var(--light-grey);
}
.cabecera__opcion{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-right: 1px solid var(--light-grey);
}
.cabecera__opcion:last-child{ 
    border:none;
}
.cabecera__logo-img{
    margin: 4px 10px;
}
.cabecera__icono{
    color: var(--grey);
    font-size: 2.6rem;
    padding: 9px;
}
.cabecera__icono:hover{
    cursor: pointer;
    color: var(--light-primary);
}
.cabecera__usuario, .cabecera__telefono{
    display: none;
}
.cabecera__cantidad-carro{
    position: absolute;
    right: 1px;
    top: 6px;
    height: 17px;
    width: 17px;
    text-align: center;
    font-size: 1.2rem;
    padding-top: 1px;
    background: var(--primary);
    color: var(--white);
    border-radius: 50%;
}
.cabecera__buscador{
    position: inherit;
}
.cabecera__buscador input{ 
    display:none;
    position: absolute;
    left: 0;
    bottom: -44px;
    border: 1px solid var(--light-grey);
    width: 100%;
    height: 45px;
    padding: 10px 40px 10px 10px;
    outline: none
}
.cabecera__buscador .cerrar-buscador{
    position: absolute;
    right: 0;
    bottom: -41px;
    font-size: 2rem;
    padding: 10px;
}
.cabecera__buscador-resultados{ 
    display: none; 
    position: absolute;
    left: 0;
    top: 132px;
    width: 100%;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
    -moz-box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(195 187 187 / 52%);
}
.cabecera__buscador-sin-resultados{
    padding: 10px;
    text-align: center;
    font-size: 1.4rem;
}
.cabecera__buscador-producto{
    display: flex;
    padding: 5px;
    border-bottom: 1px solid var(--light-grey);
    text-decoration: none;
}
.cabecera__buscador-producto-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    padding-left: 5px;
    color: var(--text-color);
    line-height: 1.8rem;
}
.cabecera__buscador-producto-titulo{
    font-size: 1.4rem;
}
.cabecera__buscador-producto-precio{
    color: var(--light-primary);
    font-size: 1.7rem;
}
.cabecera__buscador-producto-precio span{
    font-weight: normal;
    color: var(--grey);
    text-decoration: line-through;
    font-size: 1.5rem;
    margin-left: 5px;
}

/*menu*/
.menu{
    background: var(--gradient);
    position: fixed;
    height: calc(100vh - 86px);
    left: -250px;
    width: 250px;
    overflow-y: auto;
    -webkit-transform: translateX(0);  
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: 10;
}
.menu--active{
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
} 
.menu__ul{
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.menu__li{
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.menu__opcion{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    padding: 10px;
    color: var(--white);
    text-decoration: none;
}
.menu__opcion-icono{
    font-size: 2.4rem;
}
.menu__opcion-texto{
    flex-basis: 175px;
}
.menu__icono-arrow{
    font-size: 1.2rem; 
    min-width: 12px;
} 
.menu--icono-down{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform 0.5s ease-in-out;
}
.menu--icono-up{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform 0.5s ease-in-out;
}
.menu__sub{
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--dark-primary);
}
.menu--open, .menu--close{
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out; 
}
.menu--open{
    max-height: 1000px;
}
.menu__opcion-sub{
    display: block;
    padding: 10px 10px 10px 43px;
    font-size: 1.3rem;
    text-decoration: none;
    color: var(--white);
}

/*banner*/
.banner{
    position: relative;
    background: var(--white);
    min-height: 55vh;
}

/*logos*/
.logos{
    padding: 15px;
    margin: 10px 0 25px;
}

/*productos*/
.producto{  
    position: relative;
    border: solid 1px var(--light-grey);
    background: var(--white);
    display: block;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
}
.producto__imagen img{
    width: 100%;
}
.producto__detalle{
    padding: 13px 15px;
    color: var(--dark-grey);
    font-size: 1.6rem;
}
.producto__precio{
    font-size: 1.8rem;
    color: var(--primary);
    font-weight: bold;
}
.producto__precio-antes{
    position: relative;
    left: 6px;
    top: -1px;
    font-weight: normal;
    color: var(--grey);
    font-size: 1.4rem;
    text-decoration: line-through;
}
.producto__rating a,
.producto__rating span {
    display: inline-block;
    color: var(--grey);
    font-size: 2.2rem;
    margin-right: 2px;
    text-decoration: none;
    letter-spacing: -2px;
}
.producto__rating .active{
    color: #e5e909;
} 
.productos{
    margin: 13px;
    padding: 12px 13px 35px;
    background: var(--white);
    border: 1px solid var(--light-grey);
    border-radius: 10px;
}
.productos .splide__pagination {
    bottom: -2.5em;
}
.productos__categoria {
    padding-top: 13px;
}
.productos__titulo{
    margin: 0 0 10px;
    font-size: 2rem;
}
.productos__listado .producto{
    margin-bottom: 15px;
}
.productos-relacionados .productos__titulo{
    text-align: center;
    padding: 30px 0 10px;
    font-size: 2.5rem;
}

/*box*/
.box__contenedor{
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 25px;
    margin-bottom: 25px;
} 
.box__titulo, .box__subtitulo{
    color: var(--title-color);
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 20px;
}
.box__texto{
    color: var(--title-color);
    margin: 0 0 15px;
}


/*tabs*/
.tabset{
    position: relative;
}
.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}  
.tabset .tab-panel {
    display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}
.tabset > label {
    position: relative;
    display: inline-block;
    padding: 14px 10px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    color: var(--grey);
}
.tabset > label span{display:none}
.tabset > label:hover,
.tabset > input:focus + label {
    color: #06c;
}
.tabset > input:checked + label {
    border-bottom: 3px solid var(--light-primary);
    margin-bottom: -1px;
    color: var(--light-primary);
}
.tab-panel {
    padding: 20px;
    border-top: 1px solid var(--light-grey);
}

/*resumen*/
.resumen{
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-grey);
}
.resumen__titulo{
    font-size: 1.9rem;
    font-weight: bold;
}
.resumen__costos{
    padding: 7px 0;
}    
.resumen__costos > div{
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}
.resumen__costos-texto{
    font-size: 1.5rem;
    color: var(--grey);
}
.resumen__costos-valor{
    font-weight: bold;
}
.resumen__total{
    display: flex;
    justify-content: space-between;
}
.resumen__total-valor{
    font-weight: bold;
    color: var(--light-primary);
}






/*mi cuenta*/
.vista-mi-cuenta .capa__info{
    padding: 0;
}
.vista-mi-cuenta__titulo{
    color: var(--title-color);
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.vista-mi-cuenta__historial{
    border: 1px solid var(--light-grey);
}
.vista-mi-cuenta__historial-cabecera{
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    border-bottom: 2px solid var(--light-grey);
}
.vista-mi-cuenta__historial-titulo{
    font-weight: bold;
    width: 33.33333%;
    text-align: center;
}
.vista-mi-cuenta__historial-pedido{
    display: flex;
    justify-content: space-around;
    padding: 9px 0;
}
.vista-mi-cuenta__historial-pedido div{
    font-size: 1.5rem;
    width: 33.33333%;
    text-align: center;
}
.vista-mi-cuenta__direccion{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.vista-mi-cuenta__direccion-info{
    display: flex;
}
.vista-mi-cuenta__direccion-info i{
    font-size: 2.5rem;
    margin-right: 5px;
}
.vista-mi-cuenta__direccion-nombre{
    font-weight: bold;
    margin-bottom: 7px;
}
.vista-mi-cuenta__direccion-ct{
    color: var(--grey);
    font-size: 1.5rem;
}
.vista-mi-cuenta__direccion-acciones{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.vista-mi-cuenta__direccion-acciones a{ 
    text-decoration: none;
    color: var(--red);
    display: block;
    margin-bottom: 5px;
}
.vista-mi-cuenta__cerrar-sesion{
    position: absolute;
    top: 20px;
    right: 11px;
    color: var(--white);
}

/*vista desplegada*/
.vista-desplegada__galeria-fotos{
    border: 1px solid var(--light-grey);
    margin-bottom: 15px;
}
.vista-desplegada__galeria-thumbs{
    margin-bottom: 15px;
}
.vista-desplegada__galeria-thumbs .splide__slide {
    border: 1px solid var(--light-grey) !important;
}
.vista-desplegada__galeria-thumbs .splide__slide.is-active {
    border-color: var(--light-primary) !important;
}
.vista-desplegada__nombre{
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
}
.vista-desplegada__descripcion-corta{
    padding: 10px 0;
}
.vista-desplegada__descripcion-corta *{  
    color: var(--grey);
    font-size: 1.4rem;
}
.vista-desplegada__detalles{
    margin-bottom: 30px;
}
.vista-desplegada__opciones{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--light-grey)
}
.vista-desplegada__opcion{ 
    display: flex;
    align-items: center;
}
.vista-desplegada__precio{
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    color: var(--light-primary);
    width: 60%;
    font-weight: bold;
}
.vista-desplegada__precio-antes{
    font-weight: normal;
    color: var(--grey);
    text-decoration: line-through;
}
.vista-desplegada__cantidad{
    width: 40%;
    display: flex;
    color: #000;
}
.vista-desplegada__cantidad input{
    border: 1px solid var(--light-grey);
    outline: none;
    text-align: center;
    width: 50%;
    height: 30px;
}
.vista-desplegada__cantidad-restar, .vista-desplegada__cantidad-sumar{
    font-size: 2rem;
    border: 1px solid var(--light-grey);
    font-weight: bold;
    width: 25%;
    text-align: center;
    padding-top: 2px;
}
.vista-desplegada__cantidad-restar{
    border-right: none;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.vista-desplegada__cantidad-sumar{
    border-left: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.vista-desplegada__variaciones > div{
    margin-bottom: 7px;
}
.vista-desplegada__variaciones > div:last-child{
    margin: 0; 
}
.vista-desplegada__variacion{
    display: flex;
    align-items: center;
    width: 60%;
    padding-right: 10px;
}
.vista-desplegada__variacion img{
    width: 38px;
    border: 1px solid var(--light-grey);
}
.vista-desplegada__variacion-nombre{ 
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: -0.5px;
    padding-left: 7px;
}
.vista-desplegada__variacion-precio{ 
    font-size: 1.3rem;
    color: var(--light-primary);
}
.vista-desplegada .tabset > label{
    padding: 14px 6px;
    font-size: 1.5rem;
} 
.vista-desplegada .tab-panel {
    padding: 20px 0 0;
}
.vista-desplegada .tab-panel p{ margin-top: 0; }
.vista-desplegada__accion-titulo{
    font-size: 2rem;
    padding-bottom: 10px;
}
.vista-desplegada__accion-texto{
    padding-bottom: 10px;
}
.vista-desplegada__preguntas, .vista-desplegada__valoraciones{
    border-top: 1px solid var(--light-grey);
    margin-top: 20px;
}
.vista-desplegada__cpregunta{
    padding: 20px 0 5px;
    border-bottom: 1px solid var(--light-grey);
}
.vista-desplegada__pregunta{ 
    position: relative;
    padding: 0 0 10px 22px;
    font-size: 1.5rem;
    color: var(--title-color);
}
.vista-desplegada__pregunta i, .vista-desplegada__respuesta i{
    position: absolute;
    left: 4px;
    top: 2px;
    color: var(--light-primary);
}
.vista-desplegada__respuesta{
    position: relative;
    padding: 0 0 0 22px;
    font-size: 1.5rem;
    color: var(--grey);
}
.vista-desplegada__respuesta *{ font-size: 1.5rem !important; }
.vista-desplegada__cbtn{
    text-align: center;
    padding-top: 15px;
}
.vista-desplegada__valoracion{
    border-bottom: 1px solid var(--light-grey);
    padding: 15px 0;
}
.vista-desplegada__valoracion-autor{
    color: var(--primary);
}
.vista-desplegada__valoracion-comentario{
    font-size: 1.5rem;
    color: var(--grey);
}

/*carro*/
.vista-carro__box{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--light-grey);
}
.vista-carro__box-titulo{
    font-weight: bold;
}
.vista-carro__box-titulo.t1{
    width: 45%;
}
.vista-carro__box-titulo.t2{
    width: 28%;
    text-align: center;
}
.vista-carro__box-titulo.t3{
    width: 27%;
    text-align: center;
}
.vista-carro__producto{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-grey);
}
.vista-carro__producto-nombre{
    display: flex;
    flex-direction: column;
    width: 45%;
    font-size: 1.4rem;
    text-align: left;
}
.vista-carro__producto-nombre a{
    font-size: 1.4rem;
    color: var(--red);
    margin-top: 4px;
}
.vista-carro__producto .vista-desplegada__cantidad{
    width: 28%;
}
.vista-carro__producto-precio{
    width: 27%;
    letter-spacing: -0.5px;
    text-align: center;
    color: var(--light-primary); 
}

/*checkout*/
.vista-finalizar-compra__titulo{  
    font-size: 1.9rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
}
.vista-finalizar-compra__producto{  
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-grey);
}
.vista-finalizar-compra__producto-nombre{
    text-align: left;
}
.vista-finalizar-compra .resumen{ 
    margin-top: 0;
}
.vista-finalizar-compra__franquicias{
    display: flex;
    gap: 15px;
}
.vista-finalizar-compra__franquicia{
    text-indent: 0;
    border: 1px solid #A5C407;
    cursor: pointer;
    position: relative; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-position: -240px -334px;
    height: 40px;
    width: 60px;
    background-image: url(../img/metodos-pago.png);
    background-repeat: no-repeat;
}
.vista-finalizar-compra__franquicia.active {
    -webkit-box-shadow: 0 0 6px 1px #a5c407;
    -moz-box-shadow: 0 0 6px 1px #A5C407;
    -ms-box-shadow: 0 0 6px 1px #A5C407;
    -o-box-shadow: 0 0 6px 1px #A5C407;
    box-shadow: 0 0 6px 1px #a5c407;
}
.vista-finalizar-compra__franquicia.MasterCard {
    background-position: -120px -334px;
}
.vista-finalizar-compra__franquicia.AmEx {
    background-position: -324px -152px;
}

/*capa*/
.capa__contenido{padding-top:60px;-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s;background: #fff;bottom: 0;left: 0;max-width: 100%;position: fixed;top: 0;width: 100%;z-index: 41;transform: translate(100vw, 0px);box-shadow: 0 0 10px -5px rgba(0,0,0,.2), 0 0 24px 2px rgba(0,0,0,.14), 0 0 30px 5px rgba(0,0,0,.12);}
.capa__contenido.abrir{transform: translate(0vw, 0px); max-width: 100vw;} 
.capa__fondo {-ms-filter: "alpha(opacity=0)";opacity: 0;visibility: hidden;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;background: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;visibility: hidden;z-index: 41;}
.capa__fondo.abrir {-ms-filter: "alpha(opacity=32)";opacity: .32;visibility: visible;}

.capa__top{ position: fixed;width: 100%;display: flex;align-items: center;top: 0;height: 60px;background: var(--light-primary);color: var(--white);}
.capa__cerrar-nivel{display: inline-block;padding: 13px 16px 12px 20px;border-right: 1px solid var(--primary);color: var(--white);text-decoration: none;}
.capa__cerrar-nivel i{ font-size: 2.9rem; }
.capa__cerrar-nivel:hover{background: #dd3333; }
.capa__titulo{display: inline-block;font-weight: bold;padding-left: 18px;font-size: 1.4rem;line-height: 1.7rem;}
.capa__titulo-precio{color: var(--white);font-size: 1.8rem;margin-left: 10px;}
.capa__titulo-precio span{font-size: 1.5rem;margin-left: 5px;color: var(--white);}
.capa__subtitulo{ display: block;font-weight: 300;font-size: 1.5rem;line-height: 1.8rem;} 
.capa__info{padding: 20px;overflow-y: auto;max-height: 100%;color: #000;text-align: justify;}

.capa__prehtml-item{ float: left;width: 250px;margin: 5px 5px 25px;}
.capa__prehtml-imagen{width: 100%;min-height: 150px;background: #ccc;}
.capa__prehtml-titulo, .capa__prehtml-subtitulo{width: 90%;background: #e3e3e3;height: 25px;margin: 10px 0;}
.capa__prehtml-subtitulo{width: 60%;}
.capa__prehtml-fotoproducto{background: #ccc;height: 300px;margin-bottom: 15px;}
.capa__prehtml-detalles .titulo,.capa__prehtml-detalles .texto{width: 60%;background: #e3e3e3;height: 25px;margin: 0 0 20px;}
.capa__prehtml-detalles .texto{width: 100%;}
.capa__prehtml-c1, .capa__prehtml-c2, .capa__prehtml-c3{background: #e3e3e3;width:100%;height:50px;margin-bottom:20px;}
.capa__prehtml-c2{height:100px}
.capa__prehtml-c3{height:260px} 

.capa__prehtml.p{ display: flex;flex-wrap: wrap;gap: 20px;}
.capa__prehtml.p .capa__prehtml-item{ width: 100%;margin: 0;}
.capa__prehtml-item-img{width: 100%;min-height: 150px;background: #ccc;}
.capa__prehtml-item-titulo, .capa__prehtml-item-subtitulo{width: 90%;background: #e3e3e3;height: 25px;margin: 10px 0;}


.transaccion{
    padding: 10px 15px;
    background: #fff;
    border-bottom: 1px solid var(--light-grey);
}
.transaccion--h3{
    font-size: 1.5rem;
    font-weight: normal;
}
.transaccion--h4{
    font-size: 1.5rem;
    margin: 0;
    color: var(--light-primary);
}

.table{
    border: 1px solid var(--light-grey);
    width: 100%;
    border-collapse: collapse;
}
.table th, .table td {
    border: 1px solid var(--light-grey);
    vertical-align: top;
    padding: 1rem;
    width: 50%;
    overflow-wrap: anywhere;
}

.toolbox { 
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    top: -150px;
    left: 0;
    z-index: 5000;
    background: var(--light-primary);
    color: var(--white);
    -webkit-box-shadow: 0 7px 30px 0 rgb(0 0 0 / 20%), 0 7px 30px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 7px 30px 0 rgb(0 0 0 / 20%), 0 7px 30px 0 rgb(0 0 0 / 20%);
}
.toolbox__icono{
    background: var(--primary);
    padding: 20px;
}
.toolbox__icono i{
    font-size: 4rem;
} 
.toolbox__info{
    padding: 0 30px 0 15px;
    text-align: left;
    line-height: 1.3rem;
}
.toolbox__texto{
    font-size: 1.4rem;
}
.toolbox__btn{
    display: flex;
    color: var(--white);
    padding: 7px 0;
    text-decoration: none;
}
.toolbox__btn i{
    margin-left: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.3rem;
    position: relative;
    top: 3px;
}
.toolbox__btn-cerrar{
    position: absolute; 
    top: 0;
    right: 0;
    font-size: 2.5rem;
    padding: 5px; 
    cursor: pointer;
}
.toolbox__show { -webkit-animation: toolbox__show 1s;animation-fill-mode: forwards; }
.toolbox__hide { -webkit-animation: toolbox__hide 1s;animation-fill-mode: forwards; }

/*accordion*/
.accordion { 
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    list-style: none;
}
.accordion__li { 
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 15px auto;
    border: 1px solid var(--light-grey);
    cursor: pointer;
}
.accordion__li-titulo {
    font-weight: 700;
    position: relative;
    display: block;
    height: auto;
    margin: 0
}
.accordion__li-titulo label{
    display: flex;
    align-items: center;
    padding: 15px 17px;
}
.accordion__li-titulo label input{
    height: 17px;
    width: 17px;
    margin-right: 7px;
}
.accordion__li-texto {
    display: none;
    padding: 15px 20px 5px;
    border-top: 1px solid var(--light-grey);
}

.cargador { 
    display: none;
    justify-content: center;
    align-items: center;
    color: #1e7dca;
    background: #eeeeee94;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 1;
}
.spinner-border {
    display: inline-block;  
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    -moz-animation: spinner-border .75s linear infinite;
    -o-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite; 
}

@-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } 
}
@-moz-keyframes spinner-border {
    to {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg); } 
}  
@-o-keyframes spinner-border {
    to {
      -o-transform: rotate(360deg);
      transform: rotate(360deg); } 
}  
@keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg); } 
}


@-webkit-keyframes toolbox__show{
    0%{top:-150px}
    100%{top:80px}
}
@-webkit-keyframes toolbox__hide{
    0%{top:80px}
    100%{top:-150px}
}

@media (min-width: 375px) {
    .productos__listado{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .productos__listado .producto { 
        margin: 0;
        width: calc(50% - 5px);
    }

    .vista-finalizar-compra__titulo{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .capa__prehtml.p {
        gap: 10px;
    }
    .capa__prehtml.p .capa__prehtml-item {
        width: calc(50% - 5px);
        margin: 0 0 15px;
    }
}