/*** FUENTES WEB ***/

/** ROBOTO **/
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.ttf');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
    font-weight: 600;
    font-display: swap;
}

/** ROBOTO CONDENSED **/
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
    font-weight: 400;
    font-display: swap;
}

/** TÍTULOS **/
.h1-title, .h2-title, .h3-title, .h4-title, .h5-title, .h6-title {
    font-family: "Roboto Condensed";
}
.h1-title {
    font-size: 40px;
    line-height: 52px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
.h2-title {
    font-size: 32px;
    line-height: 44px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
.h3-title {
    font-size: 24px;
    line-height: 36px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
.h4-title {
    font-size: 20px;
    line-height: 32px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
.h5-title {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
.h6-title {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    letter-spacing: 0px;
    font-weight: 400;
}
p {
    font-family: "Roboto";
    font-weight: 300;
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}
.lead {
    font-size: 20px;
    line-height: 32px;
}
.tiny {
    font-size: 14px;
    line-height: 26px;
}
    @media (max-width:767px) {
        .h1-title {
            font-size: 20px;
            line-height: 32px;
        }
    }


/** COLORES **/
.text-blue {
    color:#007BDE;
}
.text-orange {
    color:#E87103;
}
.text-red {
    color:#CA0B3A;
}
.text-dark-blue {
    color:#071D3F;
}
.bg-blue {
    background-color:#007BDE;
}
.bg-orange {
    background-color:#E87103;
}
.bg-red {
    background-color:#CA0B3A;
}
.bg-dark-blue {
    background-color:#071D3F;
}

/** BOTONES **/
.btn {
    color: #fff;
    text-transform: initial;
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-blue {
    background-color:#007BDE;
    border-color:#007BDE;
    color:#ffffff;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background-color:#ffffff;
    color:#007BDE;
}
.btn-orange {
    background-color:#E87103;
    border-color:#E87103;
    color:#ffffff;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background-color:#ffffff;
    color:#E87103;
}
.btn-red {
    background-color:#CA0B3A;
    border-color:#CA0B3A;
    color:#ffffff;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
    background-color:#CA0B3A;
    color:#CA0B3A;
}
.btn-white {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#007BDE;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background-color:transparent;
    color:#ffffff;
}
.btn-dark-blue-outline {
    background-color:transparent;
    border-color:#071D3F;
    color:#071D3F;
}
.btn-dark-blue-outline:hover,
.btn-dark-blue-outline:focus,
.btn-dark-blue-outline:active {
    background-color:#071D3F;
    color:#ffffff;
}
.btn-white-outline {
    background-color:transparent;
    color:#ffffff;
    border-color:#ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline:active {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#007BDE;
}


/** HEADER **/
.header-search-inline.header-search .header-search-wrapper {
    border:1px solid #BBC3D0;
    height: 53px;
    background: #f7f7f7;
}
.header-search-category .form-control {
    background: #f7f7f7;
    color:#071D3F;
    font-weight: 300;
    font-size: 16px;
}
.header-search-wrapper input.form-control::placeholder {
    color:#071D3F;
}
::selection {
    background-color: #273F6A;
    color: #fff;
}
.header-search-category .btn {
    background: transparent;
}
.header-user h6 span,
.cart-subtotal {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #071D3F;
    letter-spacing: 0;
    line-height: 1.6rem;
}
.header-user h6 a,
.cart-subtotal .cart-price {
    font-size: 12px;
    color:#848484;
    font-weight: 300;
}
.header-user h6 a:hover,
.header-user h6 a:focus,
.header-user h6 a:active {
    text-decoration: underline;
}
.cart-dropdown .badge-circle {
    background:#CA0B50;
    top: -4px;
    right: -7px;
}
.header-user {
    padding: 0 34px 0 47px;
    border-right: 1px solid #d8d8d8;
    margin-right: 34px;
}
.header-contact-info {
    display: flex;
    flex-direction: column;
}
.header-contact-info a {
    font-size: 16px;
}
.header-contact-info a:hover,
.header-contact-info a:focus,
.header-contact-info a:active {
   text-decoration: underline;
}
.header-contact-info a.contact-whatsapp {
    color: #169E00;
    font-weight: 500;
}
.header-contact-info a.contact-phone {
    color: #071D3F;
    font-weight: 300;
    display: inline-flex;
    align-items: center;
}
.header-middle {
    padding-top: 0;
    padding-bottom: 0;
    height: 97px;
    display: flex;
    align-items: center;
}
.header .logo {
    margin-right: 6rem;
}
.btn-contact-header .btn {
    color: #fff;
    text-transform: initial;
    font-size: 1.6rem;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
    height: 48px;
    display: flex;
    align-items: center;
}
.btn-contact-header .btn:hover,
.btn-contact-header .btn:focus,
.btn-contact-header .btn:active {
    color: #E87103;
}
.menu li > a.li-img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.menu li > a.li-img .icono-menu {
    width: 54px;
    height: 48px;
    display: block;
    margin: auto auto 3px auto;
    padding:10px;
    border-radius: 4px;
    background-color:rgba(43, 192, 239,0.05);
}
.menu li > a.li-img .icono-menu img {
    margin: auto;
}
.menu li > a.li-img .text-menu {
    font-family: "Roboto Condensed",sans-serif;
    color: #273F6A;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400;
}
.menu li.active > a.li-img .text-menu,
.menu li:hover > a.li-img .text-menu,
.menu li:focus > a.li-img .text-menu,
.menu li:active > a.li-img .text-menu {
    color: #CA0B50;
}
.menu li.active > a.li-img:after,
.menu li:hover > a.li-img:after,
.menu li:focus > a.li-img:after,
.menu li:active > a.li-img:after {
    background:transparent;
    height: 1px;
    content: "" !important;
    display: block!important;
    margin-left: 0px!important;
    width: 100%;
}
.menu li.active > a.li-img:after,
.menu li:hover > a.li-img:after,
.menu li:focus > a.li-img:after,
.menu li:active > a.li-img:after {
    background: #CA0B50;
    width: 100%;
}
    @media (min-width:1200px) and (max-width:1459px) {
        .header-right {
            margin-left: 6rem;
        }
    }
    @media (min-width:992px) and (max-width:1199px) {
        .header .logo {
            margin-right: 2rem;
        }
        .header-right {
            margin-left: 3rem;
        }
        .menu li > a.li-img .icono-menu {
            width: 44px;
            height: 38px;
            margin-bottom:6px;
        }
        .menu li > a.li-img .text-menu {
            font-size: 14px;
        }
    }

/** FOOTER **/
footer.footer {
    background: #f7f7f7;
    background-image: url(../img/bg/fondo-footer.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
footer.footer .footer-bottom {
    border: 0px;
    background: #007BDE;
    padding:10px;
    color: #ffffff;
}
.footer-bottom .footer-copyright a {
    text-decoration: underline;
}
.footer-bottom .footer-copyright a:hover,
.footer-bottom .footer-copyright a:focus,
.footer-bottom .footer-copyright a:active {
    color: #ffffff;
    opacity: .7;
}
.font-size-14 {
    font-size:14px;
    line-height: 20px;
}
footer .widget-title {
    color:#008ED2;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: initial;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
}
.footer-middle p a:hover,
.footer-middle p a:focus,
.footer-middle p a:active {
    text-decoration: underline;
    color:#071D3F;
}
.footer-middle a.contact-whatsapp {
    color: #169E00;
    font-weight: 500;
}
.footer-middle a.contact-whatsapp:hover,
.footer-middle a.contact-whatsapp:focus,
.footer-middle a.contact-whatsapp:active {
    color: #169E00;
}
.footer ul.links li {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #273F6A;
    font-weight: 300;
    margin-bottom: 4px;
}
.footer ul.links li a:hover,
.footer ul.links li a:active,
.footer ul.links li a:focus {
    text-decoration: underline;
    color: #273F6A;
}
    @media (min-width:768px) and (max-width:991px) {
        .logo-footer {
            width:120px;
        }
    }
    @media (max-width:767px) {
        .logo-footer {
            width:120px;
        }
    }


/** PÁGINA ESTÁTICA ***/
.page-header-pinturas {
    padding:5rem 0;
    background-color: #D4E1EA;
}
.page-header-pinturas h1 {
    color:#071D3F;
    margin-bottom: 1rem;
}
.page-header-pinturas p {
    font-size: 20px;
    line-height: 32px;
    color:#071D3F;
    margin-bottom: 0;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item {
    text-transform: initial;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #273F6A;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a {
    color: #007BDE;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-nav .breadcrumb .breadcrumb-item a:focus,
.breadcrumb-nav .breadcrumb .breadcrumb-item a:active {
    text-decoration: underline;
}
.breadcrumb-nav {
    margin: 0;
    border: 0;
}
.breadcrumb-nav .breadcrumb .breadcrumb-item:not(:first-child) {
    padding-left:0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.6rem;
}
.section {
    padding: 8rem 0;
}
.info-box.info-box-icon-left img {
    margin-right: 1.6rem;
}
.info-box.info-box-icon-left .info-box-content p {
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto",sans-serif;
    letter-spacing: 0;
}
b {
    font-weight: 400;
}
.hover-underline-blue:hover,
.hover-underline-blue:focus,
.hover-underline-blue:active {
    color:#007BDE;
    text-decoration: underline;
}
.caja-gris {
    background-color: #f7f7f7;
    padding:3rem 5rem;
}
.w-90 {
    width:90%;
}
.cta-pinturas {
    padding: 70px;
    background:#f7f7f7;
}
.cta-pinturas h3 {
    font-size: 24px;
    line-height: 30px;
    color: #273F6A;
    letter-spacing: 0px;
    font-weight: 300;
    font-family: "Roboto",sans-serif;
    margin-bottom: 0;
}
.cta-pinturas .cta-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 2rem;
}
.form-pinturas label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-family: "Roboto",sans-serif;
}
.form-pinturas input.form-control,
.form-pinturas select.form-control {
    border-radius: 4px;
    border-color: #000000;
    font-size: 1.6rem;
    color: #000000;
    height: 46px !important;
}
.form-pinturas .form-group {
    margin-bottom: 24px;
}
.form-pinturas textarea.form-control {
    border-radius: 4px;
    border-color: #000000;
    font-size: 1.6rem;
    color: #000000;
}
.form-pinturas input.form-control:focus,
.form-pinturas select.form-control:focus,
.form-pinturas textarea.form-control:focus {
    border-color: #007BDE;
}
.info-capa {
    background: #f7f7f7;
    padding: 2rem 3rem;
}
.info-capa p {
    color: #000000;
    font-size: 14px;
}
.info-capa p:last-child {
    margin-bottom: 0;
}