@import url('https://fonts.googleapis.com/css?family=Overpass:300,400,600,700,900');
@import url('unisalle-header-styles.css');

*{
    font-family: 'Overpass', sans-serif;
    padding:0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 300
}
h1.page-title {
    margin-bottom: 20px;
}
b, strong{
    font-weight: 900;
}
hr{
    border-top:1px solid #d3d3d3 !important;
}
body{
    font-size: 18px;
    line-height: 1.52857143;
}
.page-products .page-main {
    padding:0;
}
.sa-logo-25-years {
    display: flex;
    align-items: center;
}
.sa-logo-25-years img {
    width: 100%;
    max-width: 65px;
    margin-left: 1rem;
}
.minicart-wrapper .action.showcart .counter.qty{
    width:15px;
    height:18px;
    position:absolute;
    right:0;
    top:0;
    transform:translateY(-30%) translateX(50%);
    padding:0 !important;
    border-radius: 50% !important;
}
.counter-number{
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-55%) translateY(-45%);
    font-size:80%;
}
.no-margin{
    margin: 0 !important;
}
.tab-content ul {
    list-style: none;
}

.icon-twitter a svg {
    display: none;
}
.icon-twitter a {
    /* display: flex !important; */
    align-items: center;
    justify-content: center;
    display: block;
}
.icon-twitter .social-share-icon {
    display: flex !important;
}
.icon-twitter a::before {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.03' height='15' viewBox='0 0 16.03 15'%3E%3Cg%3E%3Cpath id='path1009' d='m.04,0l6.19,8.27L0,15h1.4l5.45-5.89,4.4,5.89h4.77l-6.54-8.74L15.29,0h-1.4l-5.02,5.42L4.81,0H.04Zm2.06,1.03h2.19l9.67,12.94h-2.19L2.1,1.03Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 17px;
    height: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    position: relative;
    display: block;
}
header .icon-twitter a::before {
    filter: brightness(0) saturate(100%) invert(45%) sepia(13%) saturate(2617%) hue-rotate(166deg) brightness(92%) contrast(84%);
}
@media (min-width: 768px){
    .navigation,
    .breadcrumbs,
    .page-header .header.panel,
    .header.content,
    .footer.content,
    .page-wrapper>.widget,
    .page-wrapper>.page-bottom,
    .block.category.event,
    .top-container,
    .page-main{
        max-width:1170px !important;
    }
}
a.sa-main-button {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin: 25px auto 0;
    padding: 15px;
    border: 2px solid #F2A900;
    border-radius: 5px;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    transition:.3s all ease;
}
a.sa-main-button:hover{
    background:#F2A900;
    text-decoration:none;
}
p, span {
    line-height: 23px;
}
.sa-product-container.grid.carrusel-productos  ul li {
    margin: 0;
}
.carrusel-productos  .owl-nav {
    position: absolute;
    margin: 0 !important;
    top:50%;
    transform: translateY(-80%);
    width: 100%;
    height:50px;
}
.carrusel-productos  .owl-nav .owl-next,
.carrusel-productos  .owl-nav .owl-prev{
    position:absolute;
    margin:0;
    height:50px;
}
.carrusel-productos  .owl-nav .owl-prev{
    left:0;
    transform:translateX(-130%);
}
.carrusel-productos  .owl-nav .owl-next{
    right:0;
    transform:translateX(130%);
}
.carrusel-productos  .owl-nav .owl-next span,
.carrusel-productos  .owl-nav .owl-prev span{
    font-size:40px;   
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: #333333 !important;
    text-decoration: none !important;
}
.owl-carousel .owl-stage-outer{
    z-index: 99;
}
/*==========Header=Styles==========*/
.salle-logo{
    max-width: 95%;
}
.sa-header-background{
    background:#fff;
    border-bottom:3px solid #e2001a;
}
.sa-header-container {
    max-width: 1170px;
    margin: auto;
    padding: 0 15px;
    display:flex;
}
.sa-logo-container {
    width: 300px;
    height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;;
}
.sa-header-menus {
    width: 870px;
    height: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sa-top-menu{
    display: flex;
    width: 100%;
    height: 50px;
    -ms-align-items: center;
    align-items: center;
}
.sa-top-menu{
    border-bottom: 1px solid #0075be;
}
.sa-top-menu ul:not(.dropdown-content){
    display: flex;
    margin: auto;
    margin-right: 0;
    list-style: none;
    color:#ffffff;
    font-size: 14px;
    padding: 0;
}
.sa-top-menu ul:not(.dropdown-content) li{
    margin: 0 25px;
}
.sa-top-menu ul:not(.dropdown-content) li:nth-last-child(1){
    margin-right: 0;
}
.sa-user-links ul{
    list-style: none;
    padding:0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
    margin: auto;
    margin-right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
.sa-user-links ul li:not(.product-item){
    margin: 0 4px;
    width:25px;
    height: 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    color:#0075be;
}
.sa-dropdown-menu {
    position: relative;
}
.sa-dropdown-menu .dropdown-button{
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sa-dropdown-menu .dropdown-content{
    position: absolute;
    right: 0;
    bottom:0px;
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    background:#ffffff;
    color: #333333;
    list-style: none;
    box-shadow:0 1px 8px rgba(0,0,0,.3);
    transition: .3s all ease;
    z-index: 9;
}
/*
.sa-dropdown-menu .dropdown-content li{
    margin: 0 15px !important;
}
*/
.sa-dropdown-menu .dropdown-content a{
    white-space: nowrap;
    text-align: right;
    display: block;
    padding: 8px;
    text-decoration:none !important;
    color:#333333;
}
.sa-dropdown-menu:hover .dropdown-content{
    transform: translateY(100%);
    opacity: 1;
    visibility: visible;
}
.page-header{
    margin:0;
    padding:0;
}
.sa-mobile-top-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 40px;
    border-bottom: 1px solid #d3d3d3;
    background:#ffffff;
    -ms-align-items: center;
    align-items: center;
}
.sa-mobile-top-menu ul:not(.dropdown-content){
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin:auto;
    margin-right:0;
    list-style:none;
}
.sa-mobile-top-menu ul li{
    margin:0 15px;
}
.sa-mobile-main-menu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 60px;
    background:#fff;
}
.sa-mobile-logo-container {
    width: 380px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
/*==========Search-Styles==========*/
.sa-search-container,
.search-mobile-content{
    position: relative;
}
.sa-main-search-header {
    height: 45px;
    width: 350px;
    border: 1px solid #d3d3d3;
    position: absolute;
    z-index: -1;
    background: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    bottom: 0;
    transform: translateY(0);
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.sa-main-search-header input[type="text"]{
    width:100%;
    height:100%;
    border:none;
    outline: none;
    box-shadow: none;
    
}
.sa-main-search-header button[type="submit"]{
    position:absolute;
    right:4px;
    top:50%;
    height:35px;
    width:35px;
    transform:translateY(-50%);
    display:flex;
    justify-content:center;
    align-items:center;   
}
.sa-main-search-header.active {
    transform: translateY(100%);
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
#sa-search-button {
    cursor: pointer;
}
.minicart-wrapper .action.showcart:before,
.minicart-wrapper .action.showcart.active:before{
    content:'\f07a';
    font-family:'Font Awesome 5 Free';
    font-weight:700;
    font-size:16px;
    color:#0075be;
}
.minicart-wrapper .action.showcart:hover:before,
.minicart-wrapper .action.showcart.active:before{
    color:#F2A900 !important;
}
.block-minicart *{
    color:#333333;
}
/*==========End-Search-Styles==========*/

/*==========End=Header=Styles==========*/
/*==========Footer=Styles==========*/
.footer-content {
    background: white;
    border-bottom: 1px solid #ffffff;
    position: relative;
    padding: 25px 0 50px;
}
.top-footer-container ul:not(.footer-list){
    list-style: none;
    margin: 0;
    padding:0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.top-footer-container ul:not(.footer-list) li{
    display: block;
    margin: 0 auto;
}
.top-footer-container h4{
    color:#ffffff;
    padding: 10px 0 5px 0;
    font-family: 'Overpass', sans-serif;
    font-size: 2.3vw;
    font-weight: 100 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer-list{
    list-style: none;
    margin: 0;
    padding:0;
}
.footer-list a{
    color:#494949;
    font-size: 14px;
    text-decoration:none;
}
.footer-list li{
    padding-bottom: 10px;
}
#lista-distinciones{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 253px;
    margin: auto;
}
#lista-distinciones li{
    width: 115px;
    margin: 5px auto;
}
#lista-distinciones li img{
    display: block;
    width: 100%;
}
#lista-sedes span{
    display: block;
    font-size: 13px;
    color:#ffffff;
}
#lista-sedes a::before{
    content:'\f0a4';
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    color:#ffffff;
    margin-right: 6px;
}

.salle-footer-conectate {
    background: #3D3D3D;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform:  translateX(-50%) translateY(50%);
}
.salle-footer-conectate span{
    font-family: 'Overpass', sans-serif !important;
    font-weight: 100 !important;
    font-size: 25px;
    margin: 0 5px;
    color: #ffffff;
}
.salle-footer-conectate span:nth-child(1),
.salle-footer-conectate span:nth-last-child(1){
    font-size: 30px
}

.bottom-footer-container {
    background: #211919;
    padding: 30px 0 30px;
}

.footer-copyright {
    text-align: center;
    max-width: 1170px;
    margin: auto;
    color: #ffffff;
    font-size: 13px;
}
.footer-social-icons{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    list-style: none;
    max-width: 1170px;
    margin: auto;
}
.footer-social-icons li{
    width: 50px;
    height: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    margin: 0 10px 25px;
}
.footer-social-icons li:nth-child(1),
.footer-social-icons li:nth-last-child(1){
    margin: auto;
    margin-bottom: 25px;
}
.footer-social-icons li:nth-child(1){
    margin-right: 0;
}
.footer-social-icons li:nth-last-child(1){
    margin-left: 0;
}
.footer-social-icons li a{
    font-size: 25px;
    color:#ffffff;
}
@media (min-width:768px) and (max-width:1300px){
    .top-footer-container ul:not(.footer-list){
        flex-wrap: wrap;
    }
    .top-footer-container ul:not(.footer-list) h4{
        text-align: left;
        font-size: 30px;
    }
    .top-footer-container ul:not(.footer-list) li{
        width: initial;
        text-align: left;
    }
}
@media (min-width:0) and (max-width:767px){
    .top-footer-container ul:not(.footer-list){
        flex-wrap: wrap;
    }
    .top-footer-container ul:not(.footer-list) h4{
        text-align: left;
        font-size: 30px;
        border-bottom:1px solid #ffffff;
        position: relative;
        margin: 0 0 10px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .top-footer-container ul:not(.footer-list) h4::after{
        content:'\f078';
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 15px;
        transform: translateY(-50%);
    }
    li.footer-mobile-dropdown:hover h4::after{
        content:'\f077';
    }
    .top-footer-container ul:not(.footer-list) li:nth-last-child(1) h4{
        border-bottom: none;
    }
    .top-footer-container ul:not(.footer-list) li:nth-last-child(1) h4::after,
    .top-footer-container ul:not(.footer-list) li:nth-last-child(2) h4::after{
        display: none;
    }
    .top-footer-container ul:not(.footer-list) li{
        width: 100%;
        padding: 0 15px;
    }
    .footer-mobile-dropdown .footer-list{
        overflow: hidden;
        overflow-y: scroll;
        max-height: 100%;
        height: 0px;
        transition: .3s all ease;
    }
    .footer-mobile-dropdown .footer-list::-webkit-scrollbar {
      width: 0px;
    }
    .footer-mobile-dropdown:hover .footer-list{
        height: 250px;
    }
}
/*==========End=Footer=Styles==========*/
/*==========Home=Styles==========*/
.sa-home-category-access{
    margin: 25px 0;
}
.sa-home-category-access ul {
    display: flex;
    list-style: none;
    margin: 0;
}
.sa-home-category-access ul li{
    width:33.3333%;
    padding: 0 15px;
    margin: 0;
}
.sa-home-slide .owl-nav button span{
    padding:15px;
    background:#ffffff;
}
.sa-home-slide .owl-nav .owl-next{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-100%);
}
.sa-home-slide .owl-nav .owl-prev{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-100%);
}
.sa-home-slide .owl-dots{
    position:absolute;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
    z-index: 1000;
}
.sa-product-container.grid.carrusel-productos  ul li {
    width: 100% !important;
}
h3.carousel-title span {
    display: block;
    text-align: center;
    font-family: 'Overpass';
    font-size: 25px;
    margin: 0 auto 50px;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    background: #ffffff;
    position: relative;
    padding:0 15px;
    text-transform:uppercase;
    font-weight:900;
    color:#666666;
}
h3.carousel-title {
    position: relative;
}
h3.carousel-title::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #d3d3d3;
    position:absolute;
    top:50%;
    left:0;;
}
.cms-home.cms-index-index .page-bottom {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
}
.cms-home.cms-index-index .column.main{
    min-height: initial !important;
    padding:0 !important;
}
.container-fluid.nopadding.sa-additional-info-home {
    height: 218px;
    margin: 0 !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-slide {
    margin: 25px 0;
}
.home-form {
    display: flex;
    margin:auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    align-items:center;
    justify-content:center;
    height: 100%;
}
.sa-search-form,.sa-suscription-form {
    width: 1070px;
    padding: 0 15px;
    margin-bottom: 30px;
}
.sa-search-home,
.sa-newsletter-form{
    border:1px solid #666666;
    border-radius:15px;
    height:45px;
    overflow:hidden;
    position:relative;
}
.sa-search-home button,
.sa-newsletter-form button{
    position:absolute;
    height:41px;
    width:41px;
    top:0;;
    right:0;
    background:none;
    border:none;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#666666;
}
.sa-search-home input[type="text"],
.sa-newsletter-form input[type="text"]{
    height: 100%;
    background: transparent;
    color: #666666;
    padding-right: 45px;
}
.sa-search-home input[type="text"]::placeholder,
.sa-newsletter-form input[type="text"]::placeholder{
    color:#666666;
    font-size: 12px;
    opacity:.7
}
.form-home-title{
    color: #666666;
    font-family: 'Overpass';
    letter-spacing: 2px;
    text-align: center;
    margin: 20px 0;
}
/*==========End=Home=Styles==========*/
/*==========Category=Styles==========*/
.breadcrumbs{
    padding: 15px !important;
    border-bottom: 1px solid #d3d3d3;
}
.breadcrumb-title {
    display: block !important;
    font-family:'Overpass' !important;
}
.breadcrumb-title{
    font-size:23px !important;
    display:block;
    margin: 0 0 8px;
    color: #545456;
}
.catalog-category-view .page-title-wrapper {
    display: none;
}
.sidebar-main,
.sidebar-additional{
    width:100% !important;
}
.sidebar-additional{
    display: none;
}
/*==========End=Category=Styles==========*/
/*==========Product-View==========*/
.product-mode-view {
    display: flex;
    float: left;
    height: 40px;
    align-items: center;
    list-style:none;
    padding:0;
    margin:0;
}
.product-mode-view  li{
    margin:0 15px 0 0;
    transition: .3s all ease;
}
#grid-view,
#grid-view-large{
    font-size: 25px;
    cursor:pointer;
    color:#cccccc;
}
#grid-view.active,
#grid-view-large.active{
    color:#000000;
}
.toolbar.toolbar-products:nth-last-child(1) .product-mode-view{
    display:none;
}
.product-image-wrapper{
    z-index: initial !important;
}
.sa-product-container,
.sa-product-container *{
    transition:.3s all ease;
    font-family: 'Overpass', sans-serif;
}
.sa-product-container ul{
    padding:0;
    margin:0;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}
/*Grid-View*/
.sa-product-container.grid ul li{
    padding: 0 15px;
    margin: 0 0 30px;
    width: 33%;
    height: 400px;
}
.sa-product-container.grid .sa-product-card{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background:#ffffff;
}
.sa-product-container.grid .sa-product-card .sa-product-actions{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0, 48, 87, .8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms ease-out; 
    -moz-transition: all 200ms ease-out; 
    -o-transition: all 200ms ease-out; 
    transition: all 200ms ease-out;
}
.sa-product-container.grid .sa-product-card:hover .sa-product-actions{
    opacity: 1;
    visibility: visible;
}
.sa-product-container.grid .sa-product-card .sa-product-actions a{
    display: block;
    border:3px solid #ffffff;
    padding: 10px 10px 3px;
    font-size:15px;
    text-transform: uppercase;
    background: transparent;
    color:#ffffff;
    font-weight: 600;
    text-decoration: none !important;
    transition: .3s all ease; 
    transform: translateY(-50px)
}
.sa-product-container.grid .sa-product-card .sa-product-actions a:hover{
    background:#ffffff;
    color:#F2A900;
}
.sa-product-container.grid .sa-product-card .sa-product-info{
    background:#ffffff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    transition: .3s all ease;
}
.sa-product-container.grid .sa-product-card .sa-image-product-image-container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.sa-product-container.grid .sa-product-card .sa-image-product-image-container a{
    display: block;
}
.sa-product-container.grid .sa-product-card .sa-product-name{
    padding: 0 15px;
}
.sa-product-container.grid .sa-product-card .sa-product-name h3,
.sa-product-container.grid .sa-product-card .sa-product-author h3,
.sa-product-container.grid .sa-product-card .sa-product-short-desc h3{
    font-size: 15px;
    color: #393c45;
    font-weight: 700;
    font-weight: 600;
    margin: 0 0 0px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.sa-product-container.grid .label-impreso {
    color: #999999;
    margin: 0 0 5px
}
.sa-product-container.grid .sa-product-price {
    font-size:18px;
    color:#F2A900;
    font-weight: 600;
    margin: 0 0 5px;
}
.sa-product-container.grid .sa-additional-info {
    padding: 0 15px;
    height: 0;
    max-height: auto;
    overflow: hidden;
    transition:.3s all ease;
}
.sa-product-container.grid .sa-product-card:hover .sa-additional-info{
    height: 35px;
}
.sa-product-container.grid .sa-product-author span,
.sa-product-container.grid .sa-product-short-desc span{
    display: block;
    color:#999999;
    margin: 0 0 10px
}
.sa-product-container.grid .sa-product-short-desc{
    display: none;
}
/*List-View*/
.sa-product-container.list ul li{
    padding: 0 15px 0;
    margin-bottom: 30px;
    width: 50%;
}
.sa-product-container.list .sa-product-card{
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    background:#ffffff;
    padding: 15px;
}
.sa-product-container.list .sa-product-card .sa-product-actions.grid{
    display: none;
}
.sa-product-container.list .sa-image-product-image-container{
    width: 40%;
    display: none;

}
.sa-product-container.list .sa-product-info{
    width: 100%;
}
.sa-product-container.list .sa-product-card .sa-product-name h3,
.sa-product-container.list .sa-product-card .sa-product-author h3,
.sa-product-container.list .sa-product-card .sa-product-short-desc h3{
    font-size: 15px;
    color: #393c45;
    font-weight: 700;
    font-weight: 600;
    margin: 0 0 0px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.sa-product-container.list .sa-product-price {
    font-size:18px;
    color:#F2A900;
    font-weight: 600;
    margin: 0 0 5px;
}
.sa-product-container.list .sa-product-author span,
.sa-product-container.list .sa-product-short-desc span{
    display: block;
    color:#999999;
    margin: 0 0 10px
}
.sa-product-container.list .label-impreso {
    color: #999999;
    margin: 0 0 5px
}
.sa-product-container.list .sa-product-card .sa-product-actions-list a{
    display: block;
    border:2px solid #393c45;
    padding:10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    transition: .3s all ease; 
}
.sa-product-container.list .sa-product-card .sa-product-actions-list a span{
    margin: 0;
    color:#393c45;
}
.sa-product-container.list .sa-product-card .sa-product-actions-list a:hover{
    background:#F2A900;
    border: 2px solid #F2A900;
    color:#F2A900;
    text-decoration: none;
}
.sa-product-card {
    border: 3px solid #d3d3d3;
}
.sa-product-container.list .sa-product-card .sa-product-name h3{
    font-size:25px;
}
.price-container .price {
    font-size: inherit;
}
/*==========End=Product=View==========*/
/*==========Product-view-v3==========*/
.block.widget.block-products-list.grid .block-title strong {
    font-size: 45px;
    margin: 0 10px;
    font-weight: 400;
    display: block;
    border-bottom: 1px solid #d3d3d3;
}
.sa-product-container-v3 {
    transition:.3s all ease;
}
.sa-product-container-v3.grid{
    color:#ffffff;
}
.sa-product-container-v3.grid ul.sa-product-list-v3,
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 {
    list-style:none;
    margin:0;
    padding:0;
}
.sa-product-container-v3.grid ul.sa-product-list-v3{
    display:flex;
    flex-wrap:wrap;
}
.cms-index-index .sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3{
    width: 25%;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3{
    width: 33.33%;
    padding: 0 30px;
    margin: 0 0 20px;
    color:#ffffff;
    transition: .3s all ease;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3{
    position:relative;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-image-v3 img{
    max-width:100%;
    display:block;
    width:100%;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3{
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#24195d;
    padding: 25px;
    opacity:0;
    transition:.3s all ease;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-info-container-v3{
    transform:translateY(50px);
    transition:.3s all ease;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3:hover .sa-product-info-v3{
    opacity:1;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3:hover .sa-product-info-v3 .sa-product-info-container-v3{
    transform:translateY(0);
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-name-v3 span.sa-product-title-v3{
    display: block;
    color: #0075be;
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 5px;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-name-v3 span.sa-product-subtitle-v3{
    color: #ffffff;
    font-weight: 100;
    font-size: 13px;
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-author-v3 span{
    color: #ffffff;
    font-weight: 100;
    font-size: 13px;
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
    font-style: italic;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-price span{
    display:block;
    font-weight:700;
    font-size:20px;
    margin:10px 0;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-description{
    display:none;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul,
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li{
    list-style:none;
    margin:0;
    padding:0;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul{
    display:flex;
    flex-wrap:wrap;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li{
    margin:0 10px 10px 0;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:75px;
    height:35px;
    border:1px solid #ffffff;
    color:#ffffff;
    border-radius:3px;
}
.sa-product-price *{
    font-size: 17px !important;
    line-height: 17px !important;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li a:hover{
    background:#F2A900;
    border:1px solid #F2A900;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 .sa-main-product-btn-v3{
    display:none;
    border:1px solid #f2a900;
    background:#f2a900;
    text-decoration:none;
    font-size:18px;
    color:#ffffff;
    padding:5px 10px 3px;
    text-align:center;
    border-radius:3px;
}
.sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 a.sa-go-to-product-v3{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 
}
/*list-view-v3*/
.sa-product-container-v3.list ul.sa-product-list-v3,
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3{
    list-style: none;
    padding:0;
    margin:0;
}
.sa-product-container-v3.list ul.sa-product-list-v3{
    display: flex;
    flex-wrap: wrap;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3{
    width: 100%;
    padding: 15px;
    margin: 0 0 20px;
    border: 1px solid #d3d3d3;
    color:#333333;
    transition: .3s all ease;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3{
    display: flex;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-image-v3{
    width:33%;
    padding: 0 15px 0 0;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-image-v3 img{
    max-width:100%;
    display:block;
    width:100%;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3{
    width: 66%;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-name-v3 span.sa-product-title-v3{
    display:block;
    color:#F2A900;
    font-size:30px;
    font-weight:700;
    line-height: 30px !important;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-name-v3 span.sa-product-subtitle-v3{
    color:#999999;
    font-weight:100;
    font-style:italic;
    font-size:20px;
    line-height:initial !important;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-price span{
    display:block;
    font-weight:700;
    font-size:20px;
    margin:10px 0;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li{
    margin:0 10px 10px 0;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:75px;
    height:35px;
    border:1px solid #f2a900;
    color:#f2a900;
    border-radius:3px;
    transition: none; 
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li a svg{
    transition: none;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 ul li a:hover{
    background:#F2A900;
    border:1px solid #F2A900;
    color:#ffffff;
}
.sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3 .sa-product-actions-v3 .sa-main-product-btn-v3{
    display:block;
    border:1px solid #f2a900;
    background:#f2a900;
    text-decoration:none;
    font-size:18px;
    color:#ffffff;
    padding:5px 10px 3px;
    text-align:center;
    border-radius:3px;
}
/*==========Product-view-v3==========*/
/*==========Login==========*/

.customer-account-login .page-main{
    max-width:100% !important;
    padding: 0 !important;
}
.customer-account-login .page-wrapper{
    background:#eeeeee;
}
.customer-account-login .page-title-wrapper{
    display:none;
}
.sa-login-container *{
    transition:.3s all ease;
}
.sa-login-container{
    width: 320px;
    padding: 15px;
    margin: 125px auto 50px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0px 5px rgba(0,0,0,.15), 0 26px 19px -25px rgba(0,0,0,.08);
    animation-duration: 2s !important;
}
.sa-login-header {
    height: 77px;
    position: relative;
    top: -15px;
    left: -15px;
    width: 320px;
    background: #003057;
    border-radius: 380px / 120px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.sa-login-icon{
    display:block;
    width:135px;
    height:135px;
    background: url(/pub/media/Hipertexto/Unisalle/login/login-icon.svg);
    background-size:200%;
    background-position:0 0;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%) translateY(-50%);
    box-shadow: 0 0px 5px rgba(0,0,0,.15), 0 26px 19px -25px rgba(0,0,0,.08);
}
.sa-login-title h3 {
    font-family: 'Overpass';
    font-weight:900;
    margin: 4px 0 12px;
    text-align: center;
    color:#333333;
}
.sa-login-title p{
    color:#333333;
    font-size: 13px;
    text-align: center;
    margin:0;
    white-space: normal;
}
.shadow-input input{
    font-family: 'Overpass';
}
.shadow-input input::placeholder {
    font-size: 12px;
    color: #d3d3d3;
}
.shadow-input{
    height: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    box-shadow: 0 12px 20px -15px rgba(0,0,0,.3);
    position: relative;
}
.shadow-input input{
    border:none;
    outline:none !important;
    height:45px;
    border-radius: 5px;
}
.login-buttons {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
.login-main-button,
.login-second-button {
    display:block;    
    padding: 15px;
    width:48%;
    text-align:center;
    border:1px solid #0075be;
    margin:auto;
    border-radius:5px;
    font-family:'Overpass';
}
.login-main-button{
    margin-left:0;
    background:#0075be;
    color:#ffffff;
}
.login-second-button{
    margin-right: 0;
    color: #0075be !important;
    background:transparent;
    text-decoration: none !important;
}
.login-subtitle{
    position:relative;
}
.login-subtitle::before{
    content:'';
    display:block;
    width:100%;
    height:1px;
    background:#d3d3d3;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    z-index:-1;
}
.login-subtitle h4 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin:10px auto;
    background:#ffffff;
    padding:5px 15px;
    font-size: 16px;
}
#sa-login-user-email::after {
    content:'\f007';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-input-company::after {
    content:'\f1ad';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-input-phone::after{
    content:'\f3cd';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-login-password::after{
    content:'\f084';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-register-name::after,
#sa-register-last-name::after{
    content:'\f007';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-register-user-email::after{
    content:'\f0e0';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-register-user-pass::after,
#sa-register-user-pass-confirm::after{
    content:'\f084';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:15px;
    color:#d3d3d3;
}
#sa-direction-ico::after {
    content: '\f041';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15px;
    color: #d3d3d3;
}
#tax-icon::after{
    content: '\f080';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15px;
    color: #d3d3d3;
}
#city-icon::after{
    content: '\f64f';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15px;
    color: #d3d3d3;
}
.register-button button {
    display: block;
    padding: 15px;
    width: 100%;
    text-align: center;
    border: 1px solid #F2A900;
    margin: auto auto 15px;
    border-radius: 5px;
    background:#F2A900;
    color:#ffffff;
    font-family: 'Overpass';
}
.register-button button:hover {
    background: #e2e2e2;
    border: 1px solid #cdcdcd;
    color: #555555;
}
input[type="checkbox"]{
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
}
input[type="checkbox"] + label.label{
    display: block !important;
    margin: 10px 0 0 !important;
    position: relative !important;
    width: 35px !important;
    height: 20px !important;
    background: #ebebeb !important;
    border: 1px solid #ebebeb !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: .3s all ease !important;
}
input[type="checkbox"] + label.label::before{
    content: '' !important;
    display: block !important;
    background: #fff !important;
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    border-radius: 50% !important;
    left: 0 !important;
    top: -1px !important;
    z-index: 2 !important;
    transition:.3s all ease !important;
}
input[type="checkbox"] + label.label::after{
    content: '' !important;
    display: block !important;
    background: #000 !important;
    width: 15px !important;
    height: 15px !important;
    position: absolute !important;
    border-radius: 50% !important;
    left: 4.6px !important;
    top: 50% !important;
    margin-top: -7.5px !important;
    z-index: 1 !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9) !important;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.9) !important;
    transition:.3s all ease !important;
}
input[type="checkbox"] + label.label span{
    position: absolute !important;
    left: 45px !important;
    top:3px;
    white-space: nowrap;
    color:#333333;
}
input[type="checkbox"]:checked + label.label::before{
    left:15px !important;
}
input[type="checkbox"]:checked + label.label::after{
    left:16px !important;
}
input[type="checkbox"]:checked + label.label{
    background: #bfd255 !important;
}
.checkbox-container {
    position: relative;
    margin: 13px 0;
}
/*Animation*/
.sa-login-icon.active {
    background-position: 102% 0px;
}
div.mage-error {
    position: absolute;
    right: -15px;
    top: 50%;
    margin: 0 !important;
    transform: translateX(100%) translateY(-53%);
    z-index:99;
    background:#333333;
    color:#ffffff !important;
    padding:10px 10px 8px;
    border-radius:5px;
}
div.mage-error::before{
    content:'';
    display:block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #333333;
    border-bottom: 5px solid transparent;
    position:absolute;
    left:0;
    top:50%;
    transform:translateX(-90%) translateY(-47%);
}
/*temp*/
.sa-user-forms::before,
.sa-user-forms::after{
  display: table;
  content: " ";
}
.sa-user-forms::after{
  clear: both;
}
.sa-user-forms #sa-login-form,
.sa-user-forms #sa-register-form{
    float:left;
    width:290px;
}
div#sa-register-user-pass {
    flex-wrap: wrap;
}
.sa-password-strengh{
    display:none;
}

#password-strength-meter-container {
    width: 100%;
    margin-top: 10px;
}
.sa-user-forms #sa-register-form {
    max-width: 0;
    max-height:0;
    opacity:0;
    visibility:hidden;
    transition:.3s all ease;
}
.sa-user-forms #sa-login-form{
    max-width: 290px;
    opacity:1;
    visibility:visible;
    transition:.3s all ease;
}
.sa-user-forms.active #sa-register-form{
    max-width: 290px;
    max-height:850px;
    opacity:1;
    visibility:visible;
}
.sa-user-forms.active #sa-login-form{
    max-width: 0;
    opacity:0;
    visibility:hidden;
}
.sa-forgot-pass a {
    display: block;
    margin-top:15px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin:auto;
    color:#999999;
}
/*Forgot-Password*/
.customer-account-forgotpassword .page-title-wrapper,
.customer-account-createpassword .page-title-wrapper{
    display: none;
}
.customer-account-forgotpassword .page-wrapper,
.customer-account-createpassword .page-wrapper{
    background:#eeeeee;
}
.sa-forgot-icon{
    display:block;
    width:135px;
    height:135px;
    background: url(/pub/media/Hipertexto/Unisalle/login/forgot-icon.svg);
    background-size: 60%;
    background-position: center;
    background-color:#ffffff;
    background-repeat:no-repeat;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%) translateY(-50%);
    box-shadow: 0 0px 5px rgba(0,0,0,.15), 0 26px 19px -25px rgba(0,0,0,.08);
}
.sa-set-password-icon{
    display: block;
    width: 135px;
    height: 135px;
    background: url(/pub/media/Hipertexto/Unisalle/login/set-pass-icon.svg);
    background-size: 60%;
    background-position: center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 0px 5px rgba(0,0,0,.15), 0 26px 19px -25px rgba(0,0,0,.08);
}
.sa-captcha-image {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.sa-captcha-reload span{
    color:#333333 !important;
}
.sa-captcha-reload{
    border:none !important;
    border-top:3px solid #d3d3d3 !important;
    border-bottom:1px solid #d3d3d3 !important;
    background:transparent !important;
    width:100% !important;
}
.sa-captcha-reload:hover{
    background:orange !important;
    
}
.sa-captcha-reload:hover span{
    color:#ffffff !important;
}
.sa-captcha-reload span::before{
    content:'\f2f1' !important;
    font-family:'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    font-size:80% !important;
    margin-right:8px !important;
}
/*==========End_Login==========*/
/*==========catalog-product-view==========*/
.sa-description-dropdown {
    margin: 15px 0;
}
span.sa-collapsed-dropdown,
span.sa-collapsed-dropdown-abstract{
    display:block;
    max-height:160px;
    overflow: hidden;
    transition:1s all ease;
}
span.sa-collapsed-dropdown.active,
span.sa-collapsed-dropdown-abstract.active{
    max-height:600px;
}
h4.product-view-subtitle {
    font-size: 20px;
    color: #999999;
    margin: 5px 0;
}
.sa-product-view-collection {
    font-size: 14px;
    color: #000000;
}
.sa-product-view-collection span a{
    color:#999999;
    text-decoration:underline;
    cursor:pointer;
}
.catalog-product-view h1.page-title{
    font-size:35px;
    line-height: 35px;
    margin: 0;
}
.catalog-product-view h1.page-title span {
    font-size: 30px;
    font-weight:600;
    color:#333333;
}
.fotorama__stage {
    width: inherit !important;
    height: 380px !important;
}
.fotorama__stage__shaft,
.product.media{
    width: 100% !important;
}
.fotorama__stage__frame .fotorama__img{
    border: 1px solid #d3d3d3 !important
}
ul.sa-product-metadata a {
    text-decoration: underline;
    color: #999999;
    font-size: 120%;
}
ul.sa-product-metadata span{
    color:#333333;
}
ul.sa-product-metadata,
ul.sa-product-metadata li {
    margin:0;
    padding:0;
    list-style:none;
    color: #6d6e71;
}
ul.sa-product-metadata li.sa-product-price span {
    display:inline-block;
    font-size: 25px;
    padding: 10px 0;
    font-weight:900;
}
ul.sa-product-metadata li.sa-product-coedition {
    display: block;
    padding: 13px 0 10px !important;
    margin: 15px 0 !important;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}
ul.colaboradores-list {
    max-height:50px ;
    overflow:hidden;
    display: block;
    margin-top: 35px;
    margin-bottom: 10px;
    transition:.6s all ease;
}
ul.colaboradores-list.active {
    max-height: 350px;
    overflow-y: scroll;
}
ul.colaboradores-list.active::-webkit-scrollbar {
  width: 0px;
}
ul.sa-product-keywords strong {
    display: block;
    width: 100%;
}
.sa-expand-button{
    color:#000000;
    font-weight:500;
    display:flex;
    margin:auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin-right:0;
    cursor: pointer;
}
.sa-expand-button::before{
    content:'Expandir';
    font-size:80%;
    margin-right:5px;
}
.sa-expand-button::after{
    content:'\f078';
    display: block;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:60%;
    transform: rotate(0deg);
    transition:.3s all ease;
}
.sa-expand-button.active::before{
    content:'Contraer';
}
.sa-expand-button.active::after{
    transform:rotate(-180deg);
}
.catalog-product-view .price {
    font-weight:600;
    color:#F2A900;
    font-size:30px;
    margin:0 0 15px;
    display:block;
}
.product-view-purchase-option-btn {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 20px 15px 15px;
    background: #0172c0;
    color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 25px;
    transition: .3s all ease;
}
.product-view-purchase-option-btn:hover{
    background:#41a0e0;
}
.product-view-purchase-option-btn::after{
    content:'\f054';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50.3%);
}
.product-view-purchase-option-btn::before{
    content:'\f217';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:25px;
    margin-right:10px;
    transform:translateY(-2px);
}
.sa-panel{
    margin-bottom: 15px !important;
}
.sa-panel-heading a {
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    display: block;
    font-weight:600;
    color:#000;
    font-size:20px;
    text-decoration:none;
}
.sa-panel-heading .panel-title a{
    position:relative;
}
.sa-panel-heading .panel-title a[aria-expanded="false"]::after {
    content: '\f078';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:70%;
    position:absolute;
    right:10px;
}
.sa-panel-heading .panel-title a[aria-expanded="true"]::after {
    content: '\f077';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:70%;
    position:absolute;
    right:10px;
}
.sa-panel .panel-body {
    padding: 10px 0 0;
}
ul.sa-nav {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    border-bottom: 1px solid #000;
}
ul.sa-nav li {
    margin: 0;
    padding: 0 60px 0 0;
    position:relative;
}
ul.sa-nav li h4{
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}
ul.sa-nav li h4 a{
    padding-bottom: 4px;
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    text-decoration: none;
}
ul.sa-nav li::before {
    content: '';
    display:block;
    position:absolute;
    background:#000000;
    height:3px;
    width:100%;
    bottom:0;
    left:0;
    transform:scaleX(0);
    transform-origin:left;
    transition:.3s all ease;
}
ul.sa-nav li:hover::before,
ul.sa-nav li.active::before{
    transform:scaleX(1);
}
.product-info-main{
    display:none;
}
.product.info.detailed .tab-pane{
    padding: 10px 0;
}
.catalog-product-view .breadcrumbs {
    display: none;
}
.sa-main-product-view {
    padding-top: 50px;
}
ul.sa-social-share {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin:0 0 15px;
    width: 100%;
}
.social-share-icon{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 15px 0 0;
    width:35px;
    height:35px;
    border:1px solid #d3d3d3;   
}
ul.sa-social-share li.sa-content-tooltip:nth-last-child(1) .social-share-icon{
    margin: 0 !important;
}
.social-share-icon span{
    color:#666666;
}
.sa-content-tooltip{
    position:relative;
}
.sa-content-tooltip .sa-tooltip-text{
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-60%) translateY(-150%);
    background:#000000;
    border:1px solid #000000;
    color:#ffffff;
    padding:5px 10px 3px;
    font-size:80%;
    border-radius:5px;
    transition:.3s all ease;
}
.sa-content-tooltip .sa-tooltip-text::before{
    content:'';
    display:block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid #000000;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%) translateY(100%);
}
.sa-content-tooltip:hover .sa-tooltip-text{
    opacity:1;
    visibility:visible;
    transform:translateX(-60%) translateY(-125%);
}
.po-purchase-modal-side,
.po-display-modal-side{
    position: fixed;
    background: #eeeeee;
    width: 650px;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    z-index: 9999;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.po-purchase-modal-side.active,
.po-display-modal-side.active{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.po-purchase-modal-side h2,
.po-display-modal-side h2{
    font-weight: 900;
    border-bottom: 2px solid #000000;
    color: #000000;
    margin-top: 0;
}
.panel.sa-purche-option-panel {
    background: transparent;
    border: none;
    box-shadow: none;
}
.sa-purchase-option-heading {
    position: relative;
}
.product-option-add-to-cart {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 5px 50px 3px 10px;
    border: 1px solid #e2e2e2;
    background: #e2e2e2;
    font-size: 80%;
    text-decoration: none !important;
    color: #000000 !important;
    transition: .3s all ease;
}
.product-option-add-to-cart:hover{
    background:#F2A900;
    border: 1px solid #F2A900;
    color:#ffffff !important;
}
.product-option-add-to-cart::after{
    content:'\f054';    
    font-family:'Font Awesome 5 Free';
    font-weight:800;
    font-size:80%;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
}
.sa-purche-option-panel .panel-collapse .panel-body{
    border-bottom: 1px solid #000000;
    padding: 15px 0;
    margin-top: -15px;
}
.sa-purchase-option-heading {
    margin: 15px 0 15px;
    display: flex;
    justify-content: space-between;
}
.sa-purche-option-panel .panel-collapse .panel-body ul,
.sa-purche-option-panel .panel-collapse .panel-body ul li{
    list-style:none;
    padding:0;
    margin:0;
}
.catalog-product-view .action.primary.tocart {
    background: orange !important;
    border: 1px solid orange !important;
    padding: 0px 15px !important;
}
.sa-purchase-option-heading::before {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
}
.close-po-purchase-modal {
    width: 25px;
    height: 25px;
    display: flex;
    cursor:pointer;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
    margin-left:-5px;
}
.sa-purchase-modal-overlay,
.sa-display-modal-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.sa-purchase-modal-overlay.active,
.sa-display-modal-overlay.active{
    opacity: 1;
    visibility: visible;
}
ul.sa-product-keywords {
    display: flex;
    flex-wrap: wrap;
}
ul.sa-product-keywords li{
    margin-right:10px;
    text-decoration:underline;
}
#sa-second-row {
    margin-top: 20px;
}
.sa-product-keywords {
    margin: 15px 0 0;
}
/*Filtro*/
.sa-filter-title{
    padding: 0 4px 2px 0;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px solid #000000;
    position: relative;
}
.sa-filter-title::before{
    content: '';
    display: block;
    position: absolute;
    background: #000000;
    height: 3px;
    width: 60%;
    bottom: 0;
    left: 0;
    transform-origin: left;
    transition: .3s all ease;
}
a.action.remove {
    font-size: 0;
    text-decoration:none !important;
}
a.action.remove::after{
    content:'\f00d';
    font-size:15px;
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    color:#888888;
    margin-left:10px;
    transition: .3s all ease;
}
a.action.remove:hover::after{
    color:#333333;
}
a.action.clear.filter-clear {
    display:block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    padding:5px 15px 3px;
    color:#333333;
    border:1px solid #333333;
    text-decoration:none !important;
    transition:.3s all ease;
}
a.action.clear.filter-clear::before{
    content:'\f2ed';
    font-family:'Font Awesome 5 Free';
    font-weight:500;
    margin-right:10px;
}
a.action.clear.filter-clear:hover{
    background:#F2A900;
    border:1px solid #F2A900;
    color:#ffffff;
}
.sa-expand-accordion {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    transform: translateY(-50%);
}
.sa-expand-accordion::before{
    content:'\f067';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
}
.sa-expand-accordion.active::before{
    content:'\f068';
}
/*Fin Filtro*/
/*Temporal*/
.catalog-product-view .price{
    display:none;
}
/*Fin_Temporal*/
/*Responsive-mobile*/
@media (min-width:0) and (max-width:768px){
    .cms-index-index .sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3,
    .page-products .sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3{
        width:50%;
    }
    .home-form{ 
        display:block;
    }
    .sa-search-form, .sa-suscription-form{
        width:100%;
    }
    .container-fluid.nopadding.sa-additional-info-home{
        height:auto;
        padding-bottom:25px;
    }
    .sa-home-category-access ul{
        flex-wrap: wrap;
    }
    .sa-home-category-access ul li{
        width: 100%;
        margin: 0 0 15px;
    }
    .sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3{
        display:none !important;
    }
    .sa-product-container-v3.list ul.sa-product-list-v3 li.sa-product-item-v3 .sa-product-card-v3 .sa-product-info-v3{
        display:block !important;
    }
    .block.filter {
        overflow: hidden;
        margin: 0;
        max-height: 0;
    }
    .block.filter.active{
        max-height: 100%;
    }
    .breadcrumbs{
        margin: 0 0 25px;
    }
    .gallery-placeholder {
        margin-bottom: 20px;
    }
}
@media (min-width:376px) and (max-width:991px){
    .home-form{ 
        display:block;
    }
    .sa-search-form, .sa-suscription-form{
        width:100%;
    }
}
/*==========End-catalog-product-view==========*/
/*==========home-category-access==========*/
.sa-home-category-access a{
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
.sa-home-category-access .sa-category-access-item span{
    display: block;
}
h3.sa-category-access-title{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding-top: 6px;
    transition:.3s all ease;
}
.category-access-subtitle{
    color:#333333;
    margin: 0;
    padding: 0;
    margin-top: -23px;
}
.sa-home-category-access ul,
.sa-home-category-access ul li{
    list-style: none;
    padding:0 ;
    margin:0;
}
.sa-home-category-access ul li{
    padding:0 15px;
    margin: 0 0 15px;
}
.sa-home-category-access img {
    opacity: .7;
}
.sa-home-category-access .sa-category-access-item {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
.sa-home-category-access .sa-category-access-item::before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:rgba(0,48,87,.1);
    transition:.3s all ease;
    opacity: 0;
}

.sa-home-category-access .sa-category-access-item::after{
    content:'';
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 2px solid #ffffff;
    transform: scale(0);
    opacity: 0;
    transition:.3s all ease;
}
.sa-home-category-access .sa-category-item-info {
    position: absolute;
    padding:10px 15px 15px 25px;
    bottom:0;
    left: 0;
}
.sa-home-category-access .category-access-subtitle{
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.sa-home-category-access ul li img {
    transition:.3s all ease;
}
/*Hover*/
.sa-home-category-access ul li:hover .sa-category-access-item::before{
    opacity: 1;
} 
.sa-home-category-access ul li:hover .sa-category-access-item::after{
    opacity: 1;
    transform: scale(1);
}
.sa-home-category-access ul li:hover .category-access-subtitle{
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
/*==========end-home-category-access==========*/
/*Blog*/
.sa-post-info *{
    color:#333333;
    font-size:17px;
    margin:0;
    padding:0;
}
.sa-post-info .post-info {
    display: flex;
    flex-wrap: wrap;
}
.sa-post-info a{
    text-decoration: underline;
    color: #999999;
}
.sa-post-info .dash{
    margin:0 10px;
}
h3.sa-post-title{
    margin:0 0 5px;
}
h3.sa-post-title a {
    display:block;
    font-weight: 900;
    color: #000000;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
a.post-read-more {
    display: block;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    box-sizing: border-box;
    padding: 9px 24px 5px;
    color: #adadad;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    transition: all .3s ease-in;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
a.post-read-more:hover{
    background: #F2A900;
    border-color: #F2A900;
    color: #fff;
}
ol.post-list li{
    border-bottom:1px solid #d3d3d3;
    padding-bottom:15px;
    margin-bottom:15px;
}
ol.post-list li:nth-last-child(2){
    border-bottom:none;
}
.blog-page .page-title-wrapper {
    display: none;
}
.blog-page #maincontent{
    padding:0;
}
.block-categories .block-title,
.block-recent-posts .block-title,
.block-archive .block-title{
    border: 1px solid #003057;
    display:block;
    padding:10px 10px 9px;
    background:#003057;
    color:#ffffff;
    margin: 0 0 5px;
}
.block-categories .block-title strong,
.block-recent-posts .block-title strong,
.block-archive .block-title strong{
    font-size:85%;
}
.block-categories ul,
.block-recent-posts ul,
.block-archive ul,
.block-categories ul li,
.block-recent-posts ul li,
.block-archive ul li,
.block-recent-posts .item,
.block-archive .item{
    list-style:none;
    padding:0 !important;
    margin:0 !important;;
}
.block-categories ul li,
.block-recent-posts .item,
.block-archive .item{
    border:1px solid #d3d3d3;
    font-size:14px;
    padding:10px 10px 8px!important;
    display:block;
}
.block-categories ul li a,
.block-recent-posts .item a,
.block-archive .item a{
    color:#333333;
}
/*==========Cart==========*/
#minicart-content-wrapper .subtitle.empty::before{
    content:'\f291';
    font-family:'Font Awesome 5 Free';
    color:#d3d3d3;
    display:block;
    font-size:100px;
    line-height: 100px;
    margin-bottom: 15px;
}
#minicart-content-wrapper .subtitle.empty {
    padding: 0;
    color:#333333;
}
.checkout-cart-index .page-title-wrapper{
    text-align:center;
}
.checkout-cart-index .page-title-wrapper .page-title{
    margin:25px 0;
}
.checkout-cart-index .page-title-wrapper .page-title span{
    font-size:30px;
    font-weight:900;
}
/*
.checkout-cart-index .cart-container .form-cart,
.checkout-cart-index .cart-summary{
    float:none;
    width:100%;
    top: 0 !important;
}
*/
.cart-summary{
    padding: 0;
}
.sa-shopping-cart tbody,
.sa-shopping-cart td {
    border:none !important;
}
.sa-shopping-cart .item-info td{
    vertical-align:middle !important;
}
.cart.table-wrapper .product-item-details{
    vertical-align: middle !important;
}
.sa-shopping-cart .item-info:nth-child(1){
    border-top: 1px solid #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3;
}
a.sa-action-continue {
    float: left;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    padding: 10px 15px 7px 15px;
    color:#333333;
    position:relative;
    text-transform:uppercase;
    text-decoration:none !important;
    transition:.3s all ease;
}
a.sa-action-continue span{
    font-weight:900;
}
a.sa-action-continue::before{
    content:'\f3e5';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    margin-right:5px;
    font-size:80%;
    position:absolute;
    top:50%;
    left:10px;
    transform: translateY(-50%);
    opacity:0;
    transition:.3s all ease;
}
a.sa-action-continue:hover{
    padding: 10px 15px 7px 35px;
}
a.sa-action-continue:hover::before{
    opacity:1;
    left:15px;
}
button.sa-action-clear,
button.sa-action-update {
    float: right;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    padding: 10px 15px 7px 15px;
    color: #333333;
    background:transparent;
    border:none;
    position: relative;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: .3s all ease;
    font-size: 14px;
}
.cart.main.actions.row {
    margin: 0;
}
.table-wrapper,
table#shopping-cart-table{
    margin-bottom: 0;
}
.cart-empty {
    text-align: center;
}
.cart-empty::before {
    content: '\f291';
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    color: #d3d3d3;
    display: block;
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 15px;
}
.account .sidebar.sidebar-main {
    float: left;
    width: 25% !important;
}
.account .column.main {
    float: right;
    width: 75% !important;
}
.account div#account-nav {
    padding: 0;
}
.account.customer-account-index .column.main {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap:wrap ;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.account.customer-account-index .column.main .block.block-dashboard-info,
.account.customer-account-index .column.main .block.block-dashboard-addresses{
    width: 50%;
    padding: 0 15px;
}
.account.customer-account-index .column.main .block.block-dashboard-info .sa-dashboard-info,
.account.customer-account-index .column.main .block.block-dashboard-addresses .sa-dashboard-addresses{
    border:1px solid #d3d3d3;
    padding:15px;
}
.account.customer-account-index .column.main .box-actions a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
.account.customer-account-index .column.main .block-content .box {
    width: 100% !important;
    float:none !important;
}
a.action.change-password,
a.action.edit {
    border: 1px solid #d3d3d3;
    padding: 5px 15px;
    color: #333333;
    margin-bottom:10px;
}
a.action.edit span{
    padding:0 !important;
    margin:0 !important;
    font-size: 70%;
}
ul.sa-editorial-team-list {
    list-style: none;
}
ul.sa-member-data {
    padding-left: 40px;
}
h4.sa-team-member-position {
    font-weight: 900;
    margin: 0 0 10px;
    font-size: 20px;
}
li.editorial-team-item {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
ul.sa-member-data>li {
    margin: 0;
}
li.sa-member-team-name span {
    font-weight: 900;
}
.panel-group ul{
    list-style: none !important
}
li.sa-thematic-classification>ul>li>ul>li>a,
ul.sa-product-keywords li a {
    font-size: 90% !important;
    display: block;
    line-height: 18px;
}
ul.sa-product-keywords{
    margin-bottom:;
}
ul.sa-product-keywords,
li.sa-thematic-classification>ul>li>ul>li{
    margin-bottom:10px;
}
/*Blog*/
.blog-page {
    background: #F8F8F8;
}
.sa-post-content ul,
.sa-post-content ol {
    padding-left:35px;
}
.post-image-container{
    padding: 15px 0
}
ol.sa-post-list {
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
    list-style:none;
    padding:0;
    margin:0;
}
ol.sa-post-list li.sa-post-item{
    width:50%;
    margin: 0 0 40px;
}
ol.sa-post-list li.sa-post-item:nth-child(2n+1){
   padding-left: 20px;
}
ol.sa-post-list li.sa-post-item:nth-child(2n+2){
    padding-right:20px;
}
ol.sa-post-list li.sa-post-item:nth-child(1){
    width:100%;
    padding: 0;
}
.sa-post-card,
.sa-category-side,
.sa-recent-side{
    box-shadow: 0 1px 0 0 rgba(238, 238, 238, 0.6);
    border: 1px solid #efefef;
    background: #fff;
}
.sa-category-side,
.sa-recent-side{
    padding: 35px 0px 5px;
    margin-bottom: 40px;
}
.sa-post-img img {
    width: 100%;
}
.sa-post-meta {
    margin-top: 6px;
    color: #a0a0a0;
    font-size: 13px;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}
.sa-post-meta .sa-meta-sep::before {
    content: "/";
    padding: 0 6px;
}
.sa-post-meta .sa-post-cat > a {
    color: #F2A900;
    font-weight: 600;
    transition: .3s all ease;
}
.sa-post-meta .sa-post-cat > a:hover {
    color: inherit;
}
.sa-post-information {
    padding: 35px 40px;
}
h3.sa-post-title {
    margin-top: 14px;
    margin-bottom: 18px;
    letter-spacing: 0;
    line-height: 1.4444;
}
h3.sa-post-title a{
    font-size: 23px;
    font-weight: 700;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    max-width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
p.sa-post-short-desc {
    font-size: 13px;
    margin-bottom: 18px;
}
.sa-list-post-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.widget.blog-search{
    float: none !important;
}
.sa-category-side .sa-category-side-title strong,
.sa-recent-side .sa-recent-side-title strong{
    display:block;
    margin: 0;
    margin-top: -34px;
    margin-bottom: 15px;
    position: relative;
    padding: 15px 40px 8px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 16px;
    line-height: 1.7;
}
.sa-category-side .sa-category-side-main>ul {
    display: flex;
    flex-wrap: wrap;
    padding:0;
    margin:0;
    list-style:none;
}
.sa-category-side .sa-category-side-main>ul>li{
    width:50%;
    padding:0 20px;
    font-size:13px;
    display: flex;
    justify-content: space-between;
}
.sa-category-side .sa-category-side-main>ul>li>a{
    color:#666666;
    transition: .3s all ease
}
.sa-category-side .sa-category-side-main>ul>li>a:hover{
    color:#999999;
}
ul.sa-recent-side-container{
    padding:0;
    margin:0;
    list-style:none;
}
ul.sa-recent-side-container .sa-recent-side-item{
    margin: 0 20px 18px; 
    padding: 0 0 15px;
    border-bottom:1px solid #d3d3d3;
}
ul.sa-recent-side-container .sa-recent-side-item .sa-recent-side-card {
    display: flex;
}
ul.sa-recent-side-container .sa-recent-side-item .sa-recent-side-card .recent-side-image-column{
    width:30%;
}
ul.sa-recent-side-container .sa-recent-side-item .sa-recent-side-card .recent-side-info-column{
    width:70%;
    padding:0 15px;
}
ul.sa-recent-side-container .sa-recent-side-item .sa-recent-side-card .recent-side-info-column .recent-side-title {
    font-size: 14px;
}
ul.sa-recent-side-container .sa-recent-side-item .sa-recent-side-card .recent-side-info-column .sa-post-meta {
    font-size: 9px;
}
.sa-post-header-container {
    display: flex;
    padding:100px 50px;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;
    position:relative;
}
.sa-post-header-container::before{
    content:'';
    display:block;
    position:absolute;
    width:20%;
    height:100%;
    background:orange;
    z-index:-1;
    left:0;
    top:0;
}
.sa-post-header-container .sa-post-image-container{
    width:40%;
}
.sa-post-header-container .sa-post-header-info{
    width:60%;
    padding: 0 30px;
}
.sa-post-header-info .sa-post-cat {
    margin-top: 6px;
    color: #a0a0a0;
    font-size: 15px;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}
.sa-post-header-info .sa-post-cat a{
    color: #F2A900;
    font-weight: 600;
    transition: .3s all ease;   
}
.sa-post-header-info h3.sa-post-title {
    font-size:40px;
    font-weight:900;
    margin:0;
}
.sa-post-content {
    box-shadow: 0 1px 0 0 rgba(238, 238, 238, 0.6);
    background: #fff;
    padding: 35px 40px 35px 350px;
}
a.nextprev-link.next-link,
a.nextprev-link.prev-link{
    display: block;
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    box-sizing: border-box;
    padding: 9px 24px 5px;
    color: #adadad;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    transition: all .3s ease-in;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin:30px 0;
}
a.nextprev-link.next-link:hover,
a.nextprev-link.prev-link:hover{
    background: #F2A900;
    border-color: #F2A900;
    color: #fff;    
}
.sa-author-end-post {
    padding: 35px 40px;
    margin: 35px 0 0;
    border-top: 2px solid #000000;
}
.sa-author-end-post h3{
    font-weight:900;
    margin:0;
}
.sa-author-end-post span a{
    font-size:20px;
    display:block;
    margin:15px 0;
    color:#666666;
}
@media (min-width:0) and (max-width:991px){
    .sa-post-header-container{
        display:block;
        padding: 0;
    }
    .sa-post-header-container::before{
        display:none;
    }
    .sa-post-header-container .sa-post-image-container,
    .sa-post-header-container .sa-post-header-info{
        width:100%;
    }
    .sa-post-header-container .sa-post-header-info{
        text-align:center;
        padding:25px 0 0;
    }
    .sa-post-header-container .sa-post-header-info .addthis_toolbox.addthis_default_style{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: -o-fit-content;
        width: fit-content;
        margin:10px auto;
    }
    .sa-post-content{
        padding:15px;
    }
    ol.sa-post-list li.sa-post-item{
        width:100% !important;
        padding:0 !important;
    }
    .sa-list-post-action{
        flex-wrap: wrap;
    }
    .sa-main-search-header{
        right: 50%;
        transform: translateX(50%) translateY(0);
    }
    .sa-main-search-header.active{
        transform: translateX(50%) translateY(100%);
    }
}
#filter-accordion .panel-heading .panel-title{
    padding-top:5px;
}
#filter-accordion .sa-panel-heading .panel-title a{
    font-size: 100%;
}
#filter-accordion li.item{
    border-bottom:1px solid #d3d3d3;
    padding:0 0 5px;
    margin: 5px 0 0;
}
#filter-accordion li.item span.count {
    font-size:80%;
    color:#999999;
}
#filter-accordion li.item a{
    color:#333333;
    font-size:80%;
}
#filter-accordion li.item span.count::before{
    content:'('
}
#filter-accordion li.item span.count::after{
    content:')';
}
#filter-accordion li.item span.count span.filter-count-label{
    display:none;
}
.sa-sticky-filter{
    position: -webkit-sticky;
    position: sticky;
    top:0;
    background: #ffffff;
    z-index: 9;
}
.desktop-nav.active{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
}
.customer-account-logoutsuccess #maincontent{
       display:flex;
       flex-wrap:wrap;
       align-items:center;
       justify-content:center;
       text-align:center;
       align-content:center;
       padding:50px 0;
}
.customer-account-logoutsuccess .page-title-wrapper{
    width:100%;
}
.customer-account-logoutsuccess .column.main{
    min-height: 0px;
}
@media (min-width:0) and (max-width:991px){
    .po-purchase-modal-side{
        width: 325px;
    }
}
/*Checkout*/
.checkout-index-index .column.main{
    padding:50px 0;
}
.checkout-index-index .column.main .opc-progress-bar-item:before{
    height:2px;
    top:50%;
    transform:translateY(-50%);
}
.checkout-index-index .column.main  .opc-progress-bar-item._active:before{
    background:#0172c0;
}
.opc-progress-bar-item > span{
    text-align:left;
    font-size:13px !important;
}
.opc-progress-bar-item > span:before{
    height:20px;
    width:20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    margin: 0;
}
.opc-progress-bar-item > span:after{
    height:10px;
    width:10px;
    position:absolute;
    top:50%;
    left:5px;
    margin:0;
    transform:translateY(-50%);
    font-size:0 !important;
}
.opc-progress-bar-item._active > span:before{
    border:2px solid #0172c0;
    background:#ffffff;
}
.opc-progress-bar-item._active > span:after{
    background: #0172c0;
}
.opc-wrapper .form-shipping-address{
    max-width: inherit !important;
}
.opc-sidebar header.modal-header{
    border:none !important;
    padding:0 !important;
}
.opc-sidebar .modal-content{
    box-shadow:none !important;
    border:none !important;
}
.opc-sidebar .modal-content .opc-block-summary{
    padding:0px !important;
}
.opc-block-summary .minicart-items-wrapper{
    padding:15px !important;
}
.shadow-input select {
    border: none;
    height: 100%;
    outline: none !important;
}
.contenedor {
    position: relative;
}
.field-error {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    background: #666666;
    color: #ffffff;
    padding: 8px 10px 5px;
    margin: 0;
    z-index: 99;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    z-index: 99;
}
td.sa-table-cart-image img {
    max-height: 150px;
    display: block;
    margin: 0 auto;
}
td.sa-remove-item {
    background: #eeeeee;
    height: 50px;
    vertical-align: middle;
    padding:15px !important;
}

.sa-table-cart-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin:0 !important;
    padding:0 !important;
}
.sa-table-cart-actions *{
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.action-towishlist {
    display: none;
}
.sa-checkout-header {
    background: #fff;
    border-bottom: 3px solid #0172c0;
    margin-top:-50px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.sa-checkout-header a{
    display:block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin:auto;
}
.sa-checkout-header a img{
    max-width:300px;
}
.footer-checkout-container {
    margin-bottom: -50px;
    background: #211919;
    padding: 50px 50px 30px;
    color:#ffffff;
    font-size:80%;
}
.sa-purchase-option-heading{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sa-purchase-option-heading form{
    width: 100%;
}
.catalog-product-view .action.primary.tocart {
    background: orange !important;
    border: 1px solid orange !important;
    transform: translateY(-6px);
    padding: 10px 10px 7px!important;
    top: 0;
    color:#000000;
}
.product-option-add-to-cart::after{
    display: none;
}
@media (min-width:0) and (max-width:991px){
    .po-purchase-modal-side .sa-purchase-option-heading::before{
        width: 100%;
        bottom:-5px;
    }
    .po-purchase-modal-side .panel-title  {
        width: 100%;
    }
    .sa-purchase-option-heading{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sa-purchase-option-heading form{
        width: 100%;
    }
    .catalog-product-view .action.primary.tocart {
        background: orange !important;
        border: 1px solid orange !important;
        padding: 0px 15px !important;
        width: 100%;
        position: relative;
        transform: none;
        top: initial;
        padding: 10px 10px 7px!important;
    }
    .catalog-product-view .action.primary.tocart span{
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 13px;
    }
    ul.sa-nav{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    ul.sa-nav li{
        padding:0;
        width: 100%;
        padding-bottom: 5px;
    }
    table#shopping-cart-table>tbody>tr>td {
        display: block;
        text-align: center;
    }
}
.image-and-button img {
    display: block;
    margin: 0 auto;
}

.image-and-button a {
    display: block;
    padding: 10px 50px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #d3d3d3;
    background: orange;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .8px;
    border: 1px solid orange;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 900;
}
@media (min-width:0) and (max-width:1064px){
    .account.customer-account-index .column.main .block.block-dashboard-info, .account.customer-account-index .column.main .block.block-dashboard-addresses{
        width: 100%;
    }
}
@media (min-width:0) and (max-width:767px){
    .account .page-main{
        padding-top:0;
    }
    .account .page-title{
        text-align:center;
        margin-bottom:60px !important;
    }
    .account .columns {
        position: relative;
    }
    .account .user-toggle-container {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%) translateY(-140%);
    }
    .account .user-toggle-container .user-toggle-button{
        display:block;
        border:1px solid #d3d3d3;
        padding:8px 10px 5px 45px;
        border-radius:50px;
        cursor:pointer;
        position:relative;
        white-space: nowrap;
    }
    .account .user-toggle-container .user-toggle-button::before{
        content:'\f509';
        font-family:'Font Awesome 5 Free';
        font-weight:900;
        position:absolute;
        top:0;
        left:0;
        height:38px;
        width:38px;
        background: #d3d3d3;
        border-radius:50px;
        display:flex;
        transform:translateY(-1px);
        align-items:center;
        justify-content:center;
        transition:.3s all ease;
    }
    .account .user-toggle-container .user-toggle-button:hover::before{
        background:orange;
        color:#ffffff;
    }
    .account #account-nav {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: 99;
        transform:translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition:.3s all ease;
    }
    .account #account-nav.active{
        transform:translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .user-toggle-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.6);
        opacity:0;
        visibility:hidden;
        transition:.3s all ease;
        z-index:9;
    }
    .user-toggle-overlay.active{
        opacity:1;
        visibility:visible;
    }
    .user-toggle-overlay::before{
        content:'\f00d';
        font-family:'Font Awesome 5 Free';
        font-weight:900;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#ffffff;
        position:absolute;
        top:0;
        left:0;
        width:50px;
        height:50px;
        background:orange;
    }
}

a.sa-advance-search {
    background: #eeeeee;
    border: 1px solid #d3d3d3;
    display: block;
    padding: 10px 10px 8px;
    color: #333333;
    margin: -1px;
}
.shadow-input>label {
    color: #000000;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    right: 25px;
    background: #ffffff;
    padding: 0px 10px;
    border: 1px solid #d3d3d3;
}
.popup-authentication .block-customer-login {
    padding: 0 !important;
    margin: 0;
}
.popup-authentication  .action-close{
    padding:0;
    height:42px;
    width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #0071b6;
}
.popup-authentication  .action-close::before{
    color:#ffffff !important;
}
.popup-authentication .shadow-input>label{
    right:50%;
    transform:translateX(50%) translateY(-50%);
}
.popup-authentication .block-authentication{
    border:none !important;
}
.popup-authentication .block-title{
    margin:0 !important;
    text-align:center;
}
.popup-authentication .block-title strong{
    font-weight:900;
}
.popup-authentication .modal-header{
    background: #0071b6;
}
@media (min-width: 768px){
    .popup-authentication .modal-inner-wrap{
        min-width: 300px !important;
        width: 300px !important;
    }
    .popup-authentication .modal-content{
        overflow: visible !important;
    }
}
.catalog-product-view .sa-product-container-v3.grid ul.sa-product-list-v3 li.sa-product-item-v3 {
    width:100%;
}
.catalog-product-view .owl-stage {
    display: flex;
    align-items: flex-end;
}
h3.sa-product-slide-title {
    color: #333333;
    border-bottom:1px solid #000000;
    margin-bottom:10px;
    padding-bottom:10px;
    position:relative;
}
h3.sa-product-slide-title::before{
    content:'';
    display:block;
    width:100px;
    height:5px;
    position:absolute;
    background:#000000;
    left:0;
    bottom:0;
}
.sa-product-container-v3.grid .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    margin:0;
}
.sa-product-container-v3.grid .owl-nav button.owl-prev{
    left:0;
}
.sa-product-container-v3.grid .owl-nav button.owl-next{
    right: 0;
}
.sa-product-container-v3.grid .owl-nav button span{
    line-height:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:65px;
    color:#666666;
        background:#eeeeee !important;
}
.sa-product-container-v3.grid .owl-dots {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#right-attribute-accordion .panel.sa-panel:nth-child(1) .panel-title a::after{
    display:none;
}
.catalog-product-view  .not-avaliable {
    display:block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    padding:7px 10px 3px;
    border:1px solid #d3d3d3;
    background:#d9d9d9;
    border-radius:5px;
    font-size:15px;
    position:absolute;
    top:0;
    right:0;
}
@media (min-width:0) and (max-width:991px){
    .catalog-product-view  .not-avaliable {
        width:100%;
        text-align:center;
        position:relative;
    }
    ul.sa-nav li>h4>a{
        margin-top: 15px;
    }
    ul.sa-nav li a{
        color:#aaa !important;
    }
    ul.sa-nav li.active a{
        color:#000000 !important;
    }
        .popup-authentication .shadow-input{
        margin-bottom: 50px
    }
    div.mage-error{
        left:0;
        bottom:0;    
        right:initial;
        top:initial;
        width:100%;
        transform:translateY(100%);
        border-radius:0;
    }
    div.mage-error::before{
        display:none;
    }
}
.shadow-input input::placeholder{
    color:#999999;
}
.minicart-items-wrapper {
    overflow-y: scroll;
    max-height: 200px;
}
ul.sa-product-keywords li,
ul.sa-product-keywords li a,
ul.sa-product-metadata a{
    text-decoration:none !important;
}
ul.sa-product-keywords li,
ul.sa-product-metadata a{
    margin-bottom:2px;
}
ul.sa-product-keywords li a,
ul.sa-product-metadata a{
    border-bottom:2px solid #d3d3d3;
    line-height: 15px;
    transition:.3s all ease;
}
ul.sa-product-keywords li a:hover,
ul.sa-product-metadata a:hover{
    border-bottom:2px solid orange;
}
.catalog-category-view .content-label-openaccess {
    border:1px solid #d3d3d3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -o-fit-content;
    width: fit-content;
    font-size:15px;
    padding:5px 10px 3px;
    margin-top:10px;
    border-radius:5px;
}
.go-to-top-button {
    position: fixed;
    bottom: 40px;
    right: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#0075be;
    border:1px solid #0075be;
    color:#ffffff;
    font-size:80%;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    z-index: 99;
    transition:.3s all ease;
}
.go-to-top-button:hover{
    background:#ffffff;
    color:#0075be;;
}
.go-to-top-button.active{
    opacity:1;
    visibility:visible;
}
.unisalle-helper-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    height: 100vh;
    background: #eeeeee;
    z-index: 99999999;
    box-shadow: -3px 0 5px rgba(0,0,0,.3);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.unisalle-helper-panel.active {
    transform:translateX(0);
    opacity:1;
    visibility:visible;
}
.salle-helper-toggle-btn {
    width: 45px;
    height: 45px;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #c50000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s all ease;
    z-index: 99;
}
.salle-helper-toggle-btn:hover{
    width: 55px;
}
.salle-helper-toggle-btn::before{
    content:'\f059';
    font-family:'Font Awesome 5 Free';
    font-weight:500;
    color: #ffffff;
    display:block;
}
.salle-helper-toggle-btn span{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-130%) translateY(-50%);
    background: #000000;
    color: #ffffff;
    font-size: 80%;
    padding: 5px 17px 4px 15px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.salle-helper-toggle-btn span::before{
    content:'';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #000000;
    border-bottom: 5px solid transparent;
    position:absolute;
    right:0;
    top:50%;
    transform:translateX(98%) translateY(-50%);
    
}
.salle-helper-toggle-btn:hover span{
    opacity: 1;
    visibility: visible;
}
.salle-helper-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.salle-helper-overlay.active{
    opacity: 1;
    visibility: visible;
}
.helper-container {
    width: 100%;
    padding: 0 25px;
}
.helper-container h3 {
    margin: 0 0 10px;
    border-bottom: 1px solid #000000;
    padding: 0 0 4px;
    position:relative;
    color:#000000;
}
.helper-container h3::before{
    content:'';
    width:50px;
    height:4px;
    position:absolute;
    background:#000000;
    bottom:0;
}
.helper-container ul {
    list-style: none;
    padding: 0;
    
}
.block.widget.block-products-list.grid {
    margin: 0;
}
.customer-account-login .page.messages {
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width: 320px;
}
.customer-account-login .page-main{
    position:relative;
}
.customer-account-login .page.messages .message.error{
    margin:0;
}
.unisalle-helper-close-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    color: darkgrey;
    cursor: pointer;
    background: transparent;
    transition: .3s all ease;
}
.unisalle-helper-close-button:hover{
    background:orange;
    color:#ffffff;
    border-bottom: 1px solid orange;
    border-right: 1px solid orange;
}
.hptx-copy {
    position: absolute;
    bottom: 0;
    line-height: 15px;
    border-top: 1px solid #d3d3d3;
    padding: 10px 0 10px 0 !important;
    margin: 0 -25px;
}
.modal-conf-newsletter .modal-inner-wrap{
    max-width:300px;
}
.modal-conf-newsletter .modal-header,
.modal-conf-newsletter .modal-header h1{
    padding:0;
    margin:0;
    text-align:center;
}
.modal-conf-newsletter .modal-header{
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.modal-conf-newsletter .modal-header .action-close{
    padding:0;
    position:absolute;
    top:0;
    right:0;
    width:45px;
    height:45px;
    background:orange;
    border-radius:0;
}
.modal-conf-newsletter .modal-header .action-close::before{
    color:#ffffff !important;
}
.modal-conf-newsletter .modal-header h1{
    border:none;
    padding-top:5px;
    text-transform:uppercase;
    font-weight:900;
    font-size:15px;
}
.modal-conf-newsletter .modal-footer{
    padding: 10px;
    border-bottom:none;
}
.modal-conf-newsletter .modal-footer button{
    width:100%;
}
#sa-login-form .g-recaptcha,
#sa-register-form .g-recaptcha{
    width:100% !important;
    position:relative;
    border-right:1px solid #d3d3d3;
    border-radius:5px;
    margin-bottom:25px !important;
}
.rc-anchor-light{
    border:1px solid transparent !important;
}
#sa-login-form .g-recaptcha *,
#sa-register-form .g-recaptcha *{
    max-width:100% !important;
    max-height:100% !important;
    margin:0;
    padding:0;
}
@media (min-width:991px){
    .sa-sticky-filter {
        top: 110px;
        transition: .3s all ease;
    }
}
@media (min-width:0) and (max-width:768px){
    .customer-account-login .page.messages {
        width: inherit;
    }
    .modal-popup.modal-slide{
        left: initial;
        right: 0;
    }
}
#attribute-accordion-1 ul>li>ul>li{
    margin-bottom:10px;
    font-size:13px;
}
#attribute-accordion-2 ul>li{
    margin-bottom:10px;
    margin-top: -8px;
}
#left-attribute-accordion ul>li {
    margin-bottom: 0px;
}
.product.info.detailed {
    margin-top: 35px;
    padding: 0 15px;
}
span.autor-name {
    font-size: 18px;
}
#detail-tab-1 h3{
    margin:0;
}

@media (min-width:992px) {

.catalog-product-view .action.primary.tocart span {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 13px;
}
}
.block.widget.block-products-list.grid .block-title strong{
    font-size:  34px
}
.checkout-index-index .minicart-items-wrapper{
    overflow-y:initial;
}
.checkout-index-index .opc-sidebar{
    margin: 6px 0 0;
}
.checkout-index-index .opc-block-summary{
    background:transparent !important;
}

.checkout-index-index .title[data-bind="i18n: 'Order Summary'"],
.checkout-index-index .step-title {
    position:relative;
    margin:0 0 25px 0 !important;
    padding:0 0 10px 0 !important;
    font-size:20px;
}
.checkout-index-index .title[data-bind="i18n: 'Order Summary'"]::before,
.checkout-index-index .step-title::before{
    content:'';
    display:block;
    width:100%;
    height:1px ;
    background:#000000;
    position:absolute;
    bottom:0;
}
.checkout-index-index .title[data-bind="i18n: 'Order Summary'"]::after,
.checkout-index-index .step-title::after{
    content:'';
    display:block;
    width:50px;
    height:5px;
    background:#000000;
    position:absolute;
    bottom:0;
    transform:translateY(50%);
}
.checkout-index-index legend.legend + br {
    display: none !important;
}
.checkout-index-index .action.primary{
    padding:0 !important;
    margin:0 !important;
    border:none;
    border-radius:6px;
    background:transparent;
}
.checkout-index-index .action.primary span{
    display:block;
    padding:10px 15px 6px!important ;
    /* UACM · upgrade 2.4.9: estaba en #000000 — texto negro sobre el azul #0172c0 da
       4.17:1 de contraste y no pasa AA. En blanco sube a 5.04:1. */
    color:#ffffff;
    text-transform:uppercase;
    font-weight:900;
    font-size:16px;
    letter-spacing:1px;
    background: #0172c0;
    border:1px solid #0172c0;
    border-radius:5px;
    transition:.3s all ease;
}
.checkout-index-index .action.primary:hover span{
    background:transparent;
    color: #0172c0;
}
.checkout-index-index .action.primary + .action.secondary {
    margin-right: 15px;
}
img.logo-payu {
    margin: 0 auto;
    border: 1px solid #d3d3d3;
    margin-bottom: 25px;
    border-radius: 10px;
}
.product-view-display-option-btn {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 20px 15px 15px;
    background: #17c4bb;
    color: #000000;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 25px;
    transition: .3s all ease;
}
.product-view-display-option-btn:hover {
    background: #1ad2c8;
    text-decoration: none !important;
}
.product-view-display-option-btn::before {
    content: '\f06e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 25px;
    margin-right: 10px;
    transform: translateY(-2px);
}
.product-view-display-option-btn::after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50.3%);
}
a.sa-register-pop-up-btn {
    display: block;
    padding: 13px 0;
    text-align: center;
    border: 1px solid #d3d3d3;
    width: 50%;
    color: #333333;
    float: right;
    text-decoration: none;
    border-radius: 3px;
}
@media screen and (min-width:768px){
    .block-authentication .actions-toolbar > .primary{
        float:left !important;
    }    
}
#om>ul.show-on-mobile {
    display:flex;
    flex-wrap:wrap;
    padding:0;
}
.sa-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    width: 100%;
}
.sa-main-menu{
    width: 100%;
}
.sa-main-menu, #om, #om>ul.show-on-mobile, #om>ul.show-on-mobile>li, #om>ul.show-on-mobile>li>a{
    height:100%;
}
.sa-main-menu>.navigation{
    background: transparent;
}
#om>ul.show-on-mobile>li{
    float: none;
    background: transparent;
}
#om>ul.show-on-mobile>li>a {
    display: flex;
    align-items: center;
    padding: 0 14px;
    font-size: 90%;
    margin: 0;
    color: #0075be;
    transition: .3s all ease;
}
#om>ul.show-on-mobile>li>a:hover{
    color: #003057;
}
#om>ul.show-on-mobile>li>a>span{
    font-weight: 700;    
}
/*start-dropdown*/
#om>ul.show-on-mobile>li>ul{
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: .3s all ease;
}
#om>ul.show-on-mobile>li:hover>ul{
    opacity: 1;
    visibility: visible;
}
#om>ul.show-on-mobile>li>ul>li{
    width: 50%;
    float: none;
}
#om>ul.show-on-mobile>li>ul>li>a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0px;
    margin-bottom: 10px;
    border:none;
    position:relative;
}
#om>ul.show-on-mobile>li>ul>li>a::before{
    content:'';
    display:block;
    height:1px;
    width:100%;
    background:#d3d3d3;
    position:absolute;
    bottom:0;
}
#om>ul.show-on-mobile>li>ul>li>a::after{
    content:'';
    display:block;
    height:4px;
    width:50px;
    background:#0075be;
    position:absolute;
    bottom:0;
    transition:.3s all ease;
}
#om>ul.show-on-mobile>li>ul>li>a>span{
    font-size:14px;
    font-weight:700;
    display: block;
    position:relative;
}
#om>ul.show-on-mobile>li>ul>li.parent>a>span::before{
    content:'\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    font-size:70%;
    display:flex;
    height:23px;
    width:23px;
    align-items:center;
    justify-content:center;
    position:absolute;
    background:#eeeeee;
    box-shadow:-5px 0 1px rgba(238,238,238,.8); 
    right:0;
    top:0;
}
#om>ul.show-on-mobile>li>ul>li>a:hover::after{
    width:75px;
}
#om>ul.show-on-mobile>li>ul>li>ul{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    background:#ffffff;
    z-index: 99;
    padding: 10px;
    margin:0;
    max-width: 200px;
    width: 200px;
    transition: .3s all ease;
}
#om>ul.show-on-mobile>li>ul>li>ul>li{
    padding:0;
}
#om>ul.show-on-mobile>li>ul>li>ul>li>a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 5px;
    margin: 0 0 5px;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
}
#om>ul.show-on-mobile>li>ul>li:hover>ul{
    opacity: 1;
    visibility: visible;
}
/*end-dropdown*/
@media (min-width:0) and (max-width:991px){
    #om{
        display: block !important;
    }
    .sa-mobile-logo-container{
        width: 200px;
    }
    .sa-user-links{
        display: flex;
        align-items: center;
        margin: auto;
        margin-right: 0;
    }
    .sa-mobile-main-menu-container{
        position:fixed;
        top:0;
        left:0;
        height:100vh;
        z-index:999;
        max-width:300px;
        width: 300px;
        overflow: hidden;
        overflow-y: scroll;
        transition: .3s all ease;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
    .sa-mobile-main-menu-container.active{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile{
        display: block;
    }
    .sa-main-menu, #om, #om>ul.show-on-mobile, #om>ul.show-on-mobile>li, #om>ul.show-on-mobile>li>a{
        height:initial;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>a{
        padding: 15px;
        color:rgba(51,51,51,1);
        border-bottom: 1px solid #d3d3d3;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>a:hover{
        color:rgba(51,51,51,.7);
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>ul{
        position: relative;
        padding: 0 15px;
        opacity: 1;
        visibility: visible;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>ul>li{
        width: 100%;
        margin: 0;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>ul>li>a{
        width: 100%;
        margin-top: 10px;
    }
    .sa-mobile-main-menu-container #om>ul.show-on-mobile>li>ul>li>ul{
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 1;
        max-width: inherit;
        width: auto;
        visibility: visible;
        transform: none;
    }
    .sa-mobile-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.3);
        z-index: 8;
        opacity: 0;
        visibility: hidden;
        transition: .3s all ease;
    }
    .sa-mobile-overlay::before {
        content: '\f00d';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: flex;
        width: 45px;
        height: 45px;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 300px;
        top: 0;
        background: #e2001a;
        color: #ffffff;
        cursor: pointer;
    }
    .sa-mobile-overlay.active {
        opacity: 1;
        visibility: visible;
    }
    #om>ul.show-on-mobile>li>ul>li.parent>a>span::before{
        content:'\f078';
    }
    #om>ul.show-on-mobile>li {
        position: relative;
    }
    .sa-dropdown-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        position: absolute;
        background: #0075be;
        z-index: 99;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    .sa-dropdown-button::before {
        content: '\f067';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 70%;
        color: #fff;
    }
    .sa-dropdown-button.active::before {
        content: '\f068';
    }
    .sa-mobile-main-menu-container {
        background: #ffffff;
    }
}
span.small.action-color.not-avaliable.not-avaliable-print,
.small.action-color.not-avaliable{
    font-size: 70% !important;
    color: orange;
    margin-top: -10px !important;
}
.sangria_francesa {
    padding-left:35px;
    line-height: 35px;
}
.sangria_francesa::first-letter{
    margin-left:-35px !important;
}
a.sa-instructive-btn,
a.sa-download-product-btn {
    display: block;
    padding: 5px 20px 3px;
    border: 1px solid orange;
    border-radius: 5px;
    color: orange;
    text-decoration: none;
    text-transform:uppercase;
    font-size:80%;
    transition:.3s all ease;
}
a.sa-instructive-btn:hover,
a.sa-download-product-btn{
    color:#333333;
    background:orange;
}
a.sa-download-product-btn{
    font-weight:900;
}
table.sa-default-table>thead>tr>th{
    background:#eeeeee;
    padding:5px 15px 0px;
    border:1px solid #d3d3d3 !important;
    text-align:center;
    font-size:80%;
}
table.sa-default-table>tbody>tr>td{
    vertical-align:middle;
    border-bottom:1px solid #d3d3d3 !important;
    font-size:80%;
    text-align:center;
    
}
.content-contributor {
    display:flex;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom:1px solid #d3d3d3;

}
.content-contributor>.contributor-image,
.content-contributor>.contributor-info{
    padding: 0 15px;
}
.content-contributor>.contributor-image{
    width:20%;
}
.content-contributor>.contributor-image>img{
    width:150px;
    height:150px;
    display:block;
    object-fit:cover;
    border:1px solid #d3d3d3;
    margin:0 auto;
}
.content-contributor>.contributor-info{
    width:80%;
}
.content-contributor>.contributor-info>h3{
    margin:0 0 10px 0 !important;
    padding:10px 0 10px 0;
    border-bottom:1px solid #d3d3d3;
    font-size:20px;
    position:relative;
}
.content-contributor>.contributor-info>h3::before{
    content:'';
    width:80px;
    height:3px;
    background:orange;
    display:block;
    position:absolute;
    bottom:0;

}
.content-contributor>.contributor-info>p{
    font-size:14px;
}
.contributor-info .wrapp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
}
.contributor-info .wrapp-head a {
    font-size: 16px;
}
.contributor-info .wrapp-head h3 {
    margin: 0;
    padding: 0;
}


.featured-about-us-list {
  list-style: none;
}
.featured-about-us-list > li {
  padding: 0 15px;
  height: 480px;
  margin-bottom: 30px;
}
.featured-about-us-list > li > figure {
  margin: 0;
}
.featured-about-us-list > li > figure > .about-us-image-card {
  margin: 0 0 15px;
}
.featured-about-us-list > li > figure > figcaption > h3 {
  font-size: 23px;
  font-weight: 600;
  padding: 0 0 0 10px;
  border-left: 5px solid #0072c0;
}

/* pagina interna de autor */

.udg-author-product-container > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.udg-author-product-container > ul > li > .udg-author-product-card {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-cover-wrapper {
  width: 20%;
}
.udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information {
  width: 60%;
  padding: 0 15px;
}
.udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information > .udg-author-product-title-wrapper > h3.udg-author-product-main-title {
  font-size: 25px;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information > ul.product-author-list {
  margin: 0;
  border: none;
}
.udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-actions {
  width: 200px;
}
.udg-author-go-to-product {
  border: 1px solid #77787c;
  background: #77787c;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin: 0 0 15px;
  transition: 0.3s all ease;
}
.udg-author-go-to-product:hover {
  background: transparent;
  color: #77787c;
}
.udg-author-go-to-product > span {
  color: inherit;
}
.udg-author-social-share-book {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.udg-author-social-share-book > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}
.udg-author-social-share-book > ul > li {
  padding: 0 8px 0 !important;
}
.udg-author-social-share-book > ul > li:nth-child(2) > a {
  font-size: 90%;
}
.udg-author-social-share-book > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #ed3237;
  color: #ffffff;
  font-size: 80%;
  border-radius: 80%;
  text-decoration: none !important;
}
@media (min-width: 0) and (max-width: 991px) {
  .author-main-information-wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
  .author-main-information-wrapper > .author-view-page-desc {
    width: 100%;
    padding: 15px 0;
    margin: 15px 0;
    border-top: 1px solid #d3d3d3;
  }
}
@media (min-width: 0) and (max-width: 850px) {
  .udg-author-product-container > ul > li > .udg-author-product-card {
    flex-direction: column;
    align-items: center;
  }
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-cover-wrapper {
    width: 25%;
    margin: 0 0 15px;
  }
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information > .udg-author-product-title-wrapper > h3.udg-author-product-main-title {
    text-align: center;
    margin: 0 0 10px;
  }
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information > ul.product-author-list > li {
    text-align: center;
  }
  .udg-author-product-desc {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 700px) {
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-cover-wrapper {
    width: 35%;
  }
  .author-main-information-wrapper > .author-main-image-profile-wrapper {
    width: 60%;
  }
}
@media (min-width: 0) and (max-width: 400px) {
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-cover-wrapper {
    width: 50%;
  }
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-information,
  .udg-author-product-container > ul > li > .udg-author-product-card > .udg-author-product-actions {
    width: 100%;
  }
}
/*Modal Citar*/
@media (min-width: 768px) {
    .modal_cite {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal_cite > .modal-inner-wrap {
        max-width: 480px;
        border-radius: 10px;
        overflow: initial;
    }
    .modal_cite > .modal-inner-wrap > header.modal-header {
        padding: 18px 15px 15px;
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .modal-title{
        margin:0;
        padding: 0 0 0 10px;
        border: none;
        font-weight: 900;
        font-size: 18px;
        text-transform: lowercase;
        position:relative;
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .modal-title::first-letter{
        text-transform:uppercase;
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .modal-title::before{
        content:'';
        position:absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
        width:4px;
        height:20px;
        background:var(--main-color--);
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .action-close{
        padding:0;
        top: 30px;
        right: 5px;
        transform:translateX(-50%) translateY(-50%);
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .action-close::before{
        display:flex;
        align-items:center;
        width:28px;
        height:27px;
        font-size:25px;
        border:2px solid var(--main-color--);
        border-radius:50%;
        transition:.3s all ease;
    }
    .modal_cite > .modal-inner-wrap > header.modal-header > .action-close:hover::before{
        background:var(--main-color--);
        color:#ffffff;
    }    
    .modal_cite > .modal-inner-wrap > .modal-content{
        padding:30px;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > br{
        display:none;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite {
        height: 45px;
        color: #999999;
        border: 1px solid #dee2e6;
        border-radius: 5px;
        margin
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite:focus {
        border: 1px solid var(--main-color--);
        outline:none;
        box-shadow:none;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver{
        margin-top:45px;
        padding:38px;
        position:relative;
        box-shadow: inset -2px -2px 1px rgb(255, 255, 255, .1), inset 2px 2px 4px rgba(0, 0, 0, .05);
        border-radius:10px;
        border: 1px solid rgb(0 0 0 / 5%);
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver::before{
        content: "\f10e";
        font-family: 'Font Awesome 5 Free';
        font-weight:900;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: -2px;
        transform: translate(-50%, -50%);
        width: 2.6em;
        height: 2.6em;
        background: white;
        box-shadow: 0 4px 5px -1px hsl(0deg 0% 0% / 20%);
        border-radius: 999px;
        display: grid;
        place-content: center;
        padding-top: .5em;
        color: var(--main-color--);
        font-size: 20px;
        font-style: normal;
        text-indent: 0;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-8,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-8,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-8,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-8,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-8{
        max-width:100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-4{
        display:none !important;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-8 > h4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-8 > h4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-8 > h4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-8 > h4,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-8 > h4{
        text-align:center;
        margin-bottom:15px;
        position:relative;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-8 > h4::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-8 > h4::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-8 > h4::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-8 > h4::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-8 > h4::before{        
        content:'';
        display:block;
        width:50px;
        height:2px;
        background:#d3d3d3;
        position:absolute;
        bottom:-7px;
        left:50%;
        transform:translateX(-50%);

    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .ui-cite.item-citation,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .ui-cite.item-citation,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .ui-cite.item-citation,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .ui-cite.item-citation,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .ui-cite.item-citation{
        border-bottom:1px solid #d3d3d3;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .ui-cite.item-citation  > p,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .ui-cite.item-citation  > p,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .ui-cite.item-citation  > p,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .ui-cite.item-citation  > p,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .ui-cite.item-citation > p{
        text-align:left;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-12 > a.button,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-12 > a.button,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-12 > a.button,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-12 > a.button,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-12 > a.button{
        color:#ffffff;
        background:#000000;
        border:#000000;
        border-radius:0 0 8px 8px;
        margin-right:-18px;
        transition:.3s all ease;
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-12 > a.button::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-12 > a.button::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-12 > a.button::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-12 > a.button::before,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-12 > a.button::before{
        content:'\f0c5';    
        font-family:'Font Awesome 5 Free';
        font-weight:500;
        margin-right:8px;
    }
    
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > .col-md-12 > a.button:hover,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #chicago > .row > .col-md-12 > a.button:hover,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #ieee > .row > .col-md-12 > a.button:hover,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #mla > .row > .col-md-12 > a.button:hover,
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #vancouver > .row > .col-md-12 > a.button:hover{
        background: var(--main-color--);
    }
    .modal_cite > .modal-inner-wrap > .modal-content > .citation > .modal-body-content > #select-cite ~ #apa > .row > br{
        display:none;
    }
    /* UACM · upgrade 2.4.9: aqui habia una regla malformada (selector sin '{')
       con un 'background:red !important' de depuracion. Al faltarle la llave, el '}'
       siguiente cerraba el @media antes de tiempo y dejaba otro '}' huerfano, con lo
       que el CSS del archivo quedaba desbalanceado. Se elimina: el navegador ya la
       descartaba, asi que no hay cambio visual. */
}

.modal_cite .nav-tabs {
    border: none;
    margin: 0 0 10px;
}

.modal_cite  .nav-tabs .nav-link:focus,
.modal_cite .nav-tabs .nav-link {
    border: none !important;
    background: rgb(51 143 142 / 50%);
    border-radius: 0 !important;
    text-align: center;
    color: #ffffff;
}
.modal_cite  .nav-tabs .nav-link:focus,
.modal_cite .nav-tabs .nav-link.active{
    background: rgb(51 143 142 / 1);    
    color: #ffffff;
}
.modal_cite .nav-tabs .nav-item {
    width: 50%;
    border-radius: none;
}
.modal_cite  .tab-content{
    border: none;
    margin-bottom: 0px;
}

.modal_cite .tab-pane {
    border: none !important;
    margin:0 !important;
}
.modal_cite .tab-pane p:last-child{
    margin:0;
}
.modal_cite form,
.modal_cite form button{
    width:100%;
    
}
.modal_cite form button{
    background: #41a0e0 !important;
    border-radius:5px !important;
    border:none !important;
}
/*Styles redimir*/
.modal-popup .modal-title {
    border-bottom: 0;
    font-weight: 300;
    padding-bottom: 0;
    font-size: 26px;
    margin-bottom: 0;
    min-height: 1em;
    word-wrap: break-word;
}
.modal-popup .modal-header {
    padding-top: 27px;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
    box-shadow: none;
    border: 0 !important;
}
.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 0rem;
    padding-top: 0rem;
}
.modal-popup .modal-inner-wrap {
    width: 45% !important;
}
.modal-popup .modal-inner-wrap select {
    width: 100% !important;
}
.modal-popup .modal-inner-wrap p a.btn {
    display: block;
    display: block;
    background: #c50000;
    margin-top: 2rem;
}
.modal-popup .modal-inner-wrap p a.btn:hover {
    color: #fff;
    background: #9d0101;
}
.modal-popup .modal-inner-wrap p a {
    color: #fff;
}
.modal-popup .modal-inner-wrap p a:hover {
    color: #acf8bc;
}
.modal-popup .action.primary,
.modal-popup .action.secondary {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000;
}
header a#codigos-de-acceso {
    border: 1px solid;
    color: black;
    font-size: 13px;
    padding: 4px 6px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    border-radius: 6px;
}
/*End Styles redimir*/

/* =========================================================================
   UACM · upgrade 2.4.9 — Mejoras visuales de "Mi Cuenta"
   -------------------------------------------------------------------------
   El área de cuenta se veía desordenada: solo .block-dashboard-info y
   .block-dashboard-addresses tenían ancho y borde definidos, mientras que
   reorder / wishlist / compare caían en el mismo flex-wrap sin ancho y se
   desparramaban. Tampoco había tratamiento de tarjeta pese a que el resto del
   tema usa radio 5px y sombra suave.

   Todo va scopeado bajo .account para no tocar el resto del sitio, y usa los
   tokens que el tema ya emplea:
     acento  #f2a900   ·  enlaces #0075be  ·  texto #333333
     bordes  #d3d3d3   ·  radio   5px      ·  sombra 0 1px 3px rgba(0,0,0,.06)
   El breakpoint (1064px) es el mismo que ya usa el bloque móvil de cuenta.
   ========================================================================= */

/* --- Ritmo general ------------------------------------------------------ */
.account .columns {
    padding-top: 10px;
}
.account .column.main > .block,
.account .column.main > .block-order-details-view {
    margin-bottom: 24px;
}
.account .page-title-wrapper .page-title {
    font-weight: 700;
    color: #333333;
}

/* --- Menú lateral de la cuenta ------------------------------------------ */
.account .sidebar.sidebar-main .block-collapsible-nav {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    overflow: hidden;
}
.account .block-collapsible-nav .content {
    background: transparent;
    padding: 0;
}
.account .block-collapsible-nav .items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.account .block-collapsible-nav .item {
    margin: 0;
}
.account .block-collapsible-nav .item > a,
.account .block-collapsible-nav .item > strong {
    display: block;
    padding: 11px 18px;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #f0f0f0;
    color: #333333;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
}
.account .block-collapsible-nav .item:last-child > a,
.account .block-collapsible-nav .item:last-child > strong {
    border-bottom: 0;
}
.account .block-collapsible-nav .item > a:hover {
    background: #faf7f0;
    border-left-color: #f2a900;
    color: #0075be;
    text-decoration: none;
}
/* item activo: acento UACM */
.account .block-collapsible-nav .item.current > a,
.account .block-collapsible-nav .item.current > strong {
    background: #fdf6e6;
    border-left-color: #f2a900;
    font-weight: 700;
    color: #333333;
}

/* --- Bloques del panel como tarjetas ------------------------------------ */
.account .column.main .block .block-title,
.account .column.main .block-title > strong,
.account .fieldset > .legend {
    font-size: 17px;
    font-weight: 700;
    color: #333333;
}
.account.customer-account-index .column.main .block .block-title {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f2a900;
}
.account.customer-account-index .column.main .block .block-title strong {
    font-weight: 700;
}

/* El .column.main del panel es display:flex (regla preexistente del tema). Sus hijos
   directos incluyen el .page-title-wrapper y el #authenticationPopup, que no tenian ancho:
   quedaban como items flex compitiendo por la fila con los bloques del panel y el titulo
   "Mi Cuenta" terminaba al lado de la tarjeta de informacion. Se fija ancho completo por
   defecto para CUALQUIER hijo directo, y solo los dos bloques del panel van a media fila. */
.account.customer-account-index .column.main > * {
    flex: 0 0 100%;
    max-width: 100%;
}
.account.customer-account-index .column.main > .page-title-wrapper {
    margin-bottom: 8px;
}

/* el flex-wrap del panel: gutter parejo y alto uniforme */
.account.customer-account-index .column.main {
    margin-left: -12px;
    margin-right: -12px;
    align-items: stretch;
}
.account.customer-account-index .column.main > .block {
    padding: 0 12px;
    box-sizing: border-box;
}
/* los dos primeros a media, el resto a ancho completo (antes no tenían ancho) */
.account.customer-account-index .column.main > .block.block-dashboard-info,
.account.customer-account-index .column.main > .block.block-dashboard-addresses {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}
.account.customer-account-index .column.main > .block.block-reorder,
.account.customer-account-index .column.main > .block.block-wishlist,
.account.customer-account-index .column.main > .block.block-compare {
    width: 100%;
}

/* superficie de tarjeta */
.account.customer-account-index .column.main .block .block-content > .box,
.account.customer-account-index .column.main .sa-dashboard-info,
.account.customer-account-index .column.main .sa-dashboard-addresses,
.account.customer-account-index .column.main .block.block-reorder .block-content,
.account.customer-account-index .column.main .block.block-wishlist .block-content,
.account.customer-account-index .column.main .block.block-compare .block-content {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 18px;
}
.account.customer-account-index .column.main .box-title,
.account .box .box-title span {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    color: #333333;
}
.account .box .box-content {
    line-height: 1.6;
    color: #555555;
}

/* --- Botones y acciones -------------------------------------------------- */
.account a.action.change-password,
.account a.action.edit,
.account .box-actions a {
    display: inline-block;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 6px 14px;
    color: #333333;
    font-size: 13px;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.account a.action.change-password:hover,
.account a.action.edit:hover,
.account .box-actions a:hover {
    background: #fdf6e6;
    border-color: #f2a900;
    color: #0075be;
    text-decoration: none;
}
.account .actions-toolbar .primary .action.primary {
    border-radius: 5px;
}

/* --- Tablas (pedidos, direcciones, descargables, wishlist) --------------- */
.account .table-wrapper {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    overflow-x: auto;
}
.account .table-wrapper table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}
.account .table-wrapper thead th {
    background: #f7f7f7;
    border-bottom: 2px solid #e3e3e3;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    text-align: left;
    white-space: nowrap;
}
.account .table-wrapper tbody td {
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 14px;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
}
.account .table-wrapper tbody tr:last-child td {
    border-bottom: 0;
}
.account .table-wrapper tbody tr:hover td {
    background: #fcfcfc;
}
.account .table-wrapper .actions a {
    color: #0075be;
}

/* --- Mensaje de sección vacía -------------------------------------------- */
.account .message.info.empty,
.account .empty {
    background: #ffffff;
    border: 1px dashed #d3d3d3;
    border-radius: 5px;
    padding: 22px;
    color: #777777;
    text-align: center;
}

/* --- Formularios --------------------------------------------------------- */
.account .form-address-edit .fieldset,
.account .form-edit-account .fieldset,
.account .form-newsletter-manage .fieldset {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 20px;
    margin-bottom: 20px;
}
.account .fieldset > .field > .label {
    font-weight: 600;
    color: #333333;
}
.account .fieldset input[type="text"],
.account .fieldset input[type="email"],
.account .fieldset input[type="password"],
.account .fieldset input[type="tel"],
.account .fieldset select,
.account .fieldset textarea {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}
.account .fieldset input[type="text"]:focus,
.account .fieldset input[type="email"]:focus,
.account .fieldset input[type="password"]:focus,
.account .fieldset input[type="tel"]:focus,
.account .fieldset select:focus,
.account .fieldset textarea:focus {
    border-color: #f2a900;
    box-shadow: 0 0 0 2px rgba(242, 169, 0, .18);
    outline: none;
}

/* --- Responsive ---------------------------------------------------------- */
@media (min-width: 0) and (max-width: 1064px) {
    .account.customer-account-index .column.main > .block.block-dashboard-info,
    .account.customer-account-index .column.main > .block.block-dashboard-addresses {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .account .column.main > .block {
        margin-bottom: 18px;
    }
    .account .table-wrapper thead th,
    .account .table-wrapper tbody td {
        padding: 10px;
    }
}