/*var(--azul)  ---  Azul - Principal
#5E54A4
#835FAA
#767CB0
var(--gris)  --  Gris Principal
#CACCD2
#A6B1B9
#B2B2B2
#D0A616  --  Contraste*/
/*Colores de la CCSM*/
/*
Negro ________________________________
#1c1b15
rgb(28, 27, 21)
#1c1b15
rgb(28, 27, 21)
#383434
rgb(56, 52, 52)
#251f1d
Verde ________________________________
#7cbb28
rgb(124, 187, 40)
#7ebb2c
#94c844
rgb(148, 200, 68)
#4c7c54
rgb(76, 124, 84)
Azul ________________________________
#1f4389
#1f4289
rgb(31, 67, 137)
#234289
#98a7cb
Amarillo ________________________________
#f2b709
#fde378
#f5b807
#f1b709
#eee9b7
rgb(241, 183, 9)
Rojo ________________________________
#762c24
#772c24
rgb(119, 44, 36) 
#782e22
#943523
rgb(148, 53, 35)
Gris
#898786
*/
:root {
    --azul: #284A9D;
    --azul_suave: #98a7cb;
    --gris: #ECEEFF;
}
.colorAZUL {
    color: var(--azul);
}
.colorGRIS {
    color: var(--gris);
}
.colorRESALTAR {
    color: #D0A616;
}
body {
    font-family: 'Galano Grotesque', sans-serif;
    background-color: var(--azul);
    color: #FFFFFF;
}

body.administrador main {
    font-family: 'Galano Grotesque', sans-serif;
    background-color: #FFFFFF;
    color: var(--azul);
}


/*Enlaces Link*/
a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
    color: ghostwhite;
    font-weight: 600;
}
a:active,
a:visited,
a:focus,
a:hover {
    font-family: 'Galano Grotesque Bold', sans-serif;
    color: white;
}
.nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: ghostwhite;
}
.navbar-nav .nav-link {
    font-family: 'Galano Grotesque ExtraBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.navbar-nav .nav-link.active {
    font-family: 'Galano Grotesque ExtraBold', sans-serif;
}
.nav-link:active,
.nav-link:visited,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:visited
{
    font-family: 'Galano Grotesque ExtraBold', sans-serif;
    font-weight: bold;
    color: var(--gris);
}
.nav-link:hover,
.nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus
{
    font-family: 'Galano Grotesque ExtraBold', sans-serif;
    font-weight: bold;
    color: white;
    text-decoration: underline;
}
#solicitud-activacion a {
    color: var(--azul);
}
#solicitud-activacion a:active,
#solicitud-activacion a:visited,
#solicitud-activacion .nav-link:active,
#solicitud-activacion .nav-link:visited {
    color: var(--azul_suave);
}
footer a:active,
footer a:visited,
footer .nav-link:active,
footer .nav-link:visited {
    color: var(--azul);
}
footer .pqr a,
footer .pqr a:active,
footer .pqr a:visited,
footer .pqr a:focus,
footer .pqr a:hover {
    color: white;
}
footer .enlaces-externos a {
    color: var(--azul);
}
footer .enlaces-externos a:active,
footer .enlaces-externos a:visited,
footer .enlaces-externos a:focus,
footer .enlaces-externos a:hover {
    color: var(--azul_suave);
}

/*////titulos*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Galano Grotesque', sans-serif;
    text-transform: uppercase;
    color: #1f4389;
    text-shadow: 2px 1px 3px rgba(12,12,12,0.79);
}

h1 {
    font-size: 3.7em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
    font-weight: bold;
}


main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    text-transform: uppercase;
    color: #FFFFFF;
}


.activacion h1,
.activacion h2,
.activacion h3,
.activacion h4,
.activacion h5,
.activacion h6 {
    font-family: 'Galano Grotesque Bold', sans-serif;
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    font-family: 'Galano Grotesque Bold', sans-serif;
    color: var(--azul);
}


.administrador #login h1,
.administrador #login h2,
.administrador #login h3,
.administrador #login h4,
.administrador #login h5,
.administrador #login h6 {
    text-transform: uppercase;
    color: #FFFFFF;
}

.administrador main h1,
.administrador main h2,
.administrador main h3,
.administrador main h4,
.administrador main h5,
.administrador main h6 {
    text-transform: uppercase;
    color: var(--azul); 
}




/*Parrafos*/
p {
    font-family: 'Galano Grotesque';
    letter-spacing: 1px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
p.lead {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
input[type="text"], input[type="email"], input[type="number"],
textarea {
    background-color : #EAEAEA;
}
label.form-label {
    font-family: 'Galano Grotesque';
    color: var(--azul);
    font-size: 18px;
}


.modal .modal-header {
    color: #5E54A4;
}
.modal .modal-body {
    color: var(--azul);
}
.modal .modal-body {
    color: var(--azul);
}
.display-INTRO {
}
.display-INTRO > h1 {
    font-family: 'Galano Grotesque'!important;
    font-size: calc(1.475rem + 2.7vw);
    line-height: 1.2;
}
.display-SOLICITUD {
    color: black;
}
.display-SOLICITUD a:hover {
    opacity: 0.7;
    color: var(--azul);
}
.display-SOLICITUD h1,
.display-SOLICITUD h2,
.display-SOLICITUD h3 {
    color: var(--azul);
    text-shadow: 2px 1px 3px rgba(123,123,123,0.79);
}
.display-SOLICITUD .formularioSOLICITUD .row {
    margin-bottom: 5px;
}
/* GENERATED BY BOOTSTRAP 5 COLOR THEME GENERATOR */
/* https://bootstrapcolors.com */
.btn-outline-tramitesseguros {
    color: #506efa;
    border-color: #506efa;
}
.btn-outline-tramitesseguros:hover {
    color: #000;
    background-color: #506efa;
    border-color: #506efa;
}
.btn-check:focus + .btn-outline-tramitesseguros, .btn-outline-tramitesseguros:focus {
    box-shadow: 0 0 0 0.25rem rgba(80, 110, 250, 0.5);
}
.btn-check:checked + .btn-outline-tramitesseguros, .btn-check:active + .btn-outline-tramitesseguros, .btn-outline-tramitesseguros:active, .btn-outline-tramitesseguros.active, .btn-outline-tramitesseguros.dropdown-toggle.show {
    color: #000;
    background-color: #506efa;
    border-color: #506efa;
}
.btn-check:checked + .btn-outline-tramitesseguros:focus, .btn-check:active + .btn-outline-tramitesseguros:focus, .btn-outline-tramitesseguros:active:focus, .btn-outline-tramitesseguros.active:focus, .btn-outline-tramitesseguros.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(80, 110, 250, 0.5);
}
.btn-outline-tramitesseguros:disabled, .btn-outline-tramitesseguros.disabled {
    color: #506efa;
    background-color: transparent;
}
.table-tramitesseguros {
    --bs-table-bg: #506efa;
    --bs-table-striped-bg: #4c69ee;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #4863e1;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #4a66e7;
    --bs-table-hover-color: #fff;
    color: #000;
    border-color: #4863e1;
}
.alert-tramitesseguros {
    color: #304296;
    background-color: #dce2fe;
    border-color: #cbd4fe;
}
.alert-tramitesseguros .alert-link {
    color: #263578;
}
.bg-tramitesseguros {
    background-color: #506efa !important;
}
.text-tramitesseguros {
    color: #506efa !important;
}
.border-tramitesseguros {
    border-color: #506efa !important;
}
.link-tramitesseguros {
    color: #506efa;
}
.link-tramitesseguros:hover, .link-tramitesseguros:focus {
    color: #738bfb;
}
.list-group-item-tramitesseguros {
    color: #304296;
    background-color: #dce2fe;
}
.list-group-item-tramitesseguros.list-group-item-action:hover, .list-group-item-tramitesseguros.list-group-item-action:focus {
    color: #304296;
    background-color: #c6cbe5;
}
.list-group-item-tramitesseguros.list-group-item-action.active {
    color: #fff;
    background-color: #304296;
    border-color: #304296;
}
/*# sourceMappingURL=style-2023-06-06-23-22-53-694.css.map */
.btn-tramitesseguros {
    color: #000000;
    background-color: #506efa;
    border-color: #506efa;
}
.btn-tramitesseguros:hover {
    color: #000000;
    background-color: #6a84fb;
    border-color: #627dfb;
}
.btn-check:focus + .btn-tramitesseguros, .btn-tramitesseguros:focus {
    color: #000000;
    background-color: #6a84fb;
    border-color: #627dfb;
    box-shadow: 0 0 0 0.25rem rgba(68, 94, 213, 0.5);
}
.btn-check:checked + .btn-tramitesseguros, .btn-check:active + .btn-tramitesseguros, .btn-tramitesseguros:active, .btn-tramitesseguros.active, .show > .btn-tramitesseguros.dropdown-toggle {
    color: #000000;
    background-color: #738bfb;
    border-color: #627dfb;
}
.btn-check:checked + .btn-tramitesseguros:focus, .btn-check:active + .btn-tramitesseguros:focus, .btn-tramitesseguros:active:focus, .btn-tramitesseguros.active:focus, .show > .btn-tramitesseguros.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(68, 94, 213, 0.5);
}
.btn-tramitesseguros:disabled, .btn-tramitesseguros.disabled {
    color: #000000;
    background-color: #506efa;
    border-color: #506efa;
}
.card {
    color: black;
}

.tarjeta-tramitescontrolados {
    color: black;
}
.tarjeta-tramitescontrolados  .card {
    min-height: 25vh;
    height: 370px;
    max-height: 83vh;
}
.tarjeta-tramitescontrolados h1,
.tarjeta-tramitescontrolados h2 ,
.tarjeta-tramitescontrolados h3  {
    font-family: 'Galano Grotesque Extra Bold';
    color: black;
}
.tarjeta-tramitescontrolados h3  {
    font-size: 1.2em;
}
.imagen-servicio {
    padding: 5px;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #284a9d;
    color: white;
    font-size: 50px;
    line-height: 100px;
}
.titulo-servicio{
    font-size: 1.7em;
}
.texto-servicio{
    font-family: 'Galano Grotesque';
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.1em;
    font-size: 1.1em;
}
footer {
    background-color: var(--gris);
}
footer .nav-link {
    color: var(--azul);
}
footer .nav-link:hover {
    color: var(--azul);
    font-weight: bold;
}
footer .pqr .card {
    width: 200px;
    border-radius: 1.1em;
    padding: 0px;
    margin: 0px;
}
footer .pqr .card-text {
    font-family: 'Galano Grotesque Bold';
    margin: 0px;
    line-height: 0.8em;
    letter-spacing: 1px;
}
footer .pqr .card-text.arriba {
    font-size: 100%;
}
footer .pqr .card-text.medio {
    font-size: 275%;
}
footer .pqr .card-text.abajo {
    font-size: 100%;
}