/* ===== PALETA DE COLORES ===== */
:root {
    /* --azul-corporativo: #09105a; */
	--azul-corporativo: #1d1a55; 
    /* --azul-corporativo: #081059; */
	--dorado: #f9ae00;
	--azul-claro: #3a4a8c;
	--dorado-claro: #ffc107;
	--gris-oscuro: #333333;
	--gris-medio: #666666;
	--gris-claro: #f5f5f5;
	--blanco: #ffffff;
	--negro-suave: #1a1a1a;
}

body::-webkit-scrollbar-thumb {
    background: var(--azul-claro);
}
body {
    background-color: var(--azul-corporativo);
    color: var(--blanco);
}
body::before {
    /* background-image: none!important; */
    background-color: var(--azul-corporativo)!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    color: var(--blanco);
}
p {
    color: var(--gris-claro);
}
.scrollbar-v {
    background: var(--azul-corporativo);
}
.show-on-scroll span a {
    background: var(--azul-claro);
}
.line-separator {
    background-image: linear-gradient(90deg, var(--dorado), rgba(33, 38, 45, 0));
}
.pres-line-separator-wrapper.text-center .line-separator.line-left {
    background-image: linear-gradient(-90deg, var(--dorado), rgba(33, 38, 45, 0));
}
.pres-line-separator-wrapper.text-center .line-separator.line-right {
    background-image: linear-gradient(90deg, var(--dorado), rgba(33, 38, 45, 0));
}
.header-default {
	background-color: var(--azul-corporativo);
}
.tmp-header.sticky {
    background-color: var(--azul-corporativo)!important;
}
.header-default .logo a img {
    max-height: 100%;
}
.mainmenu-nav {
	position: absolute;
	right: 0;
}
.mainmenu-nav .mainmenu > li > a {
    color: var(--blanco);
}
.mainmenu-nav .mainmenu > li > a:hover, .mainmenu-nav .mainmenu > li > a.active {
    color: var(--dorado)!important;
}
.hamberger {
    background: var(--azul-corporativo);
    display: flex;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.tmp-section-title-border .subtitle .subtitle-text {
    color: var(--blanco);
}
.theme-gradient, .counter-style-1 .count-number {
    color: var(--gris-medio);
}
.banner-svg {
    background: -o-linear-gradient(315deg, var(--azul-corporativo) 46.07%, rgba(53, 52, 124, 0) 91.91%);
}
.tmp-slider-style-1.with-bg-tin {
    /* background: white; */
    background-image: url(../images/shape/light.png);
}
.tmp-btn, .btn-default {
    background-color: var(--dorado);
    color: var(--azul-corporativo);
}
.tmp-btn.btn-border, .btn-default.btn-border {
    background-color: var(--dorado);
    color: var(--azul-corporativo);
}
.tmp-btn.btn-border:hover, .btn-default.btn-border:hover {
    background-color: var(--dorado);
    border-color: var(--azul-corporativo)!important;
    color: var(--blanco);
}
.tmp-section-title-border .subtitle .subtitle-text {
    width: 100%!important;
}
.cd-words-wrapper {
    padding-bottom: 10px;
}
.tmp-btn:hover, .btn-default:hover {
    background-color: var(--azul-corporativo);
    border-color: var(--azul-corporativo) !important;
    box-shadow: 0 0 10px 2px var(--dorado);
}
.tmp-btn::after, .btn-default::after {
    color: var(--dorado);
    background-color: var(--azul-corporativo);
}
.tmp-card {
    background: var(--blanco);
}
.bg-color-card {
    background: var(--azul-corporativo)!important;
}
.tmponhover::after {
    background: var(--azul-claro);
}
.tmponhover::before {
        background: radial-gradient(var(--dorado-claro), transparent, transparent);
}
.counter-style-4 .count-number {
    color: var(--blanco);
}
.counter-style-4 .counter-title {
    color: var(--gris-claro);
}
.counter-style-4.without-border {
    background-color: var(--dorado);
    border-bottom-right-radius: 0;
}
.counter-style-4.without-border:hover {
    border-bottom-right-radius: 5px;
}
.left-hover-counter, .right-hover-counter {
    background: var(--azul-corporativo);
}
.counter-style-4:hover .right-hover-counter,
.counter-style-4:hover .left-hover-counter {
    filter: blur(40px);
    height: 50px;
    width: 50px;
    -webkit-filter: blur(40px);
}
.service.service__style--1 .content .title a {
    color: var(--blanco);
}
.service.service__style--1 .content .title a:hover {
    color: var(--gris-claro);
}
.single-service-list-area .inner-content .head .icon {
    background: var(--azul-corporativo);
}
.tmp-accordion-style .card {
    background: var(--azul-corporativo);
}
.tmp-accordion-style .card .card-header button  {
    color: var(--blanco);
    font-weight: 500;
}
.accordion-body ul li {
    color: var(--blanco);
    font-weight: 100;
}
.appoinment-form-wrapper {
    background: var(--azul-corporativo);
}
.form-group input, .form-group textarea {
    border-color: var(--gris-medio);
    color: var(--blanco);
}
.form-group input:focus, .form-group textarea:focus {
    border-color: var(--dorado);
}
.inversweb-meta-list::after {
    background: var(--azul-corporativo);
}
.inversweb-meta-list li {
    color: var(--gris-claro);
}
.thumbnail-banner-right-it::before,
.thumbnail-banner-right-it::after {
    background: var(--dorado);
}
.tmp-section-gap {
    padding: 30px 0 !important;
}
.inversweb-meta-list li {
    font-size: 14px;
}
.footer-style-default.variation-two {
    background: var(--azul-corporativo);
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover {
    color: var(--blanco);
}
ul li a:hover {
    color: var(--blanco);
}
.footer-style-default .footer-top {
    padding: 20px 0;
    padding-bottom: 10px;
}
.logo a img {
    max-height: 100px;
    max-width: 140px;
}
.listing-style-solid li::before {
    color: var(--dorado);
}
.listing-style-solid li{
    color: var(--gris-claro);
}
.tmp-address .icon {
    color: var(--azul-corporativo);
}
.tmp-address .inner p a:hover {
    color: var(--dorado);
}

/* FORMULARIO */
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.btn-close {
    float: right;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: inherit;
}
/* /FORMULARIO */
@media (min-width: 991px) {
    .tmp-section-gap {
        padding: 50px 0 !important;
    }
}