@charset "UTF-8";

/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: Alerta Modal
 *  - Version: 5.0.0
 */

html {
  font-size: 100%;

  /* 100% = 16px */
}

:root {
  --govcolor-black: #000000;
  --govcolor-cobalt: #0943B5;
  --govcolor-havelock-lue: #4672C8;
  --govcolor-matterhorn: #4C4C4C;
  --govcolor-white: #FFFFFF;
  --govcolor-green: #158361;
  --govcolor-red: #A80521;
  --govcolor-yellow: #FDAA29;
  --govcolor-svg-cobalt: invert(20%) sepia(53%) saturate(3248%) hue-rotate(212deg) brightness(97%) contrast(107%);
  --govcolor-svg-tropical-blue: invert(81%) sepia(24%) saturate(403%) hue-rotate(187deg) brightness(94%) contrast(93%);
  --govcolor-svg-green: invert(35%) sepia(93%) saturate(345%) hue-rotate(110deg) brightness(98%) contrast(98%);
  --govcolor-svg-red: invert(27%) sepia(63%) saturate(4192%) hue-rotate(335deg) brightness(63%) contrast(120%);
  --govcolor-svg-yellow: invert(66%) sepia(75%) saturate(547%) hue-rotate(339deg) brightness(103%) contrast(98%);
}

/* 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;
}

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

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

    /* ------------------------------------ESTILOS GENERALES---------------------------------------------- */
    .modal-container-govco {
      position: relative !important;
      display: block !important;
      z-index: 1 !important;
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 100% !important;
      /* overflow-x: hidden !important; */
      /* overflow-y: auto !important; */
      outline: 0;
    }
    
    .modal-dialog-govco {
      width: 100%;
      position: relative;
      pointer-events: none;
    }
    
    .modal-content-govco {
      height: 100%;
      box-shadow: 0px 3px 6px #00000029;
      border: none !important;
      border-radius: 0.313rem !important;
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: var(--govcolor-white);
      background-clip: padding-box;
      outline: 0;
    }
    
    .close-btn-modal {
      width: 16px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      color: var(--govcolor-cobalt);
    }
    
    .close-btn-modal:focus {
      padding: 6px !important;
      border: 1px solid var(--govcolor-black) !important;
      box-shadow: none;
    }
    
    .close-btn-modal:focus-visible {
      outline: none;
      box-shadow: none;
    }
    
    .modal-container-govco .govco-times {
      background-image: url(../assets/icons/times.svg);
      min-width: 16px;
      min-height: 16px;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: 1rem 1rem;
    }
    
    .modal-close-govco {
      filter: var(--govcolor-svg-cobalt);
      line-height: 0px;
    }
    
    .modal-close-govco::before {
      margin-left: 0px !important;
    }
    
    .close-btn-modal:hover span {
      filter: var(--govcolor-svg-tropical-blue);
    }
    
    .modal-header-govco {
      border-bottom: none !important;
      padding: 3.5rem 3.5rem 0px 3.5rem !important;
      justify-content: flex-end !important;
      display: flex;
      flex-shrink: 0;
      align-items: center;
      border-top-left-radius: calc(0.3rem - 1px);
      border-top-right-radius: calc(0.3rem - 1px);
    }
    
    .modal-body-govco {
      margin: 0px 3.5rem auto 3.5rem !important;
      padding: 0px !important;
      /* padding-top: 8px !important; */
    }
    
    .modal-title-govco {
      font-family: 'Nunito_Sans-Bold';
      color: var(--govcolor-cobalt);
      font-size: 2.125rem;
      margin: 0px;
      margin-bottom: 0.625 !important;
      font-weight: normal;
      line-height: 42px;
      width: fit-content;
    }
    
    .modal-text-govco {
      font-family: 'Verdana-Regular';
      width: 100%;
      font-size: 15px;
      color: var(--govcolor-matterhorn);
      margin-bottom: 1.875rem;
      padding-right: 1.25rem;
      line-height: 1.375rem;
    }
    
    .modal-footer-govco {
      margin: 0px 4.688rem auto 4.688rem;
      padding-bottom: 3.5rem !important;
      justify-content: flex-start !important;
      border-top: none !important;
      display: flex;
      flex-wrap: wrap;
      flex-shrink: 0;
      align-items: center;
      border-bottom-right-radius: calc(0.3rem - 1px);
      border-bottom-left-radius: calc(0.3rem - 1px);
    }
    
    .modal-buttons-govco {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
    }
    
    .btn-modal-govco {
      font-family: 'Verdana-Regular';
      display: block !important;
      border-radius: 25px !important;
      background-color: var(--govcolor-cobalt) !important;
      border: 2px solid var(--govcolor-cobalt) !important;
      padding-top: 11px !important;
      padding-bottom: 11px !important;
      padding-right: 48px !important;
      padding-left: 48px !important;
      font-size: 16px !important;
      line-height: 8px !important;
      letter-spacing: normal;
      text-transform: none;
      box-shadow: none;
      height: 42px;
      width: 165px;
    }
    
    .btn-modal-govco.btn-contorno {
      border: 2px solid var(--govcolor-cobalt) !important;
      background-color: transparent !important;
      color: var(--govcolor-cobalt) !important;
    }
    
    .btn-modal-govco.btn-contorno:hover,
    .btn-modal-govco.btn-contorno:focus {
      color: var(--govcolor-white) !important;
    }
    
    .btn-modal-govco:hover {
      background-color: var(--govcolor-havelock-lue) !important;
      border: 2px solid var(--govcolor-havelock-lue) !important;
    }
    
    .btn-modal-govco:focus {
      outline: 2px solid var(--govcolor-black) !important;
      outline-offset: max(0.2px, 2.4px);
      background-color: var(--govcolor-havelock-lue) !important;
      box-shadow: none !important;
      border: 2px solid var(--govcolor-havelock-lue) !important;
    }
    
    .center-elements-govco {
      text-align: center;
    }
    
    .modal-icon {
      margin-bottom: 16px;
    }
    
    .modal-text-center-govco {
      margin-bottom: 1.875rem;
      padding-right: 0px;
      line-height: 1.143;
    }
    
    .modal-container-govco .govco-icon::after {
      font-family: "govco-fontv5";
      font-size: 70px;
      line-height: 1.318;
    }
    
    @media(min-width:576px) {
      .modal-dialog-govco {
        max-width: 540px !important;
      }
    }
    
    @media(max-width:480px) {
    
      .modal-header-govco {
        padding: 1.5rem 1.5rem 0px 1.5rem !important;
      }
    
      .close-btn-modal {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: var(--govcolor-cobalt) !important;
      }
    
      .close-btn-modal:focus {
        padding: 0px !important;
        border: 1px solid var(--govcolor-black) !important;
      }
    
      .modal-body-govco {
        margin: 0px 1.5rem auto 1.5rem !important;
        padding-top: 1rem !important;
      }
    
      .modal-title-govco {
        font-size: 1.625rem;
        margin-bottom: 0.5rem !important;
        line-height: 1.208;
      }
    
      .modal-subtitle-govco {
        font-family: "Nunito_Sans-Bold";
        color: var(--govcolor-havelock-lue);
        font-size: 1.25rem;
        margin: 0px;
        margin-bottom: 1.875rem !important;
        font-weight: normal;
        line-height: 26px;
        width: -moz-fit-content;
        width: fit-content;
        padding-top: 10px;
      }
    
      .modal-text-govco {
        font-size: 0.875rem;
        margin-bottom: 1.5rem !important;
        padding-right: 1rem !important;
        line-height: 1.604;
      }
    
      .modal-text-center-govco {
        font-size: 0.75rem;
        padding-right: 0rem !important;
      }
    
      .modal-footer-govco {
        margin: 0px 1.5rem auto 1.5rem;
        padding-bottom: 3rem !important;
      }
    
      .modal-buttons-govco {
        display: block;
        width: 100%;
      }
    
      .btn-modal-govco {
        width: 100%;
        margin-bottom: 1rem !important;
      }
    
      .btn-contorno {
        margin-bottom: 0 !important;
      }
    
      .govco-icon::after {
        font-size: 48px;
      }
    
      .modal-header-alerts-govco {
        padding-top: 0 !important;
      }
    
      .modal-icon {
        margin-bottom: 6px;
      }
    }
    
    /* ----------------------- FIN GENERALES ------------------------------------ */
    
    /* ------------------MODAL EXITOSO-------------------------------------------- */
    
    .modal-header-exit-govco {
      padding-top: 3.5rem !important;
    }
    
    .success-govco{
      width: 100%;
      margin-bottom: 1.5rem !important;
    }
    
    .success-govco,
    .modal-success-icon::after {
      color: var(--govcolor-green);
    }
    
    .govco-svg {
      min-width: 1rem;
      min-height: 1rem;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: 1rem 1rem;
    }
    
    
    .govco-icon.govco-check-circle {
      background-image: url(../assets/icons/check-circle.svg);
      min-width: 4.375rem;
        min-height: 4.375rem;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 4.375rem 4.375rem;
        filter: var(--govcolor-svg-green);
    }
    
    @media(max-width:480px) {
      .success-govco {
        margin-bottom: 1rem !important;
      }
    }
    
    /* ------------------FIN MODAL EXITOSO----------------------------------------- */
    /* ------------------MODAL CONFIRMATION---------------------------------------- */
    
    .confirmation-govco{
      width: 100%;
      margin-bottom: 1.5rem !important;
    }
    
    .govco-icon.govco-info-circle {
      background-image: url(../assets/icons/info-circle.svg);
      min-width: 4.375rem;
        min-height: 4.375rem;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 4.375rem 4.375rem;
        filter: var(--govcolor-svg-cobalt);
    }
    
    @media(max-width:480px) {
      .confirmation-govco {
        margin-bottom: 1rem !important;
      }
    }
    
    /* -----------------FIN MODAL CONFIRMACION-------------------------------------- */
    /* -----------------MODAL ERROR------------------------------------------------- */
    .error-govco{
      width: 100%;
      margin-bottom: 1.5rem !important;
    }
    
    .error-govco {
      color: var(--govcolor-red);
    }
    
    .container-modal-govco .govco-icon.govco-times-cancel {
      background-image: url(../assets/icons/times-cancel.svg);
      min-width: 4.375rem;
        min-height: 4.375rem;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 4.375rem 4.375rem;
        filter: var(--govcolor-svg-red);
    }

    .container-modal-govco .govco-icon.govco-times-cancel::after {
      content: '';
    }
    
    @media(max-width:480px) {
      .error-govco {
        margin-bottom: 1.5rem !important;
      }
    }
    /* -----------------FIN MODAL ERROR--------------------------------------------- */
    /* -----------------MODAL WARNING----------------------------------------------- */
    .warning-govco {
      width: 100%;
      margin-bottom: 1.5rem !important;
    }
    
    .warning-govco {
      color: var(--govcolor-yellow);
    }
    
    .container-modal-govco .govco-icon.govco-exclamation-circle {
      background-image: url(../assets/icons/exclamation-circle.svg);
      min-width: 4.375rem;
        min-height: 4.375rem;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 4.375rem 4.375rem;
        filter: var(--govcolor-svg-yellow);
    }

    .container-modal-govco .govco-icon.govco-exclamation-circle::after {
      content: '';
    }
    
    @media(max-width:480px) {
      .warning-govco {
        margin-bottom: 1rem !important;
      }
    }
    /* -----------------FIN MODAL WARNING------------------------------------------- */