:root{
    --color-p: #7C186B;
    --color-p-a: #7C186B80;
    --color-s: white;
    --color-s2: #E7A312;
    --color-s-a: #E7A31280;
    --color-e: #C85050;
}
@font-face {
    font-family: 'futura';
    src: url('/cintro/static/src/fonts/Futura Bk BT Book.ttf') format('truetype');
}
*{font-family: 'futura' !important;}
input::placeholder {
    /* color: white !important; */
    opacity: 1 !important;
}
html {scroll-behavior: smooth;}
.modal{z-index: 10000;}
.sticky {
    position: sticky !important;
    top: 0;
    z-index: 9999;
}
[role="presentation"] a{font-size: larger;}
textarea{height: 10rem;}
.navbar-light, .s_mega_menu_cards, .o_mega_menu_is_offcanvas {background-color: var(--color-s);}
.navbar-light a.nav-link{color: var(--color-p);}
.navbar-light a.nav-link:hover{
    color: var(--color-p);
    font-weight: bold;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: var(--color-p);
    text-decoration: underline;
    font-weight: bold;
}
.overflow-x-no{
    overflow-x: hidden;
    width: 100%;
}
.ibuscar, .bbuscar{border-color: var(--color-p-a)}
.ibuscar, 
.ibuscar::selection,
.ibuscar:focus,
.ibuscar:autofill,
.ibuscar:-webkit-autofill {
    background-color: transparent !important;
}
.form-check-input{border-color: var(--color-p);}
.flag-h{width: 2em; cursor: pointer;}
.flag-item, .login-item{align-content: center;}
.o_input:focus-visible, .input-search:focus-visible{outline: none;}
.search-bar, .o_input{background: none;}
.search-bar,
.o_input,
.oi-search,
.a-white
.banner .nav-link,
.banner .nav-link.active,
.banner .nav-link.show,
.banner .nav-item,
.banner .nav-item.active,
.banner .nav-item.show,
.banner-title,
#my_custom_footer *,
.modal-header
{color: white;}
.search-bar{
    border: 1px solid gray;
    height: fit-content;
}
.pl-10{padding-left: 10em;}
.pr-10{padding-right: 10em;}
.pl-3{padding-left: 3em;}
.pr-3{padding-right: 3em;}
p{font-size: 1em;}
.search-container{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.uppercase{text-transform: uppercase;}
.bold{font-weight: bold;}
.h100{height: 100%;}
.p0{padding: 0 !important;}
.p1{padding: 1em !important;}
.p1-l{padding: 0 1em !important;}
.pr-1{padding-right: 1em !important;}
.pr-2{padding-right: 2em !important;}
.m5-l{margin: 0 5em !important;}
.w33{width: 33vw !important;}
.w25{width: 25vw !important;}
.mw25{max-width: 25vw !important;}
.mw33{max-width: 33vw !important;}
.d-none{display: none;}
.banner{background: linear-gradient(to right, var(--color-p), black);}
.banner .nav-link:hover, .banner .nav-link:focus{font-weight: bold;}
.navbar > .container{max-width: 95%;}
.banner-title{
    font-family: 'futura';
    text-align: center;
    font-size: 5rem;
}
.prelative{position: relative;}
.catalogo-download{
    position: absolute;
    color: var(--color-p);
    font-size: xxx-large;
    right: 1em;
    bottom: 0;
    z-index: 1;
}
.fa{
    font-size: 1rem;
    color: var(--color-p);
}
.fdoc{
    font-size: 3rem;
    color: var(--color-p);
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fdoc:hover{
    transform: scale(1.2);
    color: var(--color-s);
}
h6{font-weight: bold;}
.tab-pane{padding-top: 1rem;}
form h1:first-of-type{padding-top: 2rem;}
.register-form{max-width: 30vw;}
.fw-bold{font-weight: bold;}
:has(> .moscale){overflow: hidden;}
.moscale{
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mapa-footer{text-align: end;}
.mapa-footer a img{width: 75%;}
.moscale:hover{transform: scale(1.2);}
.no-pc{display: none;}
.banner-solicitud{font-size: 3rem;}
.btn-outline-white {
    --btn-color: white;
    --btn-border-color: white;
    --btn-hover-color: #cccccc;
    --btn-hover-bg: var(--color-p);
    --btn-hover-border-color: var(--color-p);
    --btn-focus-shadow-rgb: 100.73829787, 66.86170213, 91.82340426;
    --btn-active-color: #cccccc;
    --btn-active-bg: white;
    --btn-active-border-color: white;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: white;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: white;
    --gradient: none;
}
.btn-social-footer{
    border-radius: 3em;
    width: 38px;
    height: 38px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
}
a:not(.btn):hover, a:not(.btn):hover h6, a:not(.btn):hover h4{color: var(--color-p);}
.nav-link:hover, .nav-link:hover h6, .nav-link:hover h4{font-weight: bold;}
.s_mega_menu_cards:not([data-vcss]) .nav-link:hover{background: none;}
.icono{
    font-size: 5rem;
    color: var(--color-s);
}
.icono-error{
    font-size: 5rem;
    color: var(--color-e);
}
.modal-s{background-color: var(--color-s);}
.modal-r{background-color: var(--color-e);}
.o_mega_menu_is_offcanvas div.o_mega_menu{
    margin-top: 4rem !important;
    height: calc(100dvh - 4rem);
}
.banner.banner-title{
    position: sticky;
    z-index: 9998;
}
.img-servicios{height: 30vh;}
.dos-columnas {
    column-count: 2;
    column-gap: 2rem;
}
.dos-columnas > ol > li, .dos-columnas > ul > li{break-inside: avoid;}
.card-title.uppercase, .card-title.uppercase p{font-weight: bold;}
.social-x{color: white;}
.perfil-img{
    width: 32px;
    height: 32px;
}
.wh150{
    width: 150px;
    height: 150px;
}
.area-trabajo{
    min-height: 100vh;
    background-image: url('/cintro/static/src/img/backs/back-servicios.png');
    background-size: cover; 
    background-position: center; 
    margin: 0;
    padding: 0;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.area-trabajo::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}
.area-trabajo .card, .area-trabajo .card .card-body{background: none !important;}