/*---------------------------------*/
/* Esto es para que el campo number (de whatsapp no tenga flechas) */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*---------------------------------*/
.o0 {
    filter: alpha(opacity=0); 
}

.ov0 {
    overflow: hidden;
}

body {
    margin:0px;
    padding:0px;
    font-family: "Noto Sans"!important;
    font-weight: 200;
}

h1 {
    font-family: "Noto Sans";
    font-weight: 300;
    color:#062152!important;
}

h2 {
    font-family: "Nunito Sans";
    font-weight: 250; 
}

h3 {
    font-family: "Nunito Sans";
    font-weight: 200; 
}

.violeta {
    background-color: var(--violeta);
}

.azulado {
    background-color: var(--azulado);
}

.oscuro {
    background-color: var(--oscuro);
}

.estrella {
    max-width: 30px;
}

.base_negra {
    background-color: #000!important;
    
    
}


.fondo-foto-01 {
    background-image: url('../uploads/portada-fotos/01.png');
    background-position: middle center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-02 {
    background-image: url('../uploads/portada-fotos/02.png');
    background-position: middle center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-03 {
    background-image: url('../uploads/portada-fotos/03.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-04 {
    background-image: url('../uploads/portada-fotos/04.png');
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-05 {
    background-image: url('../uploads/portada-fotos/05.png');
    background-position: middle center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-06 {
    background-image: url('../uploads/portada-fotos/06.png');
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}

.fondo-foto-07 {
    background-image: url('../uploads/portada-fotos/07.png');
    background-position: 0% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
}



#preguntas-frecuentes .card-header button {
    color:var(--oscuro)!important;
    font-weight: bold!important;
}

#preguntas-frecuentes .card-header button:focus {
    outline:none!important;
    box-shadow: none!important;
}

#preguntas-frecuentes .card-body {
    background-color: var(--violeta);
    color: #fff;
}

.call-to-action-linkedin {
    background-color: #73B0FF;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    display:block;
}

.call-to-action-linkedin:hover {
    background-color: #7E8794;
    color: #fff;
    
    text-decoration: none;
}

.call-to-action {
    background-color: #73B0FF;
    color: #fff;
    font-size: 35px;
    text-decoration: none;
}

.call-to-action:hover {
    background-color: #7E8794;
    color: #fff;
    font-size: 35px;
    text-decoration: none;
}

.call-to-action:focus {
    outline:none!important;
    box-shadow: none!important;
}

.call-to-action-neutro {
    background-color: #7E8794;
    border:0px;
    font-size: 35px;
    text-decoration: none;
}

.call-to-action-neutro:hover {
    background-color: #7E8794;
    color: #fff;
    font-size: 35px;
    text-decoration: none;
}

.call-to-action-neutro:focus {
    outline:none!important;
    box-shadow: none!important;
}

.texto-verde {
    color: var(--verde);
}

.error {
    border: 1px solid red;
}

.slogan {
    font-size: 1.2em;
}

.color_01 {
    color:#062152!important;
}

.color_02 {
    color:#062152!important;
}

.color_03 {
    color:#111111!important;
}

.color_04 {
    color:#cccccc!important;
}

.color_05 {
    color:#fff!important;
}

.color_06 {
    color:#2C384D!important;
}

.color_07 {
    color: #73B0FF!important;
}


.fondo_01 {
    background-color: #324154;
}

.fondo_02 {
    background-color: #7E8794;
}

.fondo_03 {
    background-color: #324154;
}

.fondo_04 {
    background-color: #efefef;
}

.fondo_05 {
    background-color: #000;
}

.fondo_06 {
    background-color:#324154!important;
}

.resena {
    border: 1px solid #888;
}

.bold {
    font-weight: bold!important;
}