/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

/* Muy general  */

/* Body */

body{
    font-family: "Poppins", Helvetica, Arial, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* header */

#header .header-top a[data-depth="0"] {
    font-family: "Poppins", Helvetica, Arial, Verdana, sans-serif;
    color:white;
    transition: all 0.5s;
}
#header .header-top {
    background:#1a1c20;
}
#header .top-menu a[data-depth="0"]:hover{
    color:#148ba9;
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding: 0.625rem;
    border-bottom: 1px solid #f6f6f6;
    color:black;
}
#header a:hover {
    color:#148ba9;
}
    
#header .logo {
    max-width: 100%;
    height: auto;
}
    
#header .header-nav .cart-preview.active {
    background: #148ba9;
}
    
#header .header-nav .blockcart {
    height: 3.1rem!important;
}

/* Main */

main{
    flex-grow: 1;
}

/* Footer */

#footer {
    padding-top: 0;
    flex-shrink: 0;
    height: 100px;
    margin-top: -6.5rem;
}

/* ocultar el texto de prestashop y su enlace */

p.text-sm-center {
    display: none;
}
  
/* imputs + btns similares a la página de nord arbona  */

.form-control:focus{
    outline: none!important;
    border: 1px solid rgba(0,0,0,0.08)!important;
    background-color: #fdfdfd!important;
}
  
.form-control:focus::placeholder{
    opacity:0.2;
}
  
span.buttonText{
   font-size: .875rem;
   font-family: "Poppins", Helvetica, Arial, Verdana, sans-serif ;
   font-weight: 600;
}
  
.btn.btn-default {
  background: #148ba9;
}
  
#id_contact:focus{
    outline: 0px solid transparent!important;
    box-shadow: 0 0 0 2px #148ba9;
}
  
.form-control {
    display: block;
    margin: 0 auto;
    width: 90%;
    background-color: #fdfdfd;
    outline: 0;
    border: 1px solid rgba(0,0,0,0.08);
    padding-left: 1rem;
    font: normal 14px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 1rem;
}

/* los inputs de la contraseña y nueva contraseña en la página de información  */

input#field-password {
    margin-left: 5%;
}

input#field-new_password {
    margin-left: 5%;
}

.input-group .form-control {
    position: relative;
    /* z-index: 2; */
    float: left;
    width: 90%!important;
    margin-bottom: 0;
}

/* Un z-index que daba por defecto prestashop al hovear */

.input-group .form-control:hover{
    z-index: 0!important;
}
  
.input-group.js-parent-focus.focus{
  border-radius:2rem;
}
.input-group:focus{
    outline: none !important;
    border-color:#148ba9;
}
#field-password:focus{
  outline: none !important;
  border:none;
}
.btn{
  border-radius:2rem;
}

/* elemento a (links) para la página */
  
a{
    color: #148ba9;
    font-weight: 600;
    font: normal 15px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif;
}
  
a.subcategory-name{
  font: normal 18px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif;
  color: #148ba9;
  font-weight: 600;
  text-decoration: none!important;
}
  
a:hover {
    color: #148ba9;
    text-decoration:none!important;
}
  
/* la linea de abajo de los productos destacados para separar más su sección  */

.featured-products.clearfix{
  border-bottom:1px solid #003867;
  margin-bottom:1rem;
}

/* hover de la flechita del carrousel/slider del home */
  
.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
    color: #148ba9;
}

/* link del modulo myaccount para cambiar el color del enlace */
  
#block_myaccount_infos .myaccount-title a {
    color:white;
}

/* h4 generales */

h4, .h4 {
    font-size: 1.125rem;
    color:white;
}

/* footer elements */

.footer-container .h3, .footer-container .h4 {
    margin-bottom: 1rem;
    font-size: 1rem;
    color:white;
}
  
.footer-container li a:hover {
    color:#148ba9;
}
  
.footer-container{
  background:#1a1c20;
}

/* el buscador del home */
  
#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #f1f1f1;
    border: none;
    border-radius: 2rem;
}

/* iconos de la libreria material icons */
  
.material-icons.add{
  color:white;
}
  
.material-icons.remove{
  color:white;
}
  
.block-contact .navbar-toggler .material-icons {
    color: white;
}

.material-icons.d-inline:hover{
    color:#148ba9;
}

/* las subcategorias en el apartado de categorias */

#subcategories ul li .subcategory-image a {
    border-radius: 1rem;
}
  
#subcategories ul li .subcategory-name:hover{
    color:#148ba9;
}
  
#subcategories ul li:hover .subcategory-image a {
    border:5px solid #148ba9;
}

/* ajustar el texto con uppercase */

.text-uppercase.h6{
  width: fit-content;
}

/* bloque de categorias */

.block-category {
    padding: 1.25rem 1.25rem 0.5rem;
    background-color: #ffff;
    color:white;
    border-radius:.5rem;
    margin-bottom: 1rem;
}
  
.block-category h1 {
    margin-bottom: 1rem;
    font-size: 2rem;
    border-bottom:2px solid #003867;
    width: fit-content;
    color:black;
    font-weight: 600;
}
  
.block-categories {
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: #fff;
    box-shadow: 0px 2px 4px 1px rgb(197, 193, 193);
}
  
.block-category .block-category-inner #category-description p, .block-category .block-category-inner #category-description .page-content.page-cms ul, .page-content.page-cms .block-category .block-category-inner #category-description ul {
    margin-bottom: 0;
    color: black;
    word-break: break-word;
    font-weight:500;
}

@media(max-width: 767px){
#category #search_filter_toggler{
    width: 100%;
} 
    
}

/* hover en el btn de filtro de búsqueda del producto */

.products-selection.filter-button.btn-secondary.products-selection.filter-button.btn-tertiary:hover {
    background:black;
    color:black;
}

/* en el bloque de mi cuenta para darle otro hover a los i */

.page-my-account #content .links a i:hover{
   color:#148ba9;
}

/* poner el texto en el bloque de mi cuenta con el color corporativo */

.page-my-account #content .links a span.link-item i.material-icons{
  color:#148ba9;
}

/* wrapper general */

#wrapper {
    /* padding-top: 3.2rem; */
    background: #f6f6f6;
    height: 100%;
    padding-top: 4.563rem;
    padding-bottom: 5rem;
}

/* inputs y btns del formulario del registro */

.wrapper-box form{
    padding: 30px 25px 25px 25px;
}

.wrapper-box form .row-box{
    height: 55px;
    position: relative;
    display: flex;
    border-bottom:none;
}

.wrapper-box form  .row-box.input-form{
    height: 100%;
    width: 100%;
    outline: none;
    padding-left: 5px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    font-size: 16px;
    transition: all 0.3s ease;
}
  
form.row-box.input-form{
   background-color: #fdfdfd;
}

form .row-box .input-form::placeholder{
    color: #999;
}

form .row-box .input-form::placeholder:focus{
    color: #999;
}
  
.row-box{
    margin-bottom:.5rem!important;
    margin-left:1rem;
    margin-right:1rem;
    margin-top: 1rem;
    border-bottom:none!important;
}
  
.input-form {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    margin-bottom: 2rem;
    background-color: #fdfdfd;
    outline: 0;
    border: 1px solid rgba(0,0,0,0.08);
    padding-left: 1rem;
    font: normal 14px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif;
}
  
form .row-box .input-form:focus::placeholder {
    opacity: .2;
}

.wrapper-box form .row-box i{
    position: absolute;
    width: 47px;
    height: 100%;
    color: #fff;
    font-size: 18px;
    background: #148ba9;
    border: 1px solid #148ba9;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-box form .pass{
    color: #148ba9;
    font-size: 15px;
    text-decoration: none;
    margin-top:1rem;
}

.wrapper-box form .pass a{
    color: #148ba9;
    font-size: 15px;
    text-decoration: none;
}

.wrapper-box form .pass a:hover{
    text-decoration: underline;
}

.wrapper-box form .button .input-form{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding-left: 0px;
    background: #148ba9;
    border: 1px solid #148ba9;
    cursor: pointer;
}

form .button .input-form:hover{
    background: #148ba9;
}

.wrapper-box form .signup-link{
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
}

.wrapper-box form .signup-link a{
    color: #148ba9;
    text-decoration: none;
    margin-left: 0.5rem;
}

form .signup-link a:hover{
    text-decoration: underline;
}

.row-box .button{
    width: 33.33%;
    display: block;
}

/* el boton de registro del home  */

.btn-login {
    border-radius: 2rem;
    background-color: #148ba9;
    font: bold 16px / 18px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    color: white;
    border: none;
    cursor: pointer;
    width: 160px;
    height: 52px;
    margin-left: 50%;
    margin-right: -50%; 
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
    transform: translateX(-50%);
}
.btn-login:hover{
    background-color:#1c758e;
}
  
.svg-icon{
    width: 34px;
    height: 34px;
    color:#1c758e;
    margin-left:1rem;
    margin-top:.3rem;
    position: absolute;
}
  
.product-line-info:hover{
    color:#148ba9;
}
  
  
.label-box{
    margin-bottom:.5rem;
    margin-top:2rem;
    margin-left:1rem;
    margin-right:1rem;
    color:#148ba9;
    font-weight: 600;
}
  
label{
    font: 15px / 18px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-align: left!important;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 1rem;
}
a.label:hover{
    color:#148ba9;
}
  
.signup-link{
    text-align:center;
}
  
.pass{
    margin-top:1rem;
} 
  
/* product page  */
  
.btn-primary {
    color: #fff;
    background-color: #148ba9;
    border-color: rgba(0,0,0,0);
    margin-bottom: 1rem;
}
  
.btn-primary:hover {
    background-color: #1c758e;
}
  
.product-price {
    display: inline-block;
    color: #148ba9!important;
}

#product-description-short-19{
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}
  
.product-miniature .highlighted-informations .quick-view:hover {
    font-size: 1rem;
    color: #148ba9;
}
  
.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.3125rem 0.4375rem;
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    pointer-events: auto;
    background: #148ba9;
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem;
}

textarea#field-textField1.product-message{
    display: block;
    margin: 0 auto;
    width: 100%;
    background-color: #fdfdfd;
    outline: 0;
    border: 1px solid rgba(0,0,0,0.08);
    padding-left: 1rem;
    font: normal 14px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif;
}

textarea#field-textField1.product-message:focus{
    outline: none!important;
    border: 1px solid rgba(0,0,0,0.08)!important;
    background-color: #fdfdfd!important;
}

textarea#field-textField1.product-message:focus::placeholder{
    opacity:0.2;
}

/* wishlist + el btn que añade a tu lista de favoritos ,forma de corazón  */

a.wishlist-add-to-new:hover{
    color: #1a8196!important;
    background:transparent!important;
}

.wishlist-list-item-title{
    color: #1a8196!important;
    margin-bottom:2rem;
}

.wishlist-list-item-right>button i:hover {
    color: #1a8196!important;
}
  
  
.wishlist-product-combinations a:hover {
    color: #1a8196!important;
}

.wishlist-button-add i:hover {
    color: #148ba9;
}

/* Para la página de mi lista de deseos cuando no se tiene ninguno y no se vea mal el footer */

.wishlist-footer-links {
    margin-bottom: 6.4rem!important;
}

/* dropdown menu y el select de los productos */

.products-sort-order .dropdown-menu, .brands-sort .dropdown-menu, .suppliers-sort .dropdown-menu {
    left: auto;
    width: 16.88rem;
    margin: 0;
    background: #f6f6f6;
    border: none;
    border-radius: 0;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}
  
a.select-list.js-search-link:hover{
    background: #148ba9;
}
  
.product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

.products-sort-order, .brands-sort, .suppliers-sort {
    color: #7a7a7a;
    border-radius:.5rem;
}
  
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: #148ba9 3px solid;
    border-radius: 1rem;
}
  
.product-cover img {
    background: #fff;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}
  
#product-description-short {
    color: #232323;
    margin-bottom:2rem;
}
  
#product-availability .product-last-items {
    color: #148ba9;
}
  
.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: #148ba9 3px solid;
}
  
.tabs .nav-tabs .nav-link.active {
    color: #148ba9;
    border: none;
    border-bottom: #148ba9 3px solid;
}

/* confirmación de compra */


body#checkout section.checkout-step {
    padding: 0.625rem;
    background-color: #fff;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}
  
.card-block {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    background-color: #fff;
}
  
.cart-grid-body a.label:hover {
    color: #148ba9;
}


/* X para cerrar el modal pagina de producto  */
  
.close:hover {
    color: #148ba9;
}
  
   /* RRSS de la pagina de producto  */
  
.social-sharing{
    display:none;
}
  
   /* Dentro de la página de producto  */
  
path#fill {
    fill: #148ba9;
    opacity:1;
}
  
/* Botón de comentarios  */
  
  
.btn-comment, .btn-comment-inverse {
    height: 36px;
    border-radius: 2rem;
    background-color:#148ba9;
    color: #fff;
    font-size: 16px;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    padding: 8px;
}
  
.btn-comment.btn-comment-inverse:hover {
    background-color: #1c758e; 
}

.btn-comment:hover {
    background-color: #1c758e;
}
  
/* portal del cliente  */
  
.text-primary {
    color: #a5a6a7!important;
}
  
a.dropdown-item{
    font-weight: 300;
}
  
body#checkout .cart-grid-right .card .cart-summary-subtotals-container {
    padding: 1rem;
}

@media (min-width: 576px){
    body#my-account #main>footer>div {
        /* text-align: center!important;
        border-radius: 2rem;
        background-color: #148ba9;
        width: max-content;
        padding: 1rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%); */
        margin-top: 3rem;
    }
}


/* checkbox para la confirmación de compra */
  
.custom-radio input[type="radio"]:checked+span {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #148ba9;
    border-radius: 50%;
}
  
body#checkout a:hover {
    color: #1a8196;
    text-decoration: underline;
}

/* ocultar los br para que no se vean los saltos de linea */

br{
  display:none;
}

.input-group.focus {
    outline:none!important;
}

/* añadir la box shadow en el bloque de mi cuenta para cada enlace a las páginas */

.page-my-account #content .links a span.link-item {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* el logo en el formato mobile */

#_mobile_logo {
    min-height: 42px;
}

/* pagina de customer account  */

.page-customer-account #content {
    padding: 1rem;
    background: #fff;
    font-size: .875rem;
    color: #7a7a7a;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* en la pagina de direcciones para que veas tu información en diferentes lineas y no en una sola y lo mismo pero aplicado en la pagina del checkout */

.page-addresses .address .address-body address br{
    display:block!important;
}
  
#invoice-address>address>br{
    display:block!important;
}
  
#delivery-address>address>br{
    display:block!important;
}

#id-address-delivery-address-10 > header > label > div > br:nth-child(1){
    display:block!important;
}

#id-address-delivery-address-10 > header > label > div > br:nth-child(2){
    display:block!important;
}

#id-address-delivery-address-10 > header > label > div > br:nth-child(3){
    display:block!important;
}

#id-address-delivery-address-10 > header > label > div > br:nth-child(4){
    display:block!important;
}

#id-address-delivery-address-10 > header > label > div > br:nth-child(5){
    display:block!important;
}

/* focus y un hover de serie para los elementos a de la web */

a.text-primary:focus, a.text-primary:hover {
    color: #1a8196!important;
}

/* en la vista rapida de la ficha del producto por defecto tenía un z-index que se sobreponía a todo y tuve que bajarlo para que se viera bien y la pestaña del descuento */

.product-flags {
    z-index: 0;    
}

.products article .wishlist-button-add {
    z-index: 0;
}
  
.product-miniature .highlighted-informations {
    z-index: 0;
}

.dropdown-menu a.select-list:hover {
    background: #148ba9!important;
    color:#fff;
}
  
.page-order-detail .addresses h4 {
    font-size: 1rem;
    font-weight: 700;
    color: black;
}
  
#product-description-short-20>h1{
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    padding:1rem!important;
    border-radius:.5rem;
}
  
.product-comment-list-item {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}


.tabs {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #148ba9;
}
  
#blockcart-modal .cart-content .btn {
    font-size: .88rem;
}
  
#main .page-content {
    margin-top: 2rem;
}

/* las paginaciones de la página de productos */
  
.page-order-detail .box {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}
  
.pagination .current a {
    color: #148ba9;
}
.pagination .page-list {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    border-radius:.5rem;
}
  
a.dropdown-item {
    color: #148ba9;
    font-weight: 600;
    font: normal 15px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none!important;
}
 
#block_myaccount_infos{
  display:none;
}
  
div.block-contact.col-md-3.links.wrapper{
  display:none;
}
  
.cart-grid-body .cart-overview {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    background: #fff;
}
  
/* editar el iframe de la ubicación con maps */
  
.iframe-maps{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width:100%;
}
  
  
/* el bloque del horario en la página de contacto */
  
.timetable{
  width:100%;
  display:flex;
}
  
.svg-time-icon{
  width:40px;
  height:40px;
}
  
div.col-md-6 { 
    width: 100%!important;
}

/* la página las marcas  */

/* body#manufacturer main section#wrapper{
    padding-top: 4.9rem;
} */

/* la página de direcciones  */

body#addresses #main .page-footer{
    margin-bottom: 3.1rem;
}

/* para ocultar el enlace de contacto de la parte superior izquieda del header en el home */

#header .header-nav #_desktop_contact_link{
    display: none!important;
}

/* para que no desborde la pagina de categorias 11-climatización */

body#category {
    overflow-x: hidden;
}

/* Página de /pedido */

body#checkout #header, #header .header-top {
    background-color: #1a1c20;
}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #148ba9 3px solid;
}

body#checkout section.checkout-step .address-alias {
    color: black!important;
}

/* En la página de pedido hacer visibles los br para que se pueda leer mejor */

#id-address-delivery-address-12 > header > label > div > br:nth-child(1){
    display: block!important;
}

#id-address-delivery-address-12 > header > label > div > br:nth-child(2){
    display: block!important;
}

#id-address-delivery-address-12 > header > label > div > br:nth-child(3){
    display: block!important;
}

#id-address-delivery-address-12 > header > label > div > br:nth-child(4){
    display: block!important;
}

#id-address-delivery-address-12 > header > label > div > br:nth-child(5){
    display: block!important;
}

/* ocultar campos opcionales de la página de /pedido  */

#invoice-address > div > section > div:nth-child(3) > label{
    display: none;
}

body#checkout input#field-alias{
    display: none;
}

/* Igual en la página de direcciones */

body#address #content > div > div > form > section > div:nth-child(3) > div.col-md-3.form-control-comment{
    display: none;
}
body#address #content > div > div > form > section > div:nth-child(6) > div.col-md-3.form-control-comment{
    display: none;
}
body#address #content > div > div > form > section > div:nth-child(9) > div.col-md-3.form-control-comment{
    display: none;
}
body#address #content > div > div > form > section > div:nth-child(13) > div.col-md-3.form-control-comment{
    display: none;
}

#content > div > div > form > section > div:nth-child(3) > label{
    display: none;
}

/* Igual en la pagina de identificación  */

.custom-checkbox label {
    text-align: left;
    margin-left: 5%;
    width: 90%;
    padding: 0.5rem;
}

body#identity div#content-wrapper {
    width: 100%;
    /* margin-left: 10%; */
}

.form-control-comment{
    margin-left: 5%!important;
}

#customer-form > div > div:nth-child(13) > div.col-md-6 > div{
    display: block!important;
}

#customer-form > div > div:nth-child(15) > div.col-md-6 > div{
    display: block!important;
}

body#identity #customer-form > div > div:nth-child(4) > div.col-md-3.form-control-comment{
    display: none;
}

body#identity #customer-form > div > div:nth-child(5) > div.col-md-3.form-control-comment{
    display: none;
}

body#identity #customer-form > div > div:nth-child(8) > div.col-md-3.form-control-comment{
    display: none;
}

body#identity #customer-form > div > div:nth-child(9) > div.col-md-3.form-control-comment{
    display: none;
}

#customer-form > div > div:nth-child(7) > div.col-md-3.form-control-comment{
    display: none;
}

#customer-form > div > div:nth-child(8){
    display: none;
}

#customer-form > div > div:nth-child(10){
    display: none;
}

#customer-form > div > div:nth-child(15) > div.col-md-3.form-control-comment{
    display: none;
}

#customer-form > div > div:nth-child(16){
    display: none;
}

#customer-form > div > div:nth-child(17) > div.col-md-3.form-control-comment{
    display: none;
}

#customer-form > div > div:nth-child(18){
    display: none;
}

/* darle un poco de padding al "custom-checkbox" */

#customer-form > div > div:nth-child(10) > div.col-md-6 {
    margin-bottom: -2rem;
}

body#identity #customer-form > div > div:nth-child(11) > div.col-md-6 > span > label > em > p {
    padding-top: 0.75rem;
}

#customer-form > div > div:nth-child(12) > div.col-md-6 {
    margin-top: -3.5rem;
}

#customer-form > div > div:nth-child(21) > div.col-md-6 {
    margin-bottom: -4rem;
    margin-top: -4rem;
}

/* Darle un poco de padding al texto */

#customer-form > div > div:nth-child(21) > div.col-md-6 > span > label > em > p{
    padding: 1rem;
}

/* ocultar labels opcionales de la página de /pedido  */

body#checkout div.col-md-3.form-control-comment{
    display: none;
}

/* En la pagina de información, un link añadido de las direcciones y nuevas direcciones  */

body#identity span.link-item{
    margin-top: -3.5rem;
    position: absolute;
    border: 2px solid #148ba9;
    padding: 0.3rem;
    border-radius: 2rem;
    font-weight: 600;
    transition-duration: .5s;
}

body#identity span.link-item:hover{
    background-color: #148ba9;
    color: white;
}

/* Ocultar el bloque de cupones de promoción hasta ver si se requiere o no */

.block-promo{
    display: none;
}

/* dejar en linea el checkbox de señor/señora en el formulario de información  */

.col-md-6.form-control-valign {
    display: flex;
    padding-left: 30%;
}

/* La página que he creado para llevar después de la solicitud de registro */

body#cms main section #content{
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    width: 40%;
    margin-left: 33%;
}

@media only screen and (max-width: 776px) {
    body#cms main section #content {
      width: 80%;
      margin-left: 10%;
    }
}

body#cms main section #wrapper {
    padding-top: 6rem;
}

/* La pagina de direcciones ya existentes para darle el mismo box-shadow */

.page-addresses .address {
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* para quitarle border al darle click al botón de iniciar sesión en el home */

button:focus {
    outline: none!important;
}

/* el header de la versión mobile para quitarle una etiqueta de "contactenos" porque ya se muestra una */

#_mobile_top_menu #lnk-contacto > a{
    display: none;
}

/* para que no desborde por la derecha cuando se pasa al formato mobile */

body#index{
    overflow-x: hidden;
    display: flex;  /*para que quede ajustado el footer abajo siempre*/
    flex-direction: column; /*para que quede ajustado el footer abajo siempre*/
    min-height: 100vh; /*para que quede ajustado el footer abajo siempre*/
}

/* la parte del carrito que muestra el iva y que no se quede tan pegado */

.card-block.cart-summary-totals .cart-summary-line span.sub:nth-child(2) {
    float: right!important;
}

/* para quitarle el background que viene por defecto y darle algo más de visibilidad */

#manufacturer-description > p{
    background-color: #f6f6f6!important;
    font-weight: 600;
}


/* la paginación de los productos que sino desborda */

#js-product-list > nav > div.col-md-6.offset-md-2.pr-0{
    width: 50%!important;
}

/* en la vista rápida del producto, centrar el texto del titulo del producto */

#product-description-short > h1{
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    border-radius: .5rem;
    text-align: center;
    padding: 5px!important;
}

/* Igual que el anterior pero en la página del producto */

#product-description-short-21 > h1{
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    border-radius: .5rem;
    text-align: center;
    padding: 5px!important;
}

/* alinear la flechita del carrito que te manda a "continuar comprando" */

#main > div > div.cart-grid-body.col-xs-12.col-lg-8 > a > i{
    margin-bottom: 0.2rem;
}

/* Añadir un filtro a las imagenes de las categorias y centrarlas para darle la máxima similitud posible con lsa imagenes de Nord  */

.block-category .block-category-inner .category-cover img{
    filter: opacity(0.6);
}

#subcategories ul li .subcategory-image a img {
    filter: opacity(0.6);
}

#subcategories ul {
    margin: 0 0 0 50px;
}

#carousel > ul > li > a > figure > figcaption > h2{
    text-shadow: 2px 2px black;
}

/* en el checkout, cuando borras un producto que habias añadido al carrito, darle algo más de movimiento y color al icono */

#main > div > div.cart-grid-body.col-xs-12.col-lg-8 > div > div.cart-overview.js-cart > ul > li > div > div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12 > div > div.col-md-2.col-xs-2.text-xs-right > div > a > i:hover{
    transform: scale(1.2)rotate(-15deg);
    transition-duration: 500ms,500ms;
    color:#148ba9;
}

/* En la página del producto cuando quieres ver la imagen de la miniatura cambiar el border que tenía por defecto por el color de Nord */

#product-modal .modal-content .modal-body .product-images img:hover {
    border: #148ba9 3px solid;
}

/* En el checkout ,los terminos y condiciones quedaban demasiado sobrepuestos así que lo empujé más hacia abajo */

body#checkout > main > section#wrapper{
    padding-bottom: 13rem;
}

/* En la página del portal del cliente, hacer que los botones,links,queden a la misma posición hasta cuando se hace responsive */

@media (min-width: 576px){
    #identity-link{
        width: 50%;
    }
}

@media (min-width: 576px){
    #addresses-link{
        width: 50%;
    }
}

@media (min-width: 576px){
    #history-link{
        width: 50%!important;
    }
}

@media (max-width: 575.98px){
    body#my-account #main>footer>div>a {
        display: grid;
        place-items: center;
        margin: auto;
    }
}


/* ocultar la sección del historial ya que ya consta en situación económica */

#history-link {
    display: none!important;
}

@media (min-width: 576px){
    #returns-link{
        width: 50%;
    }
}

@media (min-width: 576px){
    #order-slips-link{
        width: 50%;
    }
}

/* ocultar la sección de facturas ya que ya consta en situación económica */

#order-slips-link {
    display: none!important;
}

@media (min-width: 576px){
    #wishlist-link{
        width: 50%;
        /* margin-left: 25%; */
    }
}



@media (min-width: 992px){
    .col-lg-4 {
        float: left;
        width: 50%;
    }
}


/* EL logo en versión mobile para que se muestre */

#_mobile_logo > h1 > a > img{
    background-color: black;
    margin-bottom: -1rem;
}

/* El logo del mobile cuando se está en el proceso de compra, para que se muestre almenos */

#_mobile_logo > a > img{
    background-color: black;
    margin-bottom: -1rem;
}

/* la ficha del producto, darle un poco más de visibilidad al "div" de titulo */

#product-description-short-3{
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

#product-description-short-2{
    text-align: center;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
    padding: 1rem;
    background-color: #fff;
}

/* la tarjetita de descuento en la ficha de productos */

li.product-flag.discount {
    background-color: #148ba9!important;
}

/* ocultar el filtro por peso ya que generalmente no va a interesar */


#search_filters > section:nth-child(4){
    display: none;
}

/* y el box shadow a la caja de filtros por marcas y por coste */

#search_filters{
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* el div padre de los filtros que se están aplicando al filtro */

.active_filters {
    background: #fff!important;
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* Los filtros que se están aplicando */

#js-active-search-filters > ul > li{
    color: #fff;
    background-color: #148ba9;
    border-color: rgba(0,0,0,0);
    border-radius:.5rem;
}

/* la x que lo quita del filtro añadirle el color blanco para que resalte más */

.active_filters .filter-block .close {
    color: #fff!important;
}

/* las checkbox del filtro porque quedaban muy arriba */

#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio {
    top: 2px!important;
}

/* En el home, alinear el icono del portal del cliente con el nombre del cliente que estaba algo descuadrado */

#_desktop_user_info > div > a.logout.hidden-sm-down > i {
    margin-top: -0.4rem;
}

/* darle el color corporativo al botón de mostrar contraseña */

.input-group .input-group-btn>.btn[data-action="show-password"]{
    padding: 0.78rem 1rem;
    background: #148ba9;
    margin-left: 5%;
    margin-top: 1rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

/* darle el color corporativo a los labels y ajustarlos más al centro para darle más legibilidad  */

form .form-control-label{
    font-size: .875rem;
    font-weight: 700;
    color: #148ba9;
    padding-top: 0.625rem;
    width: 90%;
    margin-left: 5%;
}

/* al guardar tu información, resaltar más la cajita de notificaciones */

.alert-success{
    box-shadow: 0px 2px 4px 1px rgb(197 193 193);
}

/* la pagina de búsqueda cuando no encuentras nada para que no quede tan separado del footer */

body#search #footer{
    margin-top: -19.5rem;
}

/* ocultar el label y el input extraño de la página de "añadir nueva dirección" se representa como " número de IVA" cuando es el mismo input de identificación fiscal, DNI/NIE/NIF */

body#address #content > div > div > form > section > div:nth-child(7){
    display: none;
}

/* las condiciones de Venta en la página del producto, marcar el titulo en negrita para que resalte y alinear el icono */

body#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.blockreassurance_product {
    display: flex;
}

body#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.blockreassurance_product > div:nth-child(2) {
    margin-left: 1rem;
    margin-right: 3rem;
}

body#product #main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.blockreassurance_product > div:nth-child(1) > span.item-product > svg {
    margin-top: -2px;
}

body#product div.blockreassurance_product>div:nth-child(2)>span.item-product>svg {
    height: 60px;
    width: 60px;
    margin-left: -2rem;
}

body#product div.blockreassurance_product>div:nth-child(3)>span.item-product>svg {
    height: 60px;
    width: 60px;
    margin-left: -2rem;
}

/* las condiciones de Venta en el carrito, marcar el titulo en negrita para que resalte y alinear el icono  */

.blockreassurance_product {
    margin-top: 25px;
    margin-left: 1.5rem;
}

div.blockreassurance_product > div:nth-child(1) > span.block-title{
    font-weight: 600;
}

div.blockreassurance_product > div:nth-child(2) > span.block-title{
    font-weight: 600;
}

div.blockreassurance_product > div:nth-child(3) > span.block-title{
    font-weight: 600;
}

div.blockreassurance_product > div:nth-child(1) > span.item-product{
    margin-bottom: 2rem;
}

div.blockreassurance_product > div:nth-child(2) > span.item-product{
    margin-bottom: 2rem;
}

div.blockreassurance_product > div:nth-child(3) > span.item-product{
    margin-bottom: 2rem;
}

div.blockreassurance_product > div:nth-child(1) > span.item-product > svg {
    margin-top: 0.8rem;
    height: 55px;
    width: 55px;
    margin-left: -1.6rem;
}

div.blockreassurance_product > div:nth-child(2) > span.item-product > svg {
    height: 55px;
    width: 55px;
    margin-left: -1.6rem;
}

#main > div > div.cart-grid-right.col-xs-12.col-lg-4 > div.blockreassurance_product > div:nth-child(3) > span.item-product > svg {
    height: 55px;
    width: 55px;
    margin-left: -1.6rem;
    margin-top: 0.4rem;
}

#content > div > div.cart-grid-right.col-xs-12.col-lg-4 > div > div:nth-child(2) > span.item-product > svg{
    height: 55px;
    width: 55px;
    margin-left: -1.6rem;
    margin-top: 0.15rem;
}

#content > div > div.cart-grid-right.col-xs-12.col-lg-4 > div > div:nth-child(3) > span.item-product > svg{
    height: 55px;
    width: 55px;
    margin-left: -1.6rem;
    margin-top: .4rem;
}

#main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.blockreassurance_product > div:nth-child(1) {
    padding-left: 1rem;
}

#main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.blockreassurance_product > div:nth-child(2) {
    margin-left: 2rem;
    margin-right: 2rem;
}

div.blockreassurance_product > div:nth-child(1) > p {
    margin-top: 0.4rem;
}

div.blockreassurance_product > div:nth-child(2) > p {
    margin-top: 0.4rem;
}

div.blockreassurance_product > div:nth-child(3) > p {
    margin-top: 0.4rem;
}


/* Arreglar los footers que se quedan bastante al margen */

body#my-account #footer {
    margin-top: -8.2rem;
}
#footer {
    padding-top: 0;
    flex-shrink: 0;  
}
body#index #footer {
    margin-top: -16rem;
    height: unset!important;
}

body#cms #footer{
    margin-top: -26rem;
} 
/* En la página de confirmación de pedido ocultar donde indica el nombre de la ecommerce que tenía en el subdominio */

body#order-confirmation #content-hook_payment_return > div > div > div > p:nth-child(1){
    display: none;
}

/* Ocultar la frase sobrante al pagar por transferencia bancaria */

body#checkout #payment-option-2-additional-information > section > p{
    display: none;
}

/* Dejar el "cerrar sesión" a la izquierda para que no de problema al ir a su cuenta desde el home */
#_desktop_user_info > div > a.logout.hidden-sm-down{
    position: absolute;
    left: -71%;
    padding: 10px;
    top: 10%;
}
/* Dejar los spans de la página de marcas con color negro para que se vea más, por defecto estaba en gris */
body#manufacturer #main > ul > li > div.brand-infos > p > span{
    color: #1a1c20!important;
}
body#manufacturer #main > ul > li:nth-child(11) > div.brand-infos > p:nth-child(2){
    color: #1a1c20!important;
    background-color: transparent!important;
}
body#manufacturer #main > ul > li:nth-child(11) > div.brand-infos > p:nth-child(3){
    color: #1a1c20!important;
    background-color: transparent!important;
}

/* arreglos en los inputs y el ancho del wrapper en la página de contacto */

#content > section > form > section > div:nth-child(5) > div > div > input {
    margin-left: 7%;
}

body#contact #content > section > form > section > div:nth-child(5) > div > div > span > label{
    margin-left: 5%!important;
    margin-top: 1rem;
    border-radius: 2rem;
    width: max-content;
}

body#contact #content > section > form > section > div:nth-child(5) > div > div > span > label:hover{
    background-color: #1c758e;
}

body#contact textarea#contactform-message {
    margin-left: 7%;
}

/* Hacer el wrapper de la página de contacto más pequeño */

body#contact #content-wrapper{
    width: 60%!important;
    margin-top: -2rem;
}

/* ocultar los labels opcionales de la página de contacto */

body#contact #content > section > form > section > div:nth-child(4) > span{
    display: none;
}

body#contact #content > section > form > section > div:nth-child(5) > span{
    display: none;
}

body#contact #content>section>form>section>div:nth-child(5)>div>div>input{
    margin-left: 5%;
}

body#contact .contact-form h3{
    margin-left: 7%;
}

/* Dejar el input de añadir archivos y el botón para añadir archivos en display block y dejarlo más semejante */

body#contact #content > section > form > section > div:nth-child(5) > div > div{
    display: block;
}

/* La página de mi-cuenta hacer más visible el botón de cerrar sesión */

@media (min-width: 576px){
    body#my-account #main > footer > div {
        text-align: center!important;
        border-radius: 2rem;
        background-color: #148ba9;
        width: max-content;
        padding: 1rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

body#my-account #main > footer > div > a{
    color:white;
    font-weight:600;
}

@media (max-width: 575.98px) {
    body#my-account #main > footer > div > a{
      color: #148ba9;
      font-weight: 600;
    }
}

/* En el menú desplegable de las categorías, ocultar el 3er nivel y hacer que el segundo nivel se vea al hacer "hover" en la categoría padre */

[data-depth="2"] + .collapse {
    display: none;
    transition: all 0.3s ease; /* agregar transición suave de 0.3 segundos */
}
  
[data-depth="2"]:hover + .collapse {
    display: block;
}
  
[data-depth="2"] + .collapse:hover {
    display: block;
}

/* En el la parte del registro del Home, el texto con el enlace que te lleva al mail  */

#my-modal-register > div > form > div:nth-child(4) > span{
    margin-left: 1.4rem;
    color: rgb(133, 134, 140);
}

#my-modal-register > div > form > div:nth-child(4) > span > a{
    color: rgb(20, 139, 169);
    text-decoration: underline!important;
}

#my-modal-register > div > form > div:nth-child(4) > span > a:hover{
    text-decoration: none!important;
}

#my-modal-register > div > form > label{
    word-spacing: normal;
    color: #85868c;
    font: normal 16px / 28px "Poppins",Helvetica,Arial,Verdana,sans-serif;
    width: 105%;
}

/* Ocultar el "adjuntar archivos" de la página de contacto */

#content > section > form > section > div:nth-child(5) {
    display: none;
}

/* Alinear los botones de cancelar y eliminar en la página de "Mi lista de deseos" */

#footer > div.footer-container > div.container > div > div.wishlist-delete > div.wishlist-modal.modal.fade.show > div > div > div.modal-footer > button.btn.btn-primary {
    margin-top: 0.8rem;
}

/* Arreglar el cuadro emergente al añadir una nueva lista de deseos en tu cuenta */

#footer > div.footer-container > div.container > div > div.wishlist-create > div.wishlist-modal.modal.fade.show > div > div > div.modal-footer > button.btn.btn-primary{
    margin-top: 0.8rem;
}

#footer > div.footer-container > div.container > div > div.wishlist-create > div.wishlist-modal.modal.fade.show > div > div > div.modal-body > div > label {
    margin-left: 1.6rem;
}

/* Quitar los labels de la página de direcciones */

body#address .form-control-comment{
    display: none;
}

/* body#address #content > div > div > form > section > div:nth-child(5){
    display: none;
} */

/* Quitar la dirección complementaria de la página de direcciones */

body#address #content > div > div > form > section > div:nth-child(17){
    display: none;
}

/* La vista rápida de ver la ficha de producto, el input para añadir o eliminar 1 o varios .product-comment-list-item */

#add-to-cart-or-refresh > div.product-add-to-cart.js-product-add-to-cart > div > div.qty > div{
    display: flex!important;
}

/* Igual pero en el carrito */

#main > div > div.cart-grid-body.col-xs-12.col-lg-8 > div > div.cart-overview.js-cart > ul > li > div > div.product-line-grid-right.product-line-actions.col-md-5.col-xs-12 > div > div.col-md-10.col-xs-6 > div > div.col-md-6.col-xs-6.qty > div{
    display: flex!important;
}


body#checkout #invoice-address > div > section > div:nth-child(5){
    display: none;
}


body#checkout #delivery-address > div > section > div:nth-child(5){
    display: none;
}

@media (min-width: 768px){
    .col-md-9 {
        float: left;
        width: 75%;
        margin-left: 2rem;
    }
}

/* Arreglos en la página de Información */

body#identity #customer-form > div > div:nth-child(19) > div.col-md-6{
    display: none;
}

body#identity #customer-form > div > div:nth-child(23) > div.col-md-6{
    margin-top: -2rem;
}

/* to do después de prácticas, el desplegable de categorías */

a.dropdown-item.dropdown-submenu {
    margin-right: 11rem;
    
}