:root {
    --primary-color: #ed9ba8;
    --dark-color: #302c24;
    --hover-color: #cb828f;
    --footer-hover-color: #8f8f8f;
    --gray-color: #778473;
}

@font-face {
    font-family: 'Abril';
    src: url('../../fonts/abril-display-italic.woff2');
}

@font-face {
    font-family: 'Nimbus';
    src: url('../../fonts/nimbus-bold.woff2');
}

.nimbus {
    font-family: 'Nimbus', sans-serif !important;
}

.abril {
    font-family: 'Abril', sans-serif !important;
}

.h1 {
    color: var(--primary-color);
}

footer {
    color: whitesmoke;
}

footer hr {
    color: whitesmoke;
    border-width: 3px;
    border-radius: 10px;
    opacity: 100%;
}

footer a:hover {
    color: var(--footer-hover-color);
    transition: ease-in-out;
}

footer .footer-icon {
    width: auto;
    height: 18px;
}

.btn-start {
    background-image: url("/img/front/button.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
    .form-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header img {
        height: auto;
        width: 8.5rem;
    }

    .index-santiago-banner {
        width: 100%;
        object-fit: cover;
    }
}

@media screen and (min-width: 1024px) {
    .form-container {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .header img {
        height: auto;
        width: 12rem;
    }

    .index-santiago-banner {
        width: 100%;
        object-fit: cover;
    }
}


[multiple], [type=date], [type=datetime-local], 
[type=email], [type=month], [type=number], [type=password], 
[type=search], [type=tel], [type=text], [type=time], [type=url], 
[type=week], input:where(:not([type])), select, textarea {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: rgb(113, 113, 122) !important;
    border-radius: 0.5rem !important;
}

.dark\:text-white{
    color: var(--dark-color) !important;
}

[type=radio] {
    border-radius: 100%;
}

[type=checkbox], [type=radio] {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
    border-width: 1px;
    border-style: solid !important;
    color: rgba(9, 9, 11, 0.1);
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
}

[type=radio]:checked {
    background-color: var(--primary-color) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") !important;
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
}

.ring-1, .ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.dark\:ring-white\/20 {
    --tw-ring-color: rgba(9, 9, 11, 0.1) !important;
}

.choices__placeholder .choices__item {
    color: rgba(161, 161, 170, 1) !important;
}

.dark\:ring-white\/10 {
    --tw-ring-color: rgba(9, 9, 11, 0.1) !important;
}

.img-radio-selected {
    display: none !important;
}

div.img-radio {
    border-radius: 10px;
    border: 2px solid var(--dark-color) !important;
}

input[name="data.topics"]:checked + span.img-radio-selected + div.img-radio {
   background-color: var(--primary-color);
}

button[type="submit"] {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--primary-color);
    color: #ffffff;
    border-color: #c8818d;
    border-width: 1px;
    border-style: solid;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    line-height: 1.25rem;
    font-weight: 600;    
    font-size: large;
    border-radius: .5rem;
}
button[type="submit"]:hover{
    background-color: #c8818d;
}
.fi-color-danger{
 color: red !important;
}
p[data-validation-error] {
    color: red;
    font-weight: 500;
}
.fi-color-primary{
    background-color: #ed9ba8;
}

a.pa-link {
    color: var(--primary-color);
    text-decoration: underline;
}

a.pa-link:hover {
    color: var(--hover-color);
}
/*Cambio de colores en los checkbox*/
input[name="data.topics-Desarrollo_Social_y_Bienestar_Integral"]:checked + span.img-radio-selected + div.img-radio {
    background-color: var(--primary-color) !important;
}

input[name="data.topics-Calidad_en_los_Servicios_Públicos"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #339E88 !important;
}

input[name="data.topics-Seguridad_Pública"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #FAE125 !important;
}

input[name="data.topics-Empleo_e_impulso_económico"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #84D6E6 !important;
}

input[name="data.topics-Movilidad_y_Transporte_Público"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #FAE125 !important;
}

input[name="data.topics-Calidad_del_aire_y_cuidado_del_medio_ambiente"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #339E88 !important;
}

input[name="data.topics-Eficiencia_gubernamental_e_innovación_en_trámites_y_servicios"]:checked + span.img-radio-selected + div.img-radio {
    background-color: #B29966 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #212529;
}

.nav-link{
    color: #212529;
}

.nav-link:focus, .nav-link:hover {
    color:  #111314;
    
}

.header-text-register{
    font-size: 2rem;
    font-weight: 900;
    color: #f25d58;
}

.choices option {
    background: none !important;
}

sup.text-danger-600 {
    color: red;
}

select:not(.choices) {
    background-image: none;
}

select:not(.choices) option {
    background: none !important;
}

.btn-register{
    transition: all .2s ease-in-out;
}

.btn-register{
    transform: scale(1.1);
}

.bg-index{
    background-image: url(../../img/front/slider.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (prefers-color-scheme: dark) {
    .bg-gray-800 {
        background-color: #778473 !important;
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-gray-800 {
        background-color: rgb(171, 171, 171) !important;
    }
}