@charset "UTF-8";
/*Nuclides*/
/**
* Ruta relativa a la carpeta con las fuentes.
*
* @nuclide Fonts-Folder
* @section Configuraciones > Rutas
*/
/**
* Ruta relativa a la carpeta con las imágenes.
*
* @nuclide Images-Folder
* @section Configuraciones > Rutas
*/
/**
* Prefijo para las clases (CSS, SCSS)
*
* @nuclide Prefijo de clases
* @section Configuraciones > Otros
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-SemiBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/**
 * Mixin para aplicar la fuente principal con el peso especificado.
 *
 * @mixin
 * @section Fuentes
 * @param $peso Valor de peso: "light" (300), "regular" (400), "semibold" (600), "bold" (700).
 * @param $font-family Nombre de la familia de fuentes, por defecto "Lato".
 * @example
 *  @include mainFont('bold'); *  
 *  @include mainFont('semibold');
 *  @include mainFont('regular'); 
 *  @include mainFont('light');
 */
/**
 * Color primario 
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color primario oscuro
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color secundario
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color secundario oscuro
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color terciario
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color cuaternario
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color quinario
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Gray
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Gray very light
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Gray light
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Blanco
 *
 * @color
 * @section Paleta base de colores
 */
/**
 * Color primario
 *
 * @color
 * @section Tipografía 
 */
/**
 * Color secundario
 *
 * @color
 * @section Tipografía 
 */
/**
 * Color terciario
 *
 * @color
 * @section Tipografía 
 */
/**
 * Color deshabilitado
 *
 * @color
 * @section Tipografía 
 */
/**
 * Botón primario
 *
 * @color
 * @section Botones
 */
/**
 * Botón primario (Hover)
 *
 * @color
 * @section Botones
 */
/**
 * Botón secundario
 *
 * @color
 * @section Botones
 */
/**
  * Botón secundario (Hover)
  *
  * @color
  * @section Botones
  */
/**
 * Botón (disabled)
 *
 * @color
 * @section Botones
 */
/**
 * Éxito texto
 *
 * @color
 * @section Estados
 */
/**
 * Éxito fondo
 *
 * @color
 * @section Estados
 */
/**
 * Error texto
 *
 * @color
 * @section Estados
 */
/**
 * Error fondo
 *
 * @color
 * @section Estados
 */
/**
 * Scrollbar Thumb
 *
 * @color
 * @section Scrollbar
 */
/**
 * Scrollbar Thumb (Hover)
 *
 * @color
 * @section Scrollbar
 */
/**
 * Scrollbar Track
 *
 * @color
 * @section Scrollbar
 */
/**
 * Loader
 *
 * @color
 * @section Loader
 */
/**
 * Loader text
 *
 * @color
 * @section Loader
 */
html,
body {
  height: 100%;
}

html {
  font-size: 14px;
}
html::-webkit-scrollbar {
  width: 1rem;
}
html::-webkit-scrollbar-thumb {
  background-color: #4b7aaf;
  border-radius: 0.714rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
html::-webkit-scrollbar-thumb:hover {
  background-color: #5c9bcf;
}
html::-webkit-scrollbar-track {
  background-color: #193c6c;
}

body {
  display: flex;
  flex-direction: column;
}

/*Atoms*/
.auteco_button {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: 0.357rem;
  font-size: 1rem;
  cursor: pointer;
  white-space: nowrap;
  width: -webkit-fill-available;
}

/**
 * Botón Primario
 *
 * Este botón es el estilo principal usado para acciones primarias.
 *
 * @atom Botón Primario
 * @section Botones > Botón Primario
 * @modifiers
 *  .auteco_button primary Botón primario
 * @markup
 *  <button class="auteco_button primary">
 *    Botón Primario
 *  </button>
  *  <button class="auteco_button primary" disabled>
 *    Botón Deshabilitado
 *  </button>
 */
.auteco_button.primary {
  background-color: #e52322;
  color: #f9f9f9;
  border: 1px solid #e52322;
}
.auteco_button.primary:hover {
  background-color: #4b7aaf;
  border: 1px solid #4b7aaf;
}
.auteco_button.primary[disabled] {
  border: 1px solid #d0d3db;
  background-color: #d0d3db;
  cursor: not-allowed;
}

/**
 * Botón Secundario
 *
 * Este botón es el estilo secundario usado para acciones menos destacadas.
 *
 * @atom Botón Secundario
 * @section Botones > Botón Secundario
 * @modifiers
 *  .auteco_button secondary Botón secundario
 * @markup
 *  <button class="auteco_button secondary">
 *    Botón Secundario
 *  </button>
 *  <button class="auteco_button secondary" disabled>
 *    Botón Deshabilitado
 *  </button>
 */
.auteco_button.secondary {
  background-color: transparent;
  color: #f9f9f9;
  border: 1px solid #ffffff;
}
.auteco_button.secondary:hover {
  background-color: #4b7aaf;
}
.auteco_button.secondary[disabled] {
  background-color: #d0d3db;
  cursor: not-allowed;
}

/**
 * Botón Terciario
 *
 * Este botón es el estilo secundario usado para acciones menos destacadas.
 *
 * @atom Botón Terciario
 * @section Botones > Botón Terciario
 * @modifiers
 *  .auteco_button tertiary Botón Terciario
 * @markup
 *  <button class="auteco_button tertiary">
 *    Botón Terciario
 *  </button>
 *  <button class="auteco_button tertiary" disabled>
 *    Botón Deshabilitado
 *  </button>
 */
.auteco_button.tertiary {
  background-color: transparent;
  color: #193c6c;
  border: 1px solid #193c6c;
}
.auteco_button.tertiary:hover {
  background-color: #4b7aaf;
  color: #f9f9f9;
}
.auteco_button.tertiary[disabled] {
  background-color: #d0d3db;
  cursor: not-allowed;
}

/**
 * Botón Descarga
 *
 * Este botón es el estilo principal usado para descargas.
 *
 * @atom Botón Descarga
 * @section Botones > Botón Descarga
 * @modifiers
 *  .auteco_button download Botón Descarga
 * @markup
 *  <button class="auteco_button download">
 *    <i class="material-symbols-outlined">download</i>
 *      <div class='textos'>
 *        <div class='titulo'>Conductor certificado</div>
 *        <div class='subtitulo'>Descarga tu diploma aquí</div>
 *      </div>
 *  </button>
  *  <button class="auteco_button download" disabled>
 *    <i class="material-symbols-outlined">download</i>
 *      <div class='textos'>
 *        <div class='titulo'>Conductor certificado</div>
 *        <div class='subtitulo'>Descarga tu diploma aquí</div>
 *      </div>
 *  </button>
 */
.auteco_button.download {
  background-color: #e52322;
  color: #f9f9f9;
  border: 1px solid #e52322;
  border-radius: 0.714rem;
}
.auteco_button.download:hover {
  background-color: #4b7aaf;
  border: 1px solid #4b7aaf;
}
.auteco_button.download:hover i {
  background-color: #4b7aaf;
}
.auteco_button.download[disabled] {
  border: 1px solid #d0d3db;
  background-color: #d0d3db;
  cursor: not-allowed;
}
.auteco_button.download[disabled] i {
  background-color: transparent;
}
.auteco_button.download i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 1.785rem;
  height: 1.785rem;
  background-color: #a71a19;
  margin-right: 1rem;
  font-size: 1.142rem;
}
.auteco_button.download .textos {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.auteco_button.download .textos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.142rem;
}
.auteco_button.download .textos .subtitulo {
  color: #ffffff;
  font-size: 0.714rem;
}

/**
 * Checkbox
 *
 * @atom Checkbox
 * @section Inputs > Checkbox
 * @markup
 *  <div class='auteco_checkbox'>
 *     <input
 *       name='aceptar-terminos'
 *       type='checkbox'
 *     />
 *   <label>
 *     Acepto los términos y condiciones
 *   </label>
 *  </div>
 */
.auteco_checkbox {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 0.714rem;
}
.auteco_checkbox input {
  width: 1.071rem;
  height: 1.071rem;
  border: 0.214rem solid #e52322;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  position: relative;
}
.auteco_checkbox input:checked {
  background-color: #e52322;
}
.auteco_checkbox input:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.571rem;
  height: 0.571rem;
  border-radius: 50%;
  background-color: #a71a19;
}
.auteco_checkbox label {
  margin-left: 0.714rem;
  font-size: 1rem;
  color: #f9f9f9;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
.auteco_checkbox label a {
  text-decoration: none;
  color: #f9f9f9;
}
.auteco_checkbox label a:hover {
  color: #e52322;
}

/**
 * Input text
 *
 * @atom Input text
 * @section Inputs > Input text
 * @markup
 *  <div class='auteco_input'>
 *   <label>Documento</label>
 *    <input
 *      name='documento'
 *      type='text'
 *    />
 *  </div>
 */
.auteco_input {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  padding-top: 0.714rem;
  padding-bottom: 0.714rem;
  gap: 0.357rem;
}
.auteco_input label {
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-left: 0.714rem;
}
.auteco_input input {
  padding: 0.714rem;
  border: none;
  border-radius: 0.714rem;
  background-color: #ffffff;
  font-size: 1.285rem;
}

/**
 * Select
 *
 * @atom Select
 * @section Inputs > Select
 * @markup
 *  <div class='auteco_select'>
 *   <label>Opciones</label>
 *    <select name='opciones'>
 *      <option value='opcion1'>Opción 1</option>
 *      <option value='opcion2'>Opción 2</option>
 *      <option value='opcion3'>Opción 3</option>
 *    </select>
 *  </div>
 */
.auteco_select {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  padding-top: 0.714rem;
  padding-bottom: 0.714rem;
  gap: 0.357rem;
}
.auteco_select label {
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-left: 0.714rem;
}
.auteco_select select {
  padding: 0.714rem;
  border: none;
  border-radius: 0.714rem;
  background-color: #ffffff;
  font-size: 1.285rem;
  cursor: pointer;
  width: 100%;
}

/**
 * Loader
 *
 * @atom Loader
 * @section Loader > Estructura
 * @markup
 *  <div class="auteco_loader-container">
 *   <div class="loader"></div>
 *    <p class="loader-text">Cargando...</p>
 *  </div>
 */
.auteco_loader-container {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1rem;
}
.auteco_loader-container .loader {
  border: 0.428rem solid #b30000;
  border-top: 0.428rem solid #ff0000;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  animation: spin 1s linear infinite;
}
.auteco_loader-container .loader-text {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  margin-top: 0.428rem;
  font-size: 1rem;
  color: #cccccc;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**
 * Separators
 *
 * @atom Separators
 * @section Separators > Horizontal
 * @markup
 *  <div class="auteco_separador-horizontal">
 *  </div>
 */
.auteco_separador-horizontal {
  width: 6.14rem;
  height: 0.29rem;
  border-radius: 0.71rem;
  position: relative;
}
.auteco_separador-horizontal::before {
  content: "";
  width: 4.43rem;
  height: 0.29rem;
  background-color: #e52322;
  border-radius: 0.71rem;
  position: absolute;
}
.auteco_separador-horizontal::after {
  content: "";
  width: 1.43rem;
  height: 0.29rem;
  background-color: #e52322;
  border-radius: 0.71rem;
  position: absolute;
  right: 0;
}

/**
 * Separators
 *
 * @atom Separators
 * @section Separators > Vertical
 * @markup
 *  <div class="auteco_separador-vertical">
 *  </div>
 */
.auteco_separador-vertical {
  width: 0.29rem;
  height: 6.14rem;
  border-radius: 0.71rem;
  position: relative;
}
.auteco_separador-vertical::before {
  content: "";
  width: 0.29rem;
  height: 4.43rem;
  background-color: #e52322;
  border-radius: 0.71rem;
  position: absolute;
  top: 0;
}
.auteco_separador-vertical::after {
  content: "";
  width: 0.29rem;
  height: 1.43rem;
  background-color: #e52322;
  border-radius: 0.71rem;
  position: absolute;
  bottom: 0;
}

/*Molecules*/
/**
 * Header
 *
 * Componente que representa el header de la aplicación, incluyendo información de derechos reservados,
 * separador central y un texto de créditos.
 *
 * @molecule Header
 * @section Header > Estructura
 * @markup
 *  <div class="auteco_header">
 *  </div>
 */
.auteco_header {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  height: 5.714rem;
  background-color: #d9d9d9;
}

/**
 * Footer
 *
 * Componente que representa el footer de la aplicación, incluyendo información de derechos reservados,
 * separador central y un texto de créditos.
 *
 * @molecule Footer
 * @section Footer > Estructura
 * @markup
 *  <div class="auteco_footer">
 *    <div class="left">Todos los derechos reservados. Copyright © Auteco 2024</div>
 *    <div class="separator">|</div>
 *    <div class="right">Desarrollado por Maquinando. Go Digital</div>
 *  </div>
 */
.auteco_footer {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  height: 4.714rem;
  background-color: #193c6c;
  color: #f9f9f9;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .auteco_footer {
    height: 6.714rem;
  }
}
.auteco_footer .left {
  text-align: right;
  flex: 1;
}
.auteco_footer .separator {
  margin: 0 10%;
  white-space: nowrap;
  opacity: 15%;
}
.auteco_footer .right {
  text-align: left;
  flex: 1;
}
.auteco_footer a {
  color: #f9f9f9;
  text-decoration: none;
}

/**
 * Formulario
 *
 * @molecule Formulario
 * @section Formulario > Estructura
 * @markup
 *  <div class="auteco_form">
 *    <div class="titulo">Este es un título</div>
 *  </div>
 */
.auteco_form {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding: 1.429rem;
  background-color: #193c6c;
  border-radius: 1.428rem;
}
.auteco_form .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.714rem;
  color: #f9f9f9;
  padding-top: 0.714rem;
  padding-bottom: 0.714rem;
}
.auteco_form .olvidar-contraseña {
  display: flex;
  align-items: center;
  margin-bottom: 1.428rem;
  justify-content: flex-end;
}
.auteco_form .olvidar-contraseña div {
  color: #f9f9f9;
  cursor: pointer;
}
.auteco_form .olvidar-contraseña div:hover {
  color: #4b7aaf;
}
.auteco_form .botones {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.714rem;
  margin-bottom: 1.428rem;
}

.auteco_formulario-flotante {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  position: fixed;
  right: 5.714rem;
  top: 8.929rem;
  width: 34.643rem;
  border-radius: 1.428rem;
  box-shadow: 0 0.286rem 0.857rem rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
@media (max-width: 768px) {
  .auteco_formulario-flotante {
    right: 3.714rem;
    width: 22rem;
  }
}

.auteco_formulario-registro {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  width: 45rem;
  border-radius: 1.428rem;
  box-shadow: 0 0.286rem 0.857rem rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  padding: 0.714rem;
  background-color: #193c6c;
}
@media (max-width: 768px) {
  .auteco_formulario-registro {
    width: 23rem;
  }
}

/**
 * Login Card
 *
 * Componente que representa la tarjeta de inicio de sesión en la aplicación. Incluye información
 * del usuario como el nombre y el correo electrónico, un ícono de inicial y un botón de acción.
 *
 * @molecule LoginCard
 * @section LoginCard > Estructura
 * @markup
 *  <div class="auteco_login-card">
 *    <div class="datos-contenedor">
 *      <div class="inicial">N</div>
 *      <div>
 *       <div class="nombre">Nombre Usuario</div>
 *       <div class="email">email@dominio.com</div>
 *      </div>
 *    </div>
 *    <div class="icono">
 *     <div class="material-symbols-outlined" title='Cerrar sesión'>logout</div>
 *    </div>
 *  </div>
 */
.auteco_login-card {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.714rem;
  background-color: #e2e2e2;
  gap: 0.714rem;
  width: 100%;
  height: 4.928rem;
}
.auteco_login-card .inicial {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f9f9f9;
  background-color: #193c6c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
}
.auteco_login-card .datos-contenedor {
  display: flex;
  align-items: center;
  gap: 0.714rem;
  margin-left: 1.071rem;
}
.auteco_login-card .datos-contenedor .nombre {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #193c6c;
  font-size: 1.285rem;
}
.auteco_login-card .datos-contenedor .email {
  color: #333333;
}
.auteco_login-card .icono {
  cursor: pointer;
  font-size: 1.285rem;
  color: #193c6c;
  transition: transform 0.2s ease;
  margin-right: 1.071rem;
}
.auteco_login-card .icono:hover {
  transform: scale(1.1);
}

/**
 * Burbuja flotante
 *
 * Componente que representa el Burbuja flotante de la aplicación.
 *
 * @molecule Burbuja flotante
 * @section Burbuja flotante > Estructura
 * @markup
 *  <div class="auteco_burbuja-flotante" style="position: static;">
 *    icon
 *  </div>
 */
.auteco_burbuja-flotante {
  position: fixed;
  right: 0.714rem;
  top: 8.929rem;
  width: 3.571rem;
  height: 3.571rem;
  background-color: #e52322;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0.286rem 0.571rem rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s;
}
.auteco_burbuja-flotante:hover {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .auteco_burbuja-flotante {
    width: 2.571rem;
    height: 2.571rem;
  }
}

/**
 * Mensaje Error
 *
 * Componente que representa el Mensaje Error de la aplicación.
 *
 * @molecule Mensaje Error
 * @section Mensaje Error > Estructura
 * @markup
 *  <div class="auteco_error-message">
 *    Mensaje de error
 *  </div>
 */
.auteco_error-message {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: left;
  border-radius: 0.714rem;
  color: #ff0000;
  background-color: #ffd3d0;
  font-size: 1rem;
  padding: 0.714rem 1.42rem;
  overflow-wrap: break-word;
  width: -webkit-fill-available;
  margin-top: 1rem;
}

/**
 * Mensaje Success
 *
 * Componente que representa el Mensaje Success de la aplicación.
 *
 * @molecule Mensaje Success
 * @section Mensaje Success > Estructura
 * @markup
 *  <div class="auteco_success-message">
 *    Mensaje de success
 *  </div>
 */
.auteco_success-message {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-align: left;
  border-radius: 0.714rem;
  color: #155724;
  background-color: #d4edda;
  font-size: 1rem;
  padding: 0.714rem 1.42rem;
  overflow-wrap: break-word;
  width: -webkit-fill-available;
  margin-top: 1rem;
}

/*Structures*/
.auteco_bloque1 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/slide.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.714rem;
  height: 30rem;
}
.auteco_bloque1 .titulos {
  display: flex;
  flex-direction: column;
  margin-left: 23rem;
}
.auteco_bloque1 .titulos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #f9f9f9;
  font-size: 3.5rem;
  margin-top: 1.428rem;
  line-height: 1;
  max-width: 29rem;
}
@media (max-width: 768px) {
  .auteco_bloque1 .titulos .titulo {
    text-align: center;
  }
}
.auteco_bloque1 .titulos .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-top: 1.428rem;
  margin-bottom: 1.428rem;
  line-height: 1;
  max-width: 29rem;
}
.auteco_bloque1 .titulos .botones {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.714rem;
  margin-top: 1.428rem;
  margin-bottom: 1.428rem;
}
@media (max-width: 1024px) {
  .auteco_bloque1 .titulos {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .auteco_bloque1 {
    justify-content: center;
  }
}

.auteco_bloque2 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding: 4rem 1rem 5rem 1rem;
  background-color: #ffffff;
  display: flex;
}
@media (max-width: 768px) {
  .auteco_bloque2 {
    flex-direction: column;
  }
}
.auteco_bloque2 .logos {
  margin-left: 18rem;
  padding-bottom: 2rem;
}
@media (max-width: 768px) {
  .auteco_bloque2 .logos {
    margin: 0 auto;
  }
}
.auteco_bloque2 .logos .logo {
  background-image: url("../images/logo.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 12.714rem;
  height: 5.928rem;
}
.auteco_bloque2 .contenedor-separador-vertical {
  margin-top: 0.714rem;
  margin-left: 3rem;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .auteco_bloque2 .contenedor-separador-vertical {
    display: none;
  }
}
.auteco_bloque2 .contenedor-textos .contenedor-separador-horizontal {
  display: none;
}
@media (max-width: 768px) {
  .auteco_bloque2 .contenedor-textos .contenedor-separador-horizontal {
    display: flex;
    margin: -0.5rem 0rem 2rem 0rem;
    justify-content: center;
    align-items: center;
  }
}
.auteco_bloque2 .contenedor-textos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
  margin-bottom: 1.428rem;
}
@media (max-width: 768px) {
  .auteco_bloque2 .contenedor-textos .titulo {
    text-align: center;
  }
}
.auteco_bloque2 .contenedor-textos .texto {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.142rem;
  color: #193c6c;
  max-width: 40.714rem;
}
@media (max-width: 768px) {
  .auteco_bloque2 .contenedor-textos .texto {
    width: auto;
    margin: 0 auto;
  }
}

.auteco_bloque3 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding: 1rem 1rem 4rem 1rem;
  background-color: #f5f5f5;
}
.auteco_bloque3 .titulos {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  margin-left: 19rem;
}
@media (max-width: 768px) {
  .auteco_bloque3 .titulos {
    margin-left: 0;
    align-items: center;
  }
}
.auteco_bloque3 .titulos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
  margin-top: 1.428rem;
}
.auteco_bloque3 .titulos .container-separador {
  margin-top: 0.714rem;
  margin-bottom: 1.071rem;
  margin-left: 0.714rem;
}
.auteco_bloque3 .preguntas {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 2fr);
  gap: 2rem;
  align-items: center;
  justify-items: center;
  justify-content: center;
  align-content: center;
  max-width: 73rem;
  margin: 2rem auto;
}
@media (max-width: 768px) {
  .auteco_bloque3 .preguntas {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
.auteco_bloque3 .preguntas .pregunta {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.auteco_bloque3 .preguntas .pregunta .titulo {
  font-size: 1.714rem;
  color: #e52322;
  margin-left: 4.571rem;
  margin-bottom: 0.714rem;
}
.auteco_bloque3 .preguntas .pregunta .textos {
  display: flex;
  align-items: center;
}
.auteco_bloque3 .preguntas .pregunta .textos .icono {
  margin-right: 1rem;
}
.auteco_bloque3 .preguntas .pregunta .textos .icono div {
  width: 3.571rem;
  height: 3.571rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-team {
  background-image: url("../images/icons/team.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-pay {
  background-image: url("../images/icons/pay.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-time {
  background-image: url("../images/icons/time.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-safety {
  background-image: url("../images/icons/safety.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-bulb {
  background-image: url("../images/icons/bulb.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .icono .icono-search {
  background-image: url("../images/icons/search.png");
}
.auteco_bloque3 .preguntas .pregunta .textos .texto {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.142rem;
  color: #193c6c;
}

.auteco_bloque4 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 0.714rem 4rem 0.714rem;
  background-color: #ffffff;
}
.auteco_bloque4 .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #e52322;
  text-align: center;
  font-size: 2.285rem;
}
.auteco_bloque4 .container-separador {
  margin-top: 0.714rem;
  margin-bottom: 1.071rem;
}
.auteco_bloque4 .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #193c6c;
  font-size: 1.142rem;
  text-align: center;
  max-width: 20.571rem;
}
.auteco_bloque4 .linea {
  width: 38rem;
  height: 0.285rem;
  background-color: #dbdddc;
  margin-top: 4rem;
  margin-bottom: -6rem;
}
@media (max-width: 768px) {
  .auteco_bloque4 .linea {
    display: none;
  }
}
.auteco_bloque4 .tarjetas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .auteco_bloque4 .tarjetas {
    flex-direction: column;
  }
}
.auteco_bloque4 .tarjetas .tarjeta {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 15rem;
  text-align: center;
  padding: 1rem;
}
.auteco_bloque4 .tarjetas .tarjeta .circulo {
  width: 1.785rem;
  height: 1.785rem;
  background-color: #dbdddc;
  border-radius: 50%;
  margin: 4rem;
}
@media (max-width: 768px) {
  .auteco_bloque4 .tarjetas .tarjeta .circulo {
    margin: 1rem;
  }
}
.auteco_bloque4 .tarjetas .tarjeta .icono {
  width: 3.571rem;
  height: 3.571rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.auteco_bloque4 .tarjetas .tarjeta .icono-form {
  background-image: url("../images/icons/form.png");
}
.auteco_bloque4 .tarjetas .tarjeta .icono-learning {
  background-image: url("../images/icons/learning.png");
}
.auteco_bloque4 .tarjetas .tarjeta .icono-graduated {
  background-image: url("../images/icons/graduated.png");
}
.auteco_bloque4 .tarjetas .tarjeta .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #e52322;
  margin: 1.428rem;
  font-size: 1.285rem;
}
.auteco_bloque4 .tarjetas .tarjeta .texto {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #193c6c;
  font-size: 1.142rem;
}

.auteco_bloque5 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding: 0.714rem 0.714rem 3rem 0.714rem;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
}
.auteco_bloque5 .titulos {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  margin-left: 19rem;
}
.auteco_bloque5 .titulos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
  margin-top: 1.428rem;
}
.auteco_bloque5 .titulos .container-separador {
  margin-top: 0.714rem;
  margin-bottom: 1.071rem;
  margin-left: 0.714rem;
}
.auteco_bloque5 .titulos .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #193c6c;
  font-size: 1.142rem;
  margin-bottom: 2.142rem;
  max-width: 36.714rem;
}
@media (max-width: 768px) {
  .auteco_bloque5 .titulos .subtitulo {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .auteco_bloque5 .titulos {
    margin-left: 0;
    align-items: center;
  }
}
.auteco_bloque5 .boton {
  display: flex;
  width: 15rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .auteco_bloque5 {
    flex-direction: column;
  }
}

.auteco_bloque6 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.714rem;
  background-color: #ffffff;
  margin-bottom: 1.428rem;
}
.auteco_bloque6 .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
  text-align: center;
  margin-top: 1.428rem;
}
.auteco_bloque6 .container-separador {
  margin-top: 0.714rem;
  margin-bottom: 1.071rem;
}
.auteco_bloque6 .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #193c6c;
  font-size: 1.142rem;
  text-align: center;
  margin-bottom: 2.142rem;
  max-width: 20.571rem;
}
.auteco_bloque6 .subtitulo span {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  cursor: pointer;
  margin-left: 0.357rem;
}
.auteco_bloque6 .subtitulo span:hover {
  color: #4b7aaf;
}
.auteco_bloque6 .container-inputs-dobles {
  display: flex;
  flex-direction: row;
  gap: 0.714rem;
}
.auteco_bloque6 .container-inputs-dobles div {
  flex: 1; /* Ocupa el 50% del ancho del contenedor */
}
@media (max-width: 768px) {
  .auteco_bloque6 .container-inputs-dobles {
    flex-direction: column;
  }
}
.auteco_bloque6 .container-checkbox {
  margin-top: 1.428rem;
  margin-bottom: 2rem;
}
.auteco_bloque6 .container-boton {
  margin: 0 auto;
  width: 15.714rem;
  margin-bottom: 1.428rem;
}

.auteco_pagina-curso {
  display: flex;
  flex-direction: column;
}
.auteco_pagina-curso .contenedor {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor {
    flex-direction: column;
  }
}
.auteco_pagina-curso .contenedor .menu-curso {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  background-color: #f8f8f8;
  width: 30rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .menu-curso {
    width: -webkit-fill-available;
  }
}
.auteco_pagina-curso .contenedor .menu-curso .boton-descarga {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: 0;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 2rem;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .modulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.714rem;
  background-color: #193c6c;
  height: 3.928rem;
  margin-top: 0.714rem;
  margin-bottom: 0.714rem;
  cursor: pointer;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .modulo:hover {
  background-color: #4b7aaf;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .modulo:hover .simbolo {
  background-color: #4b7aaf;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .modulo .titulo {
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-left: 1.714rem;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .modulo .simbolo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-right: 1.714rem;
  background-color: #0b203d;
  border-radius: 50%;
  width: 1.785rem;
  height: 1.785rem;
  text-align: center;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion {
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #333333;
  font-size: 1.285rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion:hover {
  color: #e52322;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion.seleccionada {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #e52322 !important;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion.completada {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #193c6c;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion.completada:hover {
  color: #e52322;
}
.auteco_pagina-curso .contenedor .menu-curso .modulos .lecciones .leccion span {
  margin-right: 2rem;
  margin-left: 1rem;
}
.auteco_pagina-curso .contenedor .curso {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.auteco_pagina-curso .contenedor .curso .cabecera {
  display: flex;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 23rem;
}
.auteco_pagina-curso .contenedor .curso .cabecera .titulos {
  display: flex;
  flex-direction: column;
  margin-left: 4rem;
  margin-top: 2rem;
  max-width: 35rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .curso .cabecera .titulos {
    margin: 2rem;
    text-align: center;
    max-width: 100%;
  }
}
.auteco_pagina-curso .contenedor .curso .cabecera .titulos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #f9f9f9;
  font-size: 3.5rem;
  margin-top: 1.428rem;
  line-height: 1;
}
.auteco_pagina-curso .contenedor .curso .cabecera .titulos .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-top: 1.428rem;
  margin-bottom: 1.428rem;
  line-height: 1;
}
.auteco_pagina-curso .contenedor .leccion-contenedor {
  display: flex;
  flex-direction: column;
  padding: 2rem 5rem 2rem 4rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .leccion-contenedor {
    padding: 2rem;
  }
}
.auteco_pagina-curso .contenedor .leccion-contenedor .multimedia {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 5rem;
  width: 45vw;
  height: 25vw;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .leccion-contenedor .multimedia {
    width: 100%;
    height: 21.428rem;
  }
}
.auteco_pagina-curso .contenedor .leccion-contenedor .multimedia video {
  margin-left: 1rem;
  width: 100%;
  height: auto;
  border: none;
  box-shadow: -8px 8px 15px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .leccion-contenedor .multimedia video {
    margin-left: 0;
  }
}
.auteco_pagina-curso .contenedor .leccion-contenedor .multimedia img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor {
  display: flex;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .separador-vertical {
  margin-right: 4rem;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .separador-vertical {
    display: none;
  }
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .textos {
  display: flex;
  flex-direction: column;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .textos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
  margin-bottom: 1rem;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .textos .separador-horizontal {
  display: none;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .textos .separador-horizontal {
    display: block;
    margin-left: 0.5rem;
    margin-bottom: 1.5rem;
  }
}
.auteco_pagina-curso .contenedor .leccion-contenedor .contenedor .textos .texto {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.142rem;
  color: #193c6c;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .botones {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
  margin-bottom: 4rem;
  gap: 0.714rem;
}
.auteco_pagina-curso .contenedor .leccion-contenedor .botones button {
  max-width: 15.5rem;
}
.auteco_pagina-curso .iniciar-examen {
  display: flex;
  align-items: center;
  height: 14rem;
  gap: 2rem;
  margin-top: -1.2rem;
  border-top-left-radius: 1.428rem;
  border-top-right-radius: 1.428rem;
  background-color: #ffffff;
  padding: 1rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .iniciar-examen {
    flex-direction: column;
    justify-content: center;
    height: 20rem;
  }
}
.auteco_pagina-curso .iniciar-examen .textos {
  display: flex;
  flex-direction: column;
  max-width: 36.571rem;
  margin-left: 19rem;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .iniciar-examen .textos {
    margin: 0;
    align-items: center;
  }
}
.auteco_pagina-curso .iniciar-examen .textos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.285rem;
  color: #e52322;
}
.auteco_pagina-curso .iniciar-examen .textos .contenedor-linea {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  margin-left: 0.5rem;
}
.auteco_pagina-curso .iniciar-examen .textos .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.142rem;
  color: #193c6c;
}
@media (max-width: 768px) {
  .auteco_pagina-curso .iniciar-examen .textos .subtitulo {
    text-align: center;
  }
}
.auteco_pagina-curso .iniciar-examen .boton {
  margin: 0 auto;
}
.auteco_pagina-curso .iniciar-examen .boton div {
  width: 15.428rem;
}

.auteco_pagina-examen {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}
.auteco_pagina-examen .contenedor-cabecera {
  display: flex;
}
@media (max-width: 768px) {
  .auteco_pagina-examen .contenedor-cabecera {
    flex-direction: column;
  }
}
.auteco_pagina-examen .contenedor-cabecera .menu-examen {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  background-color: #f8f8f8;
  width: 30rem;
}
@media (max-width: 768px) {
  .auteco_pagina-examen .contenedor-cabecera .menu-examen {
    width: -webkit-fill-available;
  }
}
.auteco_pagina-examen .contenedor-cabecera .imagen-examen {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.auteco_pagina-examen .contenedor-cabecera .imagen-examen .contenedor-imagen {
  display: flex;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 28.428rem;
}
.auteco_pagina-examen .contenedor-cabecera .imagen-examen .contenedor-imagen .titulos {
  display: flex;
  flex-direction: column;
  margin-left: 4rem;
  margin-top: 5rem;
  max-width: 35rem;
}
@media (max-width: 768px) {
  .auteco_pagina-examen .contenedor-cabecera .imagen-examen .contenedor-imagen .titulos {
    margin: 5rem 2rem 2rem 2rem;
    text-align: center;
    max-width: 100%;
  }
}
.auteco_pagina-examen .contenedor-cabecera .imagen-examen .contenedor-imagen .titulos .titulo {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #f9f9f9;
  font-size: 3.5rem;
  margin-top: 1.428rem;
  line-height: 1;
}
.auteco_pagina-examen .contenedor-cabecera .imagen-examen .contenedor-imagen .titulos .subtitulo {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.285rem;
  color: #f9f9f9;
  margin-top: 1.428rem;
  margin-bottom: 1.428rem;
  line-height: 1;
}
.auteco_pagina-examen .examen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem;
}
@media (max-width: 768px) {
  .auteco_pagina-examen .examen {
    padding: 2rem 1rem;
  }
}
.auteco_pagina-examen .examen .pregunta-contenedor {
  display: flex;
  margin-bottom: 3rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.auteco_pagina-examen .examen .pregunta-contenedor .numero {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 2.142rem;
  color: #e52322;
  margin-right: 1rem;
}
.auteco_pagina-examen .examen .pregunta-contenedor .separador {
  margin-right: 1rem;
}
.auteco_pagina-examen .examen .pregunta-contenedor .pregunta {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.auteco_pagina-examen .examen .pregunta-contenedor .pregunta .texto {
  color: #193c6c;
  font-size: 1.142rem;
  margin-bottom: 2rem;
}
.auteco_pagina-examen .examen .pregunta-contenedor .pregunta .opciones {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.auteco_pagina-examen .examen .pregunta-contenedor .pregunta .opciones label {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #193c6c;
  font-size: 1.142rem;
  cursor: pointer;
}
.auteco_pagina-examen .examen .pregunta-contenedor .pregunta .opciones .negrilla {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.auteco_pagina-examen .examen .boton-enviar {
  display: flex;
  width: 15.5rem;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 768px) {
  .auteco_pagina-examen .examen .boton-enviar {
    margin: 0 auto;
  }
}

.swal2-popup {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #193c6c;
}

.swal2-confirm {
  width: auto !important;
}

.swal2-cancel {
  width: auto !important;
}

/* Not found */
.auteco_not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  padding: 1rem;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.auteco_not-found .error-code {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 9rem;
  color: #e52322;
  animation: float 3s ease-in-out infinite; /* Efecto de movimiento */
}
.auteco_not-found .error-message {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.714rem;
  color: #e52322;
}
.auteco_not-found .error-description {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  color: #193c6c;
}
.auteco_not-found .button {
  padding: 1.5rem;
}/*# sourceMappingURL=main.css.map */