/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: Alerta Notificación
 *  - Version: 5.0
 */

html {
    font-size: 100%;
}

:root {
    --govcolor-cobalt: #0943B5;
    --govcolor-white: #FFFFFF;
    --govcolor-matterhorn: #4C4C4C;
    --govcolor-havelock-lue: #4672C8;
    --govcolor-black: #000000;
    --govcolor-solitude: #E5ECF8;
    --govcolor-green: #158361;
    --govcolor-red: #A80521;
    --govcolor-white-smoke: #F4F4F4;
    --govcolor-svg-green: invert(35%) sepia(93%) saturate(345%) hue-rotate(110deg) brightness(98%) contrast(98%);
}

/* Verdana-Regular */
@font-face {
    font-family: 'Verdana-Regular';
    src: url('../assets/fonts/Verdana/static/Verdana-Regular.ttf');
}

/* Verdana-Bold */
@font-face {
    font-family: 'Verdana-Bold';
    src: url('../../src/assets/fonts/Verdana/static/Verdana-Bold.ttf');
}

/* Fuente iconografica */
@font-face {
    font-family: "govco-fontv5";
    src: url("../assets/icons/fonts/gov-co-font.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Iconos, svg */
.govco-icon::after {
    font-family: "govco-fontv5";
}

.govco-icon.govco-info-circle:after {
    content: "\e976";
}

.govco-icon.govco-times:after {
    content: "\ea95";
}

.govco-icon.govco-times-cancel:after {
    content: "\ea94";
}

.govco-svg.govco-check-circle {
    background-image: url(../assets/icons/check-circle.svg);
}

/* Boton ejemplo interactivo */
.btn-govco {
    border-radius: 1.563rem;
    font-family: 'Verdana-Regular';
    font-size: 16px;
    padding: 0.688rem 0.938rem;
    border-width: 0.125rem;
    border-style: solid;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-govco.fill-btn-govco,
.btn-govco.outline-btn-govco {
  border-color: var(--govcolor-cobalt);
}

.btn-govco.outline-btn-govco,
.btn-govco.fill-secundary-btn-govco {
  background-color: var(--govcolor-white);
  color: var(--govcolor-cobalt);
}

.btn-govco.fill-btn-govco:hover,
.btn-govco.fill-btn-govco:focus-visible,
.btn-govco.outline-btn-govco:hover,
.btn-govco.outline-btn-govco:focus-visible {
  background-color: var(--govcolor-havelock-lue);
  border-color: var(--govcolor-havelock-lue);
  color: var(--govcolor-white);
}

.btn-govco.fill-btn-govco:focus-visible,
.btn-govco.outline-btn-govco:focus-visible,
.btn-govco.fill-secundary-btn-govco:focus-visible,
.btn-govco.outline-secundary-btn-govco:focus-visible {
  outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
  outline-offset: max(0.125rem, 0.188rem);
}

/* Alerta Emergente */
.container-alerta-govco {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.container-alerta-govco .govco-svg {
    min-width: 1.5rem;
    min-height: 1.5rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    filter: var(--govcolor-svg-green);
}

.container-alerta-govco .alerta-govco {
    width: 100%;
    min-height: 48px !important;
    max-width: 911px !important;
    max-height: 48px !important;
    border-radius: 3px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
    box-shadow: 0px 4px 0px color-mix(in srgb, var(--govcolor-cobalt) 14%, transparent)
}

.container-alerta-govco p {
    width: 100%;
    margin: 0 auto;
    margin-left: 0px;
    font-family: "Verdana-Regular";
    font-size: 14px;
}

.container-alerta-govco .notificacion-info-govco p a {
    font-family: "Verdana-Bold";
    color: var(--govcolor-cobalt);
    text-decoration: underline !important;
}

.container-alerta-interactivo .alerta-open-govco {
    position: fixed;
    bottom: 23px;
    width: 100%;
    z-index: 2;
    display: flex;
}

.container-alerta-govco .notificacion-info-govco {
    color: var(--govcolor-cobalt);
    background: var(--govcolor-white-smoke) 0% 0% no-repeat padding-box;
    border: 1px solid var(--govcolor-cobalt) !important;
}

.container-alerta-govco .notificacion-success-govco {
    color: var(--govcolor-green);
    background: #CDE6DF 0% 0% no-repeat padding-box;
    border: 1px solid var(--govcolor-green) !important;
}

.container-alerta-govco .notificacion-success-govco p a {
    font-family: "Verdana-Bold";
    color: var(--govcolor-green);
    text-decoration: underline !important;
}

.container-alerta-govco .notificacion-error-govco {
    color: var(--govcolor-red);
    background: #EECDD2 0% 0% no-repeat padding-box;
    border: 1px solid var(--govcolor-red) !important;
}

.container-alerta-govco .notificacion-error-govco p a {
    font-family: "Verdana-Bold";
    color: var(--govcolor-red);
    text-decoration: underline !important;
}

.container-alerta-govco .govco-icon.fs-mr {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.container-alerta-govco .govco-svg.fs-mr {
    margin-right: 0.5rem;
}

.container-alerta-interactivo {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: 2;
}

.container-alerta-govco div p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
    line-height: 2rem;
}

.container-alerta-govco div a .info {
    color: var(--govcolor-cobalt);
}
.container-alerta-govco div a:focus-visible .info {
    color: var(--govcolor-havelock-lue);
}
.container-alerta-govco div a .success {
    color: var(--govcolor-green);
}
.container-alerta-govco div a:focus-visible .success {
    color: #94B2AA;
}
.container-alerta-govco div a .error {
    color: var(--govcolor-red);
}
.container-alerta-govco div a:focus-visible .error {
    color: #C49198;
}
.container-alerta-govco div a:focus-visible {   
    outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
    outline-offset: max(0.125rem, 0.188rem);
}

.container-alerta-govco .alerta-link.info:hover,
.container-alerta-govco .alerta-link.info:focus-visible {
    color: var(--govcolor-havelock-lue);
}
.container-alerta-govco .alerta-link.info:focus-visible {
    outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
    outline-offset: max(0.125rem, 0.188rem);
    border-radius: 1rem;
}
.container-alerta-govco .alerta-link.success:hover,
.container-alerta-govco .alerta-link.success:focus-visible {
    color: #94B2AA
}  
.container-alerta-govco .alerta-link.success:focus-visible {
    outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
    outline-offset: max(0.125rem, 0.188rem);
    border-radius: 1rem;
}
.container-alerta-govco .alerta-link.error:hover,
.container-alerta-govco .alerta-link.error:focus-visible {
    color: #C49198
}  
.container-alerta-govco .alerta-link.error:focus-visible {
    outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
    outline-offset: max(0.125rem, 0.188rem);
    border-radius: 1rem;
}
.container-alerta-govco .govco-times.info:hover,
.container-alerta-govco .govco-times.info:focus-visible {
    color: var(--govcolor-havelock-lue)
}   
.container-alerta-govco .govco-times.success:hover,
.container-alerta-govco .govco-times.success:focus-visible {
    color: #94B2AA
}  
.container-alerta-govco .govco-times.error:hover,
.container-alerta-govco .govco-times.error:focus-visible {
    color: #C49198
}  

/* ================= Notificación Tipo Tostada =====================*/

/* Nunito_Sans-Regular */
@font-face {
    font-family: 'Nunito_Sans-SemiBold';
    src: url('../assets/fonts/Nunito_Sans/static/NunitoSans-SemiBold.ttf');
}

.container-toast-govco {
    width: 100% !important;
    min-height: 100px !important;
    max-width: 386px !important;
    background-color: var(--govcolor-white) !important;
    box-shadow: 0px 4px 0px color-mix(in srgb, var(--govcolor-cobalt) 14%, transparent) !important;
    display: block !important;
    border-radius: 5px !important;
    padding: 0px !important;
    line-height: 21px !important;
    margin: 16px !important;
    position: static !important;
    font-size: 14px;
}
 
.container-toast-govco .govco-svg {
    min-width: 1.5rem;
    min-height: 1.5rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    filter: var(--govcolor-svg-green);
}

.container-toast-govco.info {
    border: 1px solid var(--govcolor-cobalt) !important;
}

.container-toast-govco.success {
    border: 1px solid var(--govcolor-green) !important;
}

.container-toast-govco.error {
    border: 1px solid var(--govcolor-red) !important;
}

.container-toast-govco .govco-icon.govco-times {
    font-size: 0.75rem;
}

.container-toast-govco .govco-icon.govco-times.info {
    color: var(--govcolor-cobalt);
}

.container-toast-govco .govco-icon.govco-times.success {
    color: var(--govcolor-green);
}

.container-toast-govco .govco-icon.govco-times.error {
    color: var(--govcolor-red);
}

.container-toast-govco .toast-header-info-govco {
    color: var(--govcolor-cobalt);
    background: var(--govcolor-solitude) 0% 0% no-repeat padding-box;
}

.container-toast-govco .toast-header-success-govco {
    color: var(--govcolor-green);
    background: #CDE6DF 0% 0% no-repeat padding-box;
}

.container-toast-govco .toast-header-error-govco {
    color: var(--govcolor-red);
    background: #EECDD2 0% 0% no-repeat padding-box;
}

.container-toast-govco .toast-small-govco {
    font-family: "Verdana-Regular";
    font-size: 12px;
    margin-right: 0.5rem;
}

.container-toast-govco .toast-small-govco.info {
    color: var(--govcolor-havelock-lue);
}

.container-toast-govco .toast-small-govco.success {
    color: var(--govcolor-green);
}

.container-toast-govco .toast-small-govco.error {
    color: var(--govcolor-red);
}

.container-toast-govco .toast-body-govco {
    font-family: "Verdana-Regular";
    font-size: 14px;
    color: var(--govcolor-matterhorn);
    text-align: left;
    text-shadow: 0px 3px 6px color-mix(in srgb, var(--govcolor-cobalt) 16%, transparent);
}

.container-toast-govco .toast-title-govco {
    font-family: "Nunito_Sans-SemiBold";
    font-size: 20px;
    color: var(--govcolor-black);
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.container-toast-govco .govco-icon.fs-mr {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.container-toast-govco .govco-svg.fs-mr {
    margin-right: 0.5rem;
}

.container-toast-interactivo {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2
}

.container-toast-govco .toast-body-govco p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}

.container-toast-govco div a:focus-visible {   
    outline: max(0.125rem, 0.125rem) solid var(--govcolor-black);
    outline-offset: max(0.125rem, 0.188rem);
}
.container-toast-govco div a:focus-visible .info {
    color: var(--govcolor-havelock-lue) !important;
}
.container-toast-govco div a:focus-visible .success {
    color: #94B2AA !important;
}
.container-toast-govco div a:focus-visible .error {
    color: #C49198 !important;
}
.container-toast-govco .govco-times.info:hover,
.container-toast-govco .govco-times.info:focus-visible {
    color: var(--govcolor-havelock-lue)
}   
.container-toast-govco .govco-times.success:hover,
.container-toast-govco .govco-times.success:focus-visible {
    color: #94B2AA
}  
.container-toast-govco .govco-times.error:hover,
.container-toast-govco .govco-times.error:focus-visible {
    color: #C49198
}

/* Ajustar a pantallas pequeñas teléfonos */
@media(max-width:480px) {
    .container-alerta-govco .govco-icon::after {
        font-size: 1.5rem !important;
    }

    .container-alerta-govco .govco-icon.govco-times::after {
        font-size: 1rem !important;
    }

    .container-toast-govco .govco-icon::after {
        font-size: 1.5rem !important;
    }

    .container-toast-govco .govco-icon.govco-times::after {
        font-size: 1rem !important;
    }
}