/* CSS GENERALES */
/* html {
  scroll-behavior: smooth;
} */

html.sr .load-hidden {
  visibility: hidden;
}
:root {
  --margin-bottom-titulo: 1.6rem;
  --tamano-titulo: 2.25rem;
  --padding-top-secciones: 4.25rem;
  --padding-bottom-secciones: 3.75rem;
  --vista-celular: 800px;
  --vista-lg: 1366px;
  --vista-pantalla_chica: 1440px;
  --color-fondo_banner: #003b77;
  --color-fuente: #4a4a4a;
  --color-logo: #52307e;
  --color-global-4: #4e149b;
  --color-global-5: #2c0563;
  --color-global-1: rgba(87, 25, 154, 0.1);
  --colog-global-1-hover: rgba(87, 25, 154, 0.3);
  --color-global-2: rgba(87, 25, 154, 0.75);
  --color-global-3: var(--color-logo);
  --color-degrade-1: linear-gradient(#a655ff, #57199a);
  --color-logo-rre: #572c69;
  --color-logo-rentasf22: #3a57a7;
  --color-logo-remu: #e62026;
  --color-logo-dj: #99c144;
  --color-logo-contab: #ed6603;
  --color-logo-biblio_trib: #2f98cf;
  --color-chile-rojo: #eb3c46;
  --color-chile-azul: #0f69b4;
  --box-shadow-global-hover: 0px 0px 5px 1px var(--color-global-3);
}

* {
  /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
  font-family: "Rubik", sans-serif;
  box-sizing: border-box;
  color: var(--color-fuente);
  & h1 {
    font-size: 3.75rem;
  }
  & h2 {
    font-size: 2.75rem;
    margin: 0;
    padding: 0;
  }
  & p {
    font-size: 1.125rem;
  }
  & .grecaptcha-badge {
    z-index: 9999;
    /* opacity: 0; */
  }
}
html {
  scroll-behavior: smooth;
}
body {
  /* font-family: Corbel, Arial, sans-serif; */
  /* background-color: blue; */
  margin: 0; /* Opcional: para eliminar márgenes predeterminados del body */
  padding: 0; /* Opcional: para eliminar relleno predeterminado del body */
}
.comentario-adicional {
  display: none;
}
.text-color-negro {
  color: #000;
}

.chile-azul {
  color: var(--color-chile-azul);
}
.chile-rojo {
  color: var(--color-chile-rojo);
}
.vh-100 {
  height: 100vh;
}
.vh-75 {
  height: 75vh !important;
}
img {
  height: auto;
  max-width: 100%;
  border: none;
  box-shadow: none;
}
.logo-biblioteca_tributaria-75 {
  width: 75%;
}
.logo-biblioteca_tributaria-25 {
  width: 25%;
}
.color-font-principal {
  color: var(--color-logo);
}
.color-red {
  color: red;
}

.color-rentasf22 {
  color: var(--color-logo-rentasf22);
}
.color-rre {
  color: var(--color-logo-rre);
}
.color-remu {
  color: var(--color-logo-remu);
}
.color-dj {
  color: var(--color-logo-dj);
}
.bg-dj {
  background-color: var(--color-logo-dj);
  border: none;
  transition: all 0.5s ease-in-out;
}
button.bg-dj:hover {
  background-color: var(--color-logo-dj);
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}

.color-contab {
  color: var(--color-logo-contab);
}
.color-biblio_trib {
  color: var(--color-logo-biblio_trib);
}

.ta-justify {
  text-align: justify;
}

.fs-18 {
  font-size: 16px;
}
.fs-16 {
  font-size: 16px;
}
.fs-14 {
  font-size: 14px;
}

.fs-12 {
  font-size: 12px;
}

.fs-10 {
  font-size: 10px;
}
.fs-8 {
  font-size: 8px;
}

button:focus {
  outline: none;
}

.link-nodecoration {
  text-decoration: none;
}

.link-nodecoration:hover {
  text-decoration: none;
}

.link-decoration {
  border-width: 0px;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.link-decoration:hover {
  color: #0056b3;
  text-decoration: underline;
  cursor: pointer;
}
.text-color-orange {
  color: #fa6400;
}

.text-color-white {
  color: #fff;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

/* TEXTOS - GLOBALES */
.fondo-titulos-banners {
  background-color: #0000004b;
  color: #f4f4f4;
  padding: 1rem 2rem;
  & span {
    color: #f4f4f4;
  }
}
.fw-bold {
  font-weight: bold;
}

.fw-normal {
  font-weight: normal;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Delay animaciones */
.ntg-delay-1 {
  animation-delay: 0.3s;
}

.ntg-delay-2 {
  animation-delay: 0.6s;
}

.ntg-delay-3 {
  animation-delay: 0.9s;
}

.ntg-delay-4 {
  animation-delay: 1.2s;
}

.ntg-delay-5 {
  animation-delay: 1.5s;
}
/* Contenedor formularios */

.contenedor-formularios {
  padding: 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/* -- FORMULARIO CAPACITACIONES -- */

/* BOTONES */
.btn-productos {
  text-decoration: none;
  margin: 1rem 0.5rem;
  padding: 0.4rem 1.7rem 0.4rem 1.7rem;
  border-color: transparent;
  color: var(--color-global-3);
  background-color: var(--color-global-1);
  padding: 5px 20px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}

.btn-productos:hover {
  transform: scale(1.1);
  background-color: var(--color-global-3);
  color: #fff;
  cursor: pointer;
  /* min-
  height: 130px; */
}
.btn-productos:focus {
  outline: none;
}
.btn-cepet {
  border-color: transparent;
  margin: 1rem 0.5rem;
  background-color: var(--color-global-3);
  padding: 0.4rem 1.7rem 0.4rem 1.7rem;
  border-radius: 5px;
  color: white;
  transition: all 0.2s ease-in-out;
}

.btn-cepet.boton-naranjo {
  background-color: #fa6400;
  border-color: #fa6400;
}

.btn-cepet.boton-rojo {
  background-color: #e72936;
  border-color: #e72936;
}

.span-oferta:hover {
  cursor: pointer;
}

.btn-cepet:hover {
  transform: scale(1.1);
  cursor: pointer;
}

/* a.btn-cepet {
  text-decoration: none;
  border-color: transparent;
  margin: 1rem 0.5rem;
  background-color: var(--color-global-3);
  padding: 0.4rem 1.7rem 0.4rem 1.7rem;
  border-radius: 5px;
  color: white;
  transition: all 0.5s ease-in-out;
}
a.btn-cepet:focus {
  outline: none;
}
a.btn-cepet:hover {
  transform: scale(1.2)!important;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  background-color: var(--color-global-4);
} */

/* FIN BOTONES */

hr.icon {
  margin: 0rem auto 2rem;
  padding: 0;
  border: 0;
  width: 10%;
  border-top: solid 3px;
  text-align: center;
  color: #3f0186;
}

/*! SECCIONES V2*/
.seccion-vh100 {
  padding: 5rem 0rem;
  height: 100vh;
}

.seccion-vh100.mantenimiento {
  background: radial-gradient(
    circle,
    var(--color-logo-biblio_trib) 0%,
    var(--color-logo-rentasf22) 100%
  );
  & #contenedor-mantenimiento {
    height: 100%;
    & #row-mantenimiento {
      height: 100%;
    }
  }
}

#miIframePesNueva {
  margin: 1rem 0rem;
  width: 100%;
  height: 80vh;
}
/*! SECCIONES */
.secciones {
  position: relative; /* Necesario para que el pseudo-elemento ::before se posicione correctamente */
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  text-align: center;
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/fondo-secciones.png");

  & h2 {
    text-transform: uppercase;
    text-align: center;
    color: var(--color-global-3);
    margin-bottom: var(--margin-bottom-titulo);
  }
  & h4 {
    text-transform: uppercase;
    text-align: center;
  }
}

.secciones::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hwb(
    268 0% 47% / 0.1
  ); /* Color púrpura oscuro con transparencia */
}

.secciones.empresa {
  padding-top: 0;
}
.secciones.enviado_capacitaciones {
  /* background-color: red; */
  & .container {
    min-height: 60vh;
    & .row {
      min-height: 60vh;
    }
  }
  & h4 {
    min-height: 60px;
    margin-bottom: 1rem;
  }
}
.secciones.enviado_contacto {
  /* background-color: red; */
  & .container {
    min-height: 60vh;
    & .row {
      min-height: 60vh;
    }
  }
  & h4 {
    min-height: 60px;
    margin-bottom: 1rem;
  }
}

.secciones.software {
  background-image: none;
  background-color: #fff;

  .vw-dtp-mw1500 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    @media (max-width: 1565px) {
      opacity: 0;
      visibility: hidden;
    }
  }

  & h2 {
    color: var(--color-global-3);
  }

  & h4 {
    margin-bottom: 1rem;
  }
}
.secciones.software::before {
  background-color: rgba(
    63,
    1,
    134,
    0
  ); /* Color púrpura oscuro con transparencia */
}
.secciones.biblioteca_tributaria::before {
  background-color: rgba(
    63,
    1,
    134,
    0
  ); /* Color púrpura oscuro con transparencia */
}
.secciones.biblioteca_tributaria {
  background-image: none;
  background-color: #fff;
  & h3 {
    color: #5970b2;
  }
}
& #titulo_demo {
  margin-bottom: 1rem;
}

#contenedor-card_bt {
  background-color: transparent;

  & .card-bt {
    background-color: transparent;
    border-radius: 15px;
    padding: 1rem 0rem;
  }
}

.secciones.biblioteca_tributaria::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%; */
  /* height: 100%; */
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* z-index: 1; */
}

.secciones.partners {
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1)
    ),
    url("https://cepet.cl/cepet/public/imagenes/general/inicio/fondo-secciones.png");
}
.secciones.partners::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(98, 13, 172);
  background: linear-gradient(
    180deg,
    hwb(268 0% 47% / 0.1),
    rgba(244, 240, 247, 0.164) 100%
  );
  /* Color púrpura oscuro con transparencia */
}

.secciones.noticias {
  & div#contenedor-texto_noticias {
    padding: 0rem 10rem;
  }
  & h4 {
    font-size: 1.2rem;
    letter-spacing: 2px;
  }
  & row {
    margin: 3rem 0;
    & span {
      text-align: center;
    }
  }
  & .card_noticia p {
    font-size: 16px;
  }
}

.secciones.soporte::before {
  background-color: rgba(
    63,
    1,
    134,
    0
  ); /* Color púrpura oscuro con transparencia */
}
.secciones.soporte {
  background-image: none;
  background-color: #fff;

  & .inicio_sesion .btn-cepet {
    background-color: var(--color-global-3);
    border-width: 0px;
    min-width: 4rem;
  }
  & span.text-center.alerta-logged-in {
    font-size: 18px;
    text-decoration: solid;
    font-weight: bold;
    color: #d2302b;
  }
  & .col-lg-6 h2 {
    margin: 0;
    margin-bottom: 1rem;
    text-align: left;
  }
  & .texto_soporte {
    & li {
      font-size: 18px;
    }
    & a {
      text-decoration: none;
      color: #4a4a4a;
    }
  }
  & .sec_titulos {
    & hr.icon {
      margin-top: 0.5rem;
    }
  }
  & .tarjetas_soporte {
    & img {
      /* width: 100%;
      height: 20rem; */
      margin-bottom: 0.5rem;
      max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
      height: 150px; /* Para mantener la relación de aspecto */
      border: 0;
    }
    & .card:hover {
      transform: scale(1.1);
      transition: all 0.3s ease-in-out;
      box-shadow: 0px 0px 5px 1px var(--color-global-3);
      z-index: 998;
    }
    & .contenedor-card {
      transition: all 0.3s ease-in-out;
      padding: 20px 5px;
      min-width: 235px;
      min-height: 235px;
      max-width: 235px;
      max-height: 235px;
      align-items: center;

      & .card {
        min-width: 235px;
        min-height: 235px;
        max-width: 235px;
        max-height: 235px;
        align-items: center;
        border-radius: 15px;

        & .card-body {
          padding: 0px 2px;

          & h6.card-title {
            margin: 0;
            padding: 0 10px;
          }
        }

        & .card-body a {
          color: #4a4a4a;
          text-decoration: none;
        }
      }
    }
  }
}
.secciones.videos-capacitaciones-tutoriales {
  & h2 {
    margin-bottom: 0;
  }
}

/* .secciones.editorial {
  & div#contenedor-texto_editorial {
    padding: 0rem 10rem;
  }
  & row {
    margin: 3rem 0;
    & span {
      text-align: center;
    }
  }
  & .card_info {
    max-width: 360px;
    @media (max-width: 1199px) {
      margin: 1rem 1rem;
    }
    & p {
      font-size: 14px;
    }

    & h4 {
      font-size: 18px;
    }
  }
} */

/*! FOOTER 2*/

.secciones.footer {
  background-image: none;
  /* background-color: #404040; */
  /* background-color: #009F91; */
  padding-top: 80px;
  background-color: var(--color-global-3);
  /* HORIZONTAL - VERTICAL - DIFUMINAR - ANCHO - COLOR*/
  box-shadow: 0px -5px 10px -5px #000;
  & .contenedor-metodos_pago {
    & img {
      width: 80%;
    }
  }
  & .columnas_footer {
    align-items: flex-start;
    align-content: flex-start;
  }
  & h4 {
    max-height: 28px;
  }
  & a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: start;
    /* text-decoration: none; */
    color: #fff;
  }

  & .ul-footer {
    margin-bottom: 0.5rem;
  }

  & .iconos_footer {
    padding-right: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 200;
  }
  & #contenedor_logo_nav {
    margin-top: 2rem;
  }
  & p {
    color: #fff;
  }
  /* margin-top: 2rem; */
  & i {
    color: #fff;
  }
  & hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
  }
  & ul.lista-sitios-interes li {
    margin-bottom: 5px;
  }
}

.icono-footer {
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-style: normal;
  font-size: 40px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #fff;
}

/*! FOOTER */
#contenedor_footer {
  /* background-color: #404040; */
  /* background-color: #009F91; */
  /* background-color: #3f0186; */
  background-color: var(--color-global-3);
  padding-top: 15px;
  & p {
    color: #fff;
  }
  /* margin-top: 2rem; */
  & i {
    color: #fff;
  }
  & .columnas_footer {
    & hr {
      margin: 1rem 0;
      color: inherit;
      border: 0;
      border-top: 1px solid;
      opacity: 0.25;
    }
  }
}

.col_footer {
  padding: 20px;
}

#footer_copyright {
  /* background-color: #2c2c2c; */
  /* background-color: var(--color-global-3); */
  background-color: hwb(268 0% 47% / 0.486);
  text-align: center;
  color: white;
}

/*! FOOTER */

/*FIN GLOBAL*/

/* TODO: VISTA ESCRITORIO */

#contenedor-portada {
  min-height: 60vh;
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/fondo_cepet.png");
  & .row {
    min-height: 60vh;
    padding: 0 10rem;
  }
}

#contenido-portada {
  padding: 0rem 1rem;
  & h1 {
    margin-bottom: 1rem;
  }
  & span {
    font-weight: bold;
    font-size: 1.2rem;
  }
}
#imagen_portada {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  padding: 0 1rem;

  & img {
    /* width: 100%;
    height: 20rem; */
    max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
    height: auto; /* Para mantener la relación de aspecto */
    border: 0;
  }
}

/* NAVEGATION BAR */
#nav_flotante {
  max-width: 100%;
  padding: 0.4rem 0rem;
  background-color: var(--color-global-4);
  /* background-color: #007bff; */
  /* background-color: #2E4A9A; */
  position: sticky;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  & row {
    margin: 0;
  }
  & .iconos_navFlotante {
    padding-right: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: 200;
  }
  & span {
    font-size: 1.2rem;
    padding: 0 0rem;
    color: #fff;
    @media (min-width: 1366px) {
      font-size: 1rem;
    }
  }
  & svg {
    color: #fff;
    & path {
      color: #fff;
    }
  }
  & a:hover {
    transform: scale(1.1);
    transition: all 0.3s;
  }
  & a {
    text-decoration: none;
    transition: all 1s;
    color: #fff;
  }
  & .container-fluid {
    position: fixed;
  }
}

#nav_usuario {
  height: auto;
  & ul {
    min-height: auto;
  }
}

#logo_nav {
  margin-left: 1rem;
  max-width: 160px;
  height: auto;
}

#header_usuario {
  background-color: #f8f9fa;
  z-index: 998;
  padding: 0px;
  font-size: 1rem;
  box-shadow: 0px 8px 8px -6px #000;

  & li {
    margin-left: 1rem;
    background-color: color-mix(in srgb, #ffffff 90%, #020202) !important;
    border-radius: 25px;
    padding: 0px 10px;
    color: #020202;
    transition: all 0.3s ease-in-out;
  }
  & li:hover {
    background-color: color-mix(in srgb, #ffffff 80%, #020202) !important;
    transition: all 0.3s ease-in-out;
  }
  & li#solicite-demo {
    background-color: var(--color-logo);
    color: #fff;
  }
}

/* TODO: Correcciones visuales */

/* TODO: VISTA MOVIL */
/* NAV */
@media (max-width: 950px) {
  #header_usuario {
  }
  #logo_nav {
    margin-left: 1rem; /* Estilo para la vista de teléfono móvil*/
  }

  #li_nav .nav-link {
    border-left: 0px;
    padding: 0px;
    padding-left: 1rem;
    padding-right: 16px;
  }
}

/* PORTADA */
@media (max-width: 767.98px) {
  #contenedor-portada {
    text-align: center;
  }

  #contenedor-portada .row {
    min-height: 60vh;
  }
}

@media (max-width: 767.98px) {
  #contenedor-portada {
    min-height: 60vh;
    background-image: url("https://cepet.cl/cepet/public/imagenes/general/fondo_cepet.png");
    & .row {
      padding: 0px 0px;
    }
  }
  #contenido-portada {
    padding: 7rem 1rem 7rem 1rem;
    & h1 {
      /* font-size: 4rem; */
      margin-bottom: 1rem;
    }
    & span {
      font-weight: bold;
      font-size: 1rem;
    }
  }
}

/* Estilo para resaltar la opción seleccionada con una línea abajo */
.nav-item.active {
  background-color: #000;
}

/*! Inicio - Productos v2 INICIO*/
.btn-modal-productos {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

#logo-cs-rre {
  height: 77px;
  width: auto;
}
#logo-cs-contab {
  height: 77px;
  width: auto;
}
#logo-cs-rentasf22 {
  height: 100px;
  width: auto;
}

.card-productos_destacados:hover {
  box-shadow: 0px 0px 5px 1px var(--color-global-2);
}
.contenedor-card_destacados {
  padding: 1rem 1rem;
}
.card-productos_destacados {
  border-radius: 15px;
  /* margin: 2rem 1rem; */
  box-shadow: 0px 0px 5px 1px #c5c5c5;
  color: #4a4a4a;
  /* height: 400px; */
  width: auto;
  @media (max-width: 955px) {
    height: auto;
  }
  & h4 {
    color: var(--color-global-3);
  }
  & .img-productos {
    /* align-self: center; */
    & img {
      /* max-width: 100%; La imagen nunca será más grande que su tamaño nativo */
      /* height: auto; Para mantener la relación de aspecto */
      max-width: 100%;
      height: 100%;
      object-fit: fill;
      border-radius: 15px;
    }
  }
  & .contenido-card-productos_destacados {
    padding: 1rem 1.5rem 1rem 1rem;
    align-self: center;
    & .btn-productos {
      text-decoration: none;
      border-color: transparent;
      color: var(--color-global-3);
      background-color: var(--color-global-1);
      padding: 5px 20px;
      border-radius: 5px;
      transition: all 0.3s ease-in-out;
    }
    & .btn-productos:hover {
      transform: scale(1.1);
      background-color: var(--color-global-3);
      color: #fff;
      cursor: pointer;
      /* min-
      height: 130px; */
    }
    & .btn-productos:focus {
      outline: none;
    }
    & .material-symbols-outlined {
      font-size: 3rem;
      color: var(--color-global-2);
    }
    & button.material-symbols-outlined:focus {
      outline: none;
    }
    & button.material-symbols-outlined:hover {
      transform: scale(1.1);
      transition: all 0.3s ease-in-out;
    }
  }
}

/*! Portada - Productos FIN */

/*! Portada - Editorial INICIO*/
.secciones.editorial {
  & img {
    max-height: 240px;
  }
  & .card_info.contenedor_card.libro_uno {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.contenedor_card.libro_uno:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }

  & .card_info.contenedor_card.libro_uno .img-libros-editorial {
    transition: all 1s ease-in-out;
  }

  & .card_info.contenedor_card.libro_uno:hover .img-libros-editorial {
    transform: scale(1.2) translateY(-40px);
    transition: all 1s ease-in-out;
    filter: grayscale(0%);
  }

  & .card_info.contenedor_card.libro_dos {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.contenedor_card.libro_dos:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }
  & .card_info.contenedor_card.libro_dos .img-libros-editorial {
    transition: all 1s ease-in-out;
  }
  & .card_info.contenedor_card.libro_dos:hover .img-libros-editorial {
    transform: scale(1.2) translateY(-40px);
    transition: all 1s ease-in-out;
    filter: grayscale(0%);
  }
  & .card_info.contenedor_card.libro_tres {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.contenedor_card.libro_tres:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }
  & .card_info.contenedor_card.libro_tres .img-libros-editorial {
    transition: all 1s ease-in-out;
  }

  & .card_info.contenedor_card.libro_tres:hover .img-libros-editorial {
    transform: scale(1.2) translateY(-40px);
    transition: all 1s ease-in-out;
    filter: grayscale(0%);
  }
  & .card_info.contenedor_card.libro_cuatro {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.contenedor_card.libro_cuatro:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }
  & .card_info.contenedor_card.libro_cuatro .img-libros-editorial {
    transition: all 1s ease-in-out;
  }

  & .card_info.contenedor_card.libro_cuatro:hover .img-libros-editorial {
    transform: scale(1.2) translateY(-40px);
    transition: all 1s ease-in-out;
    filter: grayscale(0%);
  }

  & .card_info.contenedor_card {
    padding: 1rem 2rem;
    background-color: #e9e9e9;
    font-size: 0.75rem;
    min-height: max-content;
  }
  & a.link-indice-libros:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
  }
}
.contenedor-productos_editorial {
  & .card_info.libro_uno {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.libro_uno:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }

  & .card_info.libro_dos {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.libro_dos:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }

  & .card_info.libro_tres {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.libro_tres:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }

  & .card_info.libro_cuatro {
    box-shadow: 0px 0px 5px 1px var(--color-global-1);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
  }
  & .card_info.libro_cuatro:hover {
    /* transform: scale(1.1); */
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px var(--color-global-3);
    /* z-index: 998; */
  }

  & .card_info {
    margin: 1rem 2rem;
    padding: 1rem 2rem;
    background-color: #e9e9e9;
    font-size: 0.75rem;
    height: 100%;
    & .fs-14 {
      line-height: 14px !important;
    }
  }
  & a.link-indice-libros:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
  }
}

#modal-editorial iframe {
  height: 60vh;
}
#ofertas-septiembre {
  & img.volante-bandera {
    max-width: 100%;
    height: auto;
  }
  & img.volante-septiembre {
    max-width: 60vh;
    height: auto;
  }
}

#miIframePesNueva {
  margin: 1rem 0rem;
  width: 100%;
  height: 80vh;
}

/*! Portada - Editorial FIN*/

/*! Portada - Info relevante */

/*! Portada - Info relevante FIN*/

/*! Empresa - Conócenos V2 */

.secciones.empresa .socios {
  padding: 2rem 4rem;
  & .contenedor_exterior {
    padding: 1rem 2rem;
    /* min-width: 320px; */
    & .contenedor_socio {
      background-color: #fefefe;
      padding: 1rem 1rem 1.5rem 1rem;
      box-shadow: 5px 5px 15px 1px #000000;
      min-height: 360px;
      & .contenido_gerentes {
        & h6 {
          color: #999999;
          letter-spacing: 2px;
          font-style: italic;
        }
        & h4 {
          color: #52307e;
        }
      }
      & .contenedor_img {
        & .img-socios {
          background-color: #e7ecf1;
          border-radius: 50%;
        }
      }
    }
  }
}

/*! Empresa - Conócenos */

.img-banner.global-banner {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/imagen-banner.jpg");
  background-color: #2b2b2b;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 5vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}
div#contenido_empresa {
  /* background-image: url("https://cepet.cl/cepet/public/imagenes/general/empresa/fondo-empresa.png"); */
  /* background-color: #2b2b2b; */
  /* background-size: cover; */
  /* background-repeat: no-repeat; */
  & .container-gerentes {
    padding: 0rem 3rem;
  }
  & h4 {
    letter-spacing: 4px;
    font-size: 1.2rem;
    padding: 2rem 0rem;
  }
  & h3 {
    margin-bottom: 2rem;
  }
  & p {
    text-align: center;
  }

  & .contenedor_gerentes {
    margin: 2rem 2rem;
    padding: 0;
    /* max-width: fit-content; */
    box-shadow: 5px 5px 15px 1px #000000;
    & .img-socios {
      border-radius: 50%;
    }
    & .contenido_gerentes {
      & ul li {
        font-size: 0.8rem;
      }
    }
  }
}
/* 
.contenedor-imagenes.conocenos {
  margin: 3rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;

  & img {
    max-width: 200px;
    max-height: 250px;
  }
} */

/*! Empresa - Conócenos */

/*! Ofertas - Contenido */
.img-banner.ofertas {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/ofertas/banner-ofertas.png");
  background-color: #2b2b2b;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 35vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}

@media (max-width: var(--vista-celular)) {
  /* Ocultar el menú en pantallas más pequeñas que 750px */
  .navbar-collapse {
    display: none;
  }
}
/*! Inicio - Carousel*/
/* Estilos básicos del carousel */
.carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel-container {
  display: flex;
  transition: transform 0.5s;
}

.carousel-slide {
  flex: 0 0 100%;
}

.carousel-slide img {
  width: 100%;
  height: auto;
}

/* Botones de navegación */
.carousel-prev,
.carousel-next {
  background-color: #333;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

/* Estilos adicionales según tu preferencia */

/*! Inicio - Banner  */
.banner-inicio {
  margin: 0;
  padding: 0;
  & .contenido-banner.banner-1 {
    position: relative;
    width: 100%;
    height: 60vh;
    z-index: 20;
    /* & .contenedor_logo_cepet {
      margin-bottom: 2rem;
      @media (max-width: 1199px) {
        height: 55px;
      }
    } */
    & h1 {
      font-weight: 700;
      font-size: 3.69rem;
      letter-spacing: 2px;
      @media (max-width: 1199px) {
        font-size: 2rem;
      }
    }
    & h2 {
      font-weight: 700;
      font-size: 2.55rem;
      letter-spacing: 2px;
      @media (max-width: 1199px) {
        font-size: 1.5rem;
      }
    }
    & p {
      margin-bottom: 2rem;
    }
    /* & .btn-cepet {
      text-decoration: none;
      padding: 1rem 3rem;
      transition: all 0.5s ease-in-out;
      @media (max-width: 1199px) {
        padding: 0.7rem 2rem;
      }
    }
    & .btn-cepet:hover {
      text-decoration: none;
      transform: scale(1.2);
      transition: all 0.5s ease-in-out;
      cursor: pointer;
      color: #fff;
    } */
  }
  & .contenido-banner.banner-2 {
    position: relative;
    width: 100%;
    height: 60vh;
    z-index: 20;
    & .altura-columna {
      height: 15%;
    }
    & .contabilidad-proximamente {
      font-style: italic;
      letter-spacing: 5px;
      margin: 0;
      /* color: ; */
      /* font-size: 16px; */
    }
    & h1 {
      margin: 0 0;
      padding: 0;
      /* margin: 2rem 0rem; */
      /* padding-right: 15rem; */
      font-weight: 700;
      letter-spacing: 2px;
    }
    & h3 {
      margin: 0;
      margin-bottom: 2rem;
      padding-right: 5rem;
    }
    & li {
      font-size: 1.2rem;
    }
    /* & .btn-cepet {
      text-decoration: none;
      padding: 1rem 3rem;
      transition: all 0.5s ease-in-out;
      @media (max-width: 1199px) {
        padding: 0.7rem 2rem;
      }
    }
    & .btn-cepet:hover {
      text-decoration: none;
      transform: scale(1.2);
      transition: all 0.5s ease-in-out;
      cursor: pointer;
      color: #fff;
    } */
  }
  & .contenido-banner.banner-3 {
    position: relative;
    width: 100%;
    height: 60vh;
    z-index: 20;
    & a#descuento_estudiantes {
      text-decoration: none;
    }
    & a#descuento_estudiantes:hover {
      cursor: pointer;
    }
    & .contenedor-oferta-estudiantes .lista-oferta-estudiantes {
      & .oferta-estudiante {
        margin: 0;
        margin-right: -20px;
        padding: 5px;
        background-color: #fff;
        border-radius: 25px;
        color: #57199a;
        font-weight: bold;
        z-index: 2000;
        font-size: 30px;
      }
      & .contenido-oferta-estudiante {
        background-color: #57199a;
        margin: 10px 0px;
        padding: 5px 20px 5px 30px;
        color: #f0f0f0;
        border-radius: 25px;
      }
    }
    & h1 {
      margin: 0;
    }
    & p {
      color: var(--color-global-3);
    }
    /* & .btn-cepet {
      text-decoration: none;
      margin-right: 2rem;
      padding: 1rem 3rem;
      transition: all 0.5s ease-in-out;
      @media (max-width: 1199px) {
        padding: 0.7rem 2rem;
      }
    }
    & .btn-cepet:hover {
      text-decoration: none;
      transform: scale(1.2);
      transition: all 0.5s ease-in-out;
      cursor: pointer;
      color: #fff;
    } */
  }
}
.image-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  & img {
    width: 100% !important;
    height: 100% !important;
    object-fit: fill;
  }
}
.image-container.banner-full {
  display: block;
  @media (max-width: 767.98px) {
    display: none;
  }
}
& .image-container.banner-celular {
  display: none;
  visibility: hidden;
  border-radius: 20px;
  @media (max-width: 767.98px) {
    display: block;
    visibility: visible;
    & img {
      border-radius: 20px;
    }
  }
}
#banner-pc {
  padding: 0px !important;
}

.carousel-banner {
  max-width: 100%;
  & .slick-slide {
    height: 60vh;
  }
}

#banner-celular {
  display: none;
}
#banner-inicio {
  /* background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/fondo-banner.png"); */
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/banner-1.png");
  background-size: 100%; /* esto hace que la imagen se expanda mientras mantiene su relación de aspecto */
  /* background-position: center; opcional: centrar la imagen */
  background-repeat: no-repeat;
  /* width: 100vh; */
  height: 60vh;

  & .container-fluid {
    /* min-height: 60vh; */

    & .row {
      /* min-height: 60vh; */
      padding: 0rem 4rem;
    }
  }
  & h1 {
    /* font-size: 4rem; */
    color: #fff;
  }
  & p {
    color: #fff;
    /* font-size: 1.5rem; */
    margin-bottom: 6rem;
  }
}
#banner-inicio-2 {
  /* background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/fondo_banner2.png"); */
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/banner-2.png");
  background-size: 100%; /* esto hace que la imagen se expanda mientras mantiene su relación de aspecto */
  background-position: center; /* opcional: centrar la imagen */
  background-repeat: no-repeat;
  width: 100vh;
  height: 60vh;

  min-height: 60vh;
  & .container-fluid {
    min-height: 60vh;

    & .row {
      min-height: 60vh;
      padding: 0rem 4rem;
    }
  }

  & p {
    margin-bottom: 6rem;
  }
}

#banner-inicio-3 {
  /* background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/fondo_banner3.png"); */
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/inicio/banner/banner-3.png");
  background-size: 100%; /* esto hace que la imagen se expanda mientras mantiene su relación de aspecto */
  background-position: center; /* opcional: centrar la imagen */
  background-repeat: no-repeat;
  width: 100vh;
  height: 60vh;

  min-height: 60vh;
  & .container-fluid {
    min-height: 60vh;

    & .row {
      min-height: 60vh;
      padding: 0rem 4rem;
    }
  }

  & p {
    /* font-size: 1.5rem; */
    margin-bottom: 6rem;
  }
}
.palabras {
  margin-bottom: 4rem;
  & span {
    color: #368eb8;
    margin-right: 8px; /* Espacio entre las palabras */
    font-weight: bold;
    & .material-symbols-outlined {
      font-size: 3rem;
      color: var(--color-global-2);
    }
  }
  & span.punto {
    color: #fff;
    font-weight: bold;
  }
}
.punto {
  color: #fff;
  font-weight: bold;
}

/*! Inicio - Noticias  */
.secciones.noticias .slick-dots{
  bottom: -20px;
}
.card_noticia:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 5px 1px var(--color-global-3);
}
.card_noticia {
  font-size: 0.75rem;
  transition: all 0.3s ease-in-out;
  margin: 0rem 1rem;
  border-radius: 15px;
  box-shadow: 0px 0px 5px 1px var(--color-global-1);
}

.card_noticia .img-ajustada-noticia {
  width: 100%;
  max-height: 220px !important;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 8px 8px 0 0;
  background: #fff;
}

.card_noticia .info-card_noticia {
  background-color: #fff;
  text-align: left;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card_noticia .info-card_noticia h4 {
  font-weight: bold;
  min-height: 60px; /*MINIMO ALTO*/  
}

.card_noticia .info-card_noticia a {
  text-decoration: none;
  color: #4a4a4a;
}
.card_noticia .info-card_noticia p {
  /* max-height: 80px; MINIMO ALTO   */
}

.contenedor-imagen_noticia {
  /* Para que el span se posicione correctamente */
  position: relative;
  display: inline-block; /* o block, según tu necesidad */

  & span {
    position: absolute;
    top: 1rem;
    left: 0;
    /* El ancho del span será el mismo que el contenedor */
    width: 100%;

    background-color: #fbb03b;
    color: #fff;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 0.2rem;
    box-sizing: border-box; /* Para que el padding se calcule correctamente */

    /* Si quieres centrar el texto en la franja, puedes añadir:
     text-align: center;
     */
  }
}

.contenedor-entrevista {
  & .videos-entrevista {
    /* padding: 0rem 5rem; */
    & .slick-prev {
      left: -2rem;
    }
    & .slick-next {
      right: -0.8rem;
    }
    & .slick-prev,
    .slick-next {
      top: 25%;
    }
    & .slick-prev:before,
    .slick-next:before {
      font-size: 40px;
      opacity: 0.8;
    }
  }
  & iframe {
    width: 100%;
    height: auto;
    border-radius: 1rem;
  }
}
#img-socios_entrevista {
  border-radius: 10px 100px 10px 100px;
  border: thick double #52307e;
}

.img-redes_sociales {
  padding: 0;
  max-width: 36px;
  height: 36px;
}
.img-redes_sociales:hover {
  cursor: pointer;
}

/*! Inicio - Partners  */

.secciones.partners {
  padding: 15px 0px;

  & h2 {
    margin: 0px;
    margin-bottom: 10px;
  }

  & #cursos_idet {
    color: var(--color-logo);
    font-size: 12px;
    & span {
      color: #00b500;
    }
  }

  /* margin: 1rem 0rem; */
}

.contenedor_logo_cepet {
  width: auto;
  height: 70px;
}
.contenedor_logos {
  margin-top: 2rem;
  & img {
    transition: all 0.3s ease-in-out;
  }
  & img:hover {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
}

/*! Inicio - Clientes */

.secciones.clientes::before {
  background-color: rgba(
    63,
    1,
    134,
    0
  ); /* Color púrpura oscuro con transparencia */
}
.secciones.clientes {
  margin: 1rem 0rem;
  background-image: none;
  background-color: #fff;
  padding: 15px 0px;

  & h2 {
    margin: 0px;
    margin-bottom: 10px;
  }
  & .slick-slide img {
    display: inline-block;
  }
}

.secciones.partners {
  padding: 15px 0px;
  & .sec_titulos {
    margin: 0;
    margin-bottom: 15px;
    & h2 {
      margin: 0px;
      margin-bottom: 10px;
    }
  }

  /* margin: 1rem 0rem; */
}

.titulos_inicio {
  /* margin-bottom: 0.5rem; */
  /* font-size: var(--tamano-titulo); */
  font-weight: bold;
  /* min-height: 15vh; */
  & .morado_negrita {
    font-weight: bold;
    color: #3f0186;
  }
}

.sec_titulos {
  margin-bottom: var(--margin-bottom-titulo);
}
.top {
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(10% + 4rem),
    50% 80%,
    0 calc(10% + 4rem)
  );
}
.bottom {
  clip-path: polygon(0 2rem, 50% 0, 100% 2rem, 100% 100%, 0 100%);
  margin-top: calc(0px - 2rem);
}

/*! Soporte - Terminos y Condiciones */
.img-banner.terminos_condiciones {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/imagen-banner.jpg");
  max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
  min-height: 60vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}

.secciones.licencia_uso {
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-licencia_uso {
    padding: 0rem 2rem;
  }
}

.secciones.garantia_limitada {
  background-color: #fff;
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-garantia_limitada {
    padding: 0rem 2rem;
  }
}

.secciones.soporte_tecnico {
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-soporte_tecnico {
    padding: 0rem 2rem;
  }
}

.secciones.costos_asociados {
  background-color: #fff;
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-costos_asociados {
    padding: 0rem 2rem;
  }
  & ol li {
    font-size: 1.125rem;
  }
}

.secciones.requisitos_tecnicos {
  /* background-color: #fff; */
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-requisitos_tecnicos {
    padding: 0rem 2rem;
  }
}

.bg-azul-tablas {
  background-color: #2c91b7;
}

.bg-gris-tablas {
  background-color: #a9aaaf;
}

.text-white {
  color: #fff;
}

/*! Soporte - Asistencia Remoto */
.secciones.asistencia_remota {
  /* background-color: #fff; */
  padding: var(--padding-top-secciones) 0 var(--padding-bottom-secciones);
  & .contenido-asistencia_remota {
    padding: 0rem 2rem;
  }
}

/*! Soporte - Encuestas */
.preguntas-encuestas {
  padding: 2rem 1rem;
}

/*! Soporte - Descargas y Actualizaciones */

.img-banner.descargas_actualizaciones {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/soporte/descargas/banner-descargas.png");
  background-color: #2b2b2b;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
  min-height: 60vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}

.secciones.descarga_software::before {
  background-color: rgba(
    63,
    1,
    134,
    0
  ); /* Color púrpura oscuro con transparencia */
}
.secciones.descarga_software {
  & .modal {
    z-index: 9999;
  }
  & .modal-body {
    height: 80vh;
    & iframe {
      height: 100%;
      width: 100%;
    }
  }

  & ul {
    z-index: 9;
  }
}
.modal-lg.manuales-software {
  max-width: 80% !important;
  @media (max-width: var(--vista-lg)) {
    max-width: 90% !important;
  }
}

/*! Soporte - Videos Capacitaciones */
#video-principal {
  height: 40vh;
  width: 100%;
  border-radius: 20px;
  box-shadow: 5px 5px 15px 1px #000000;
}

.contenedor-ayuda_videos {
  margin: 2rem 2rem;
  padding: 1rem 1rem;
  background-color: #e2e2e2;
  border-radius: 25px;
  box-shadow: 0px 0px 5px 1px #c5c5c5;
  & p {
    min-height: 130px;
    margin: 0;
    align-content: center;
  }
}
.contenedor-ayuda_videos:hover {
  box-shadow: 0px 0px 5px 1px var(--color-global-2);
}

.contenedor-lista_videos {
  padding: 0rem 3rem;
  & .videos-tutoriales {
    /* padding: 0rem 5rem; */
    & .slick-prev {
      left: -2rem;
    }
    & .slick-next {
      right: -0.8rem;
    }
    & .slick-prev,
    .slick-next {
      top: 25%;
    }
    & .slick-prev:before,
    .slick-next:before {
      font-size: 40px;
      opacity: 0.8;
    }
  }
  & iframe {
    width: 100%;
    height: auto;
    border-radius: 1rem;
  }
}

/*! Capacitaciones y Demostraciones */

.img-banner.demostraciones_capacitaciones {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/soporte/descargas/banner-descargas.png");
  background-color: #2b2b2b;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
  min-height: 60vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}
#titulo_capacitaciones {
  padding: 0rem 6rem;
}
#formulario-asistencia_tecnica {
  background-color: #2b2b2b2f;
  border-radius: 25px;
}

#formulario-capacitaciones {
  background-color: #2b2b2b2f;
  border-radius: 25px;
}

#separacion_calendario {
  padding-bottom: 50px;
}
/*! Capacitaciones y Demostraciones - Formulario enviado*/

/*! Contacto */
#map_ubicacion {
  border: 0;
  width: 100%;
  height: 35vh;
}
.img-banner.contacto {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/soporte/descargas/banner-descargas.png");
  background-color: #2b2b2b;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%; /* La imagen nunca será más grande que su tamaño nativo */
  min-height: 60vh;
  height: auto; /* Para mantener la relación de aspecto */
  border: 0;
}

/*! Portada - Productos */
/* 
@media (max-width: 767.98px) {
  #contenedor-video {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden; 

  #contenedor-video video {
    width: 300px;
    height: auto;
  }
}
#contenedor-video {
  display: flex;
  align-items: center; 
  
  height: 100%;
}
#contenedor-video video {
  width: 40em;
  height: 100%;
} */

/* #vertical-buttons {  
  & .btn.remu {
    padding: 0;
    border-radius: 0px 0px;
    margin-left: 1px;
    border: 1px solid #999999;
    border-left: 5px solid #d2302b;
    & span {
      color: #d2302b;
    }
  }
  & .btn.remu:hover {
    background-color: #d2302b;
    transition: background-color 0.7s ease;
    color: #fff;
    & span {
      color: #fff;
    }
  }
  & .btn.remu:focus {
    background-color: #d2302b;
    color: #fff;
    font-weight: bold;
    & span {
      color: #fff;
    }
  }
  & .letra.remu {
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    background-color: #d2302b;
  }

  & .btn.dj {
    padding: 0;
    border-radius: 0px 0px;
    margin-left: 1px;
    border: 1px solid #999999;
    border-left: 5px solid #77a636;
    & span {
      color: #77a636;
    }
  }
  & .btn.dj:hover {
    background-color: #77a636;
    transition: background-color 0.7s ease;
    color: #fff;
    & span {
      color: #fff;
    }
  }
  & .btn.dj:focus {
    background-color: #77a636;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.7s ease;
    & span {
      color: #fff;
    }
  }
  & .letra.dj {
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    background-color: #77a636;
  }

  & .btn.f22 {
    padding: 0;
    border-radius: 0px 0px;
    margin-left: 1px;
    border: 1px solid #999999;
    border-left: 5px solid #1578be;
    & span {
      color: #1578be;
    }
  }
  & .btn.f22:hover {
    background-color: #1578be;
    transition: background-color 0.7s ease;
    color: #fff;
    & span {
      color: #fff;
    }
  }
  & .btn.f22:focus {
    background-color: #1578be;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.7s ease;
    & span {
      color: #fff;
    }
  }
  & .letra.f22 {
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    background-color: #1578be;
  }

  & .btn.contab {
    padding: 0;
    border-radius: 0px 0px;
    margin-left: 1px;
    border: 1px solid #999999;
    border-left: 5px solid #cd6d31;
    & span {
      color: #cd6d31;
    }
    & #contab_pronto {
      color: #4a4a4a;
      font-size: 12px;
    }
  }
  & .btn.contab:hover {
    background-color: #cd6d31;
    transition: background-color 0.7s ease;
    color: #fff;
    & span {
      color: #fff;
    }
    & #contab_pronto {
      color: #fff;
      font-size: 12px;
    }
  }
  & .btn.contab:focus {
    background-color: #cd6d31;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.7s ease;
    & span {
      color: #fff;
    }
    & #contab_pronto {
      color: #fff;
      font-size: 12px;
    }
  }
  & .letra.contab {
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    background-color: #cd6d31;
  }

  & .btn.rre {
    padding: 0;
    border-radius: 0px 0px;
    margin-left: 1px;
    border: 1px solid #999999;
    border-left: 5px solid var(--color-global-3);
    & span {
      color: var(--color-global-3);
    }
  }
  & .btn.rre:hover {
    background-color: var(--color-global-3);
    transition: background-color 0.7s ease;
    color: #fff;
    & span {
      color: #fff;
    }
  }
  & .btn.rre:focus {
    background-color: var(--color-global-3);
    color: #fff;
    font-weight: bold;
    transition: background-color 0.7s ease;
    & span {
      color: #fff;
    }
  }
  & .letra.rre {
    color: #fff;
    font-weight: bold;
    padding: 5px 0;
    background-color: var(--color-global-3);
  }

  & div {
    min-height: 38px;
    & button {
      min-height: 36px;
      width: 80%;
    }
    & span {
      min-height: 36px;
      min-width: 36px;
      max-width: 36px;
    }
  }
} */
#form_contacto {
  & h2 {
    margin-bottom: 2rem;
  }
  & #contenido_der p {
    padding-left: 5rem;
  }
  & img {
    width: 50%;
  }
}

#separador_contacto {
  background-image: url("https://cepet.cl/cepet/public/imagenes/general/empresa/overlay-g-2.png");
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff;
  margin: 5rem 0rem;
  padding: 4rem 0rem;
  background-color: #52307e;
  #telefono {
    font-size: 2rem;
  }
}
.secciones.empresa_dos {
  & #contenido-about_us {
    border-radius: 10px 100px 10px 100px;
    margin: 7rem 2rem;
    padding: 10px 10px 10px 50px;
    background-color: #f4f4f4;
    border: thick double #52307e;
    & h2 {
      margin-bottom: 0rem;
      padding: 0;
    }
    & #subtitulo-about_us {
      font-style: italic;
      letter-spacing: 5px;
      font-size: 16px;
      /* margin-bottom: 2rem; */
    }
    & #img-about_us {
      /* margin-right: -5rem; */
      & img {
        /* border-radius: 30px; */
        border-radius: 10px 100px 10px 100px;
      }
    }
  }

  .empresa_tres {
    & #img-about_us {
      z-index: 999;
      margin-left: -50px;
      & img {
        z-index: 998;
      }
    }
    & #contenido-about_us {
      z-index: 995;
    }
  }
}

#seccion-productos_editorial {
  & .contenedor-productos_editorial {
    padding: 1rem 0rem;
    min-height: 50vh;
  }
}

.disponibilidad-digital {
  position: absolute;
  color: var(--color-global-5);
  top: 0;
  left: 0;
  padding: 5px 10px;
  background-color: var(--warning);
  margin: 16px 0px;
  border-radius: 25px;
  font-weight: bold;
}
.modal-demo {
  & .modal {
    margin: 1rem auto;
    padding: 1rem 2rem;
    & .modal-content {
      padding: 1rem 2rem;
      width: 100%;
      height: 100%;
    }
  }
}
.secciones.productos-software {
  padding-top: 0;
  margin-top: 0;
  & .contenedor-resumen_software {
    /* padding: 1rem 0rem; */
    /* min-height: 50vh; */
    & .card-resumen_software {
      background-color: #e2e2e2;
      border-radius: 25px;
      /* min-height: 805px;       */
      box-shadow: 0px 0px 5px 1px #c5c5c5;
      & .contenido-productos_software {
        /* margin-top: 1rem; */
      }
    }
    & .card-resumen_software:hover {
      box-shadow: 0px 0px 5px 1px var(--color-global-2);
    }
  }
  & .logos.rre {
    max-width: 105px;
  }
  & .caratulas.rre {
    border: 5px solid var(--color-logo-rre);
    margin: 0 auto;
  }
  & .caratulas.biblio_tributaria {
    border: 5px solid var(--color-logo-biblio_trib);
    margin: 0 auto;
  }
  & .caratulas.rentasf22 {
    border: 5px solid var(--color-logo-rentasf22);
    margin: 0 auto;
  }
  & .caratulas.remu {
    border: 5px solid var(--color-logo-remu);
    margin: 0 auto;
  }
  & .caratulas.dj {
    border: 5px solid var(--color-logo-dj);
    margin: 0 auto;
  }
  & .caratulas.contab {
    border: 5px solid var(--color-logo-contab);
    margin: 0 auto;
  }

  & .slick-productos_softwares {
    & img {
      margin: 0 auto;
    }
  }
}
.secciones.libros {
  & .separador-columnas-left {
    border-right: 1px solid #a8a8a8;
    padding-right: 2rem;
  }
  & .separador-columnas-right {
    padding-left: 2rem;
  }
  & h4 {
    margin-top: 2rem;
  }
}

.h-10 {
  height: 10vh;
}
.h-20 {
  height: 10vh;
}
.h-30 {
  height: 10vh;
}
.h-40 {
  height: 10vh;
}

.secciones.softwares {
  & #video-declaraciones_juradas {
    height: 40vh;
    & div.col-12 {
      height: 100%;
      & iframe {
        border-radius: 15px;
      }
    }
  }
  & .contenedor-destacado {
    padding: 1rem 1rem;
    min-height: 360px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px 0px var(--color-global-1);
  }
  & .contenedor-destacado.remuneraciones:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px var(--color-logo-remu);
  }
  & .contenedor-destacado.rentasf22:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px var(--color-logo-rentasf22);
  }
  & .contenedor-destacado.dj:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px var(--color-logo-dj);
  }
  & .contenedor-destacado.contab:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px var(--color-logo-contab);
  }
  & .contenedor-destacado.biblio_trib:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px var(--color-logo-biblio_trib);
  }
  & .caratulas.biblio_tributaria {
    border: 5px solid var(--color-logo-biblio_trib);
    margin: 0 auto;
  }
  & .caratulas {
    height: auto;
    max-width: 35vh;
    object-fit: fill;
    border-radius: 50%;
  }
  & .caratulas.rre {
    border: 5px solid var(--color-logo-rre);
    margin: 0 auto;
  }

  & .caratulas.rentasf22 {
    border: 5px solid var(--color-logo-rentasf22);
    margin: 0 auto;
  }
  & .caratulas.remu {
    border: 5px solid var(--color-logo-remu);
    margin: 0 auto;
  }
  & .caratulas.dj {
    border: 5px solid var(--color-logo-dj);
    margin: 0 auto;
  }
  & .caratulas.contab {
    border: 5px solid var(--color-logo-contab);
    margin: 0 auto;
  }

  & .separador-columnas-left {
    border-right: 1px solid #a8a8a8;
    padding-right: 2rem;
  }
  & .separador-columnas-right {
    padding-left: 2rem;
  }
  & h4 {
    margin-top: 2rem;
  }
}
.form-control {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.20211834733893552) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  color: #4b4b4b;
  border-radius: 15px;
}

.form-control:focus {
  background-color: transparent;
  transform: scale(1.03);
  border-color: #5e0cd3;
  box-shadow: 0 0.1rem 0 rgb(66 6 129 / 25%);
}

.contenedor-forma_pago {
  background-color: #e2e2e2;
  padding: 1rem 0rem;
  margin: 2rem 0rem;

  box-shadow: 0px 0px 5px 1px var(--color-global-2);
}

.secciones.informacion_tributaria {
  & .modal-body {
    height: 80vh;
    & iframe {
      height: 100%;
      width: 100%;
    }
  }

  & .slider-indicador_economico {
    & h3 {
      margin: 0;
      font-size: 2rem;
      text-transform: uppercase;
      text-align: center;
    }
    & h2 {
      margin: 0;
      font-size: 2rem;
      text-transform: uppercase;
      text-align: center;
    }
  }
  & .titulo_informacion_tributaria {
    & button {
      text-decoration: none;
      font-size: 32px;
      font-weight: bold;
      color: #2c91b7;
      background-color: transparent;
      border: none;
      transition: all 0.3 ease-in-out;
    }
    & p {
      font-size: 14px;
    }
    & button:hover {
      transform: scale(1.1);
      transition: all 0.3 ease-in-out;
      cursor: pointer;
    }
  }
}

nav#nav-usuario {
  padding: 0px !important;
  #contenedor-btn_hamburguesa {
    display: none;
    & span {
      background-color: var(--color-global-4);
      color: #fff;
      padding: 1.5rem;
      border-radius: 50%;
    }
    @media (max-width: 1366px) {
      display: block;
      & #icono-menu-open {
        display: none;
        transition: opacity 0.6s ease;
      }
      & #icono-menu,
      #icono-menu-open {
        cursor: pointer;
      }
      & .material-symbols-sharp {
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #2c0563;
        color: #fff;
        vertical-align: middle;
        text-align: center;
        align-items: center;
        align-self: center;
        align-content: center;
      }
    }
  }
  & #contenedor_nav-right_inferior {
    padding: 0 !important;

    @media (max-width: 1366px) {
      border-top: 1px solid #e0e0e0;
    }
  }
  & .nav-superior {
    padding: 0rem 1rem;
    border-bottom: 1px solid #e0e0e0;
    @media (max-width: 1366px) {
      border-bottom: none;
    }
    & .contendor_nav-right {
      @media (max-width: 1366px) {
        padding-top: 0.5rem;
      }
      & .iconos_navFlotante {
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #2c0563;
        color: #fff;
        line-height: 40px;
        vertical-align: middle;
      }
      & a {
        text-decoration: none;
        background: transparent;
        display: inline-block;
        padding: 0.8rem 1.25rem;
        border: none;
        margin: 0;
        cursor: pointer;
        font-size: 0.9rem;
        font-weight: 600;
        & i {
          color: #fff;
        }
      }
    }
  }
  & #nav_inferior_content {
    @media (min-width: 1366px) {
      display: none !important;
    }
    @media (max-width: 1366px) {
      & ul {
        padding: 0;
        margin: 0;
        & li {
          list-style-type: none;
          padding: 0.5rem 0.5rem;
          border-bottom: 1px solid #e0e0e0;
          & a {
            color: #2c0563;
            font-weight: 600;
            text-decoration: none;
          }
        }
      }
      & #solicite-demo {
        background-color: var(--color-global-5);
        & a {
          color: #fff;
        }
      }
    }
  }
  & #nav_inferior {
    display: block;
    padding: 1rem 2rem;
    @media (max-width: 1366px) {
      display: none;
    }

    & ul {
      margin-bottom: 0;
      text-decoration: none;
      & li {
        margin-left: 1rem;
        background-color: color-mix(in srgb, #ffffff 90%, #020202);
        border-radius: 25px;
        /* padding: 0px 10px; */

        transition: all 0.3s ease-in-out;
        text-decoration: none;
        list-style-type: none;
        & a {
          color: #020202;
        }
      }

      & li:hover {
        background-color: color-mix(in srgb, #ffffff 80%, #020202);
        transition: all 0.3s ease-in-out;
      }

      & li#solicite-demo {
        margin-left: 0;
        background-color: var(--color-global-5);
        & a {
          color: #fff;
        }
      }
    }
  }
}

.w-80 {
  width: 80% !important;
}
#btn_subir {
  position: fixed;
  padding: 5px 0px;
  bottom: 5rem;
  right: 2rem;
  display: none;
  z-index: 9999;
  transform: rotate(90deg);
  & a {
    & span {
      padding: 10px;
      background-color: var(--color-global-3);
      border-radius: 30px;
      color: #fff;
    }
  }

  & a:hover {
    & span {
      transform: scale(1.2);
      background-color: var(--color-global-5);
      color: #fff;
    }
  }
}

.secciones.ofertas {
  & .slick-slide {
    padding: 1rem;
  }
  & .slick-center img {
    transform: translateY(-12px);
    box-shadow: var(--box-shadow-global-hover);
    transition: box-shadow 1s ease-in-out, transform 1.5s ease-in-out;
  }
}

.secciones.detalle_tkt {
  #contenedor-detalletkt_cabecera {
    margin: 2rem 0rem;
    padding: 2rem 2rem;
    background-color: #0000001a;
    border-radius: 25px;
  }

  #contenedor-detalletkt_contenido {
    margin: 2rem 0rem;
    padding: 2rem 2rem;
    background-color: #0000001a;
    border-radius: 25px;
  }
}

& #contenido-biblioteca_tributaria {
  border-radius: 10px 100px 10px 100px;
  margin: 1rem 2rem;
  padding: 20px 60px;
  padding-left: 80px;
  background-color: #f4f4f4;
  border: thick double #5970b2;
  & .ico-biblio_trib {
    @media (width >= 1920px) {
      height: 80%;
    }
    background-color: rgb(27 127 204 / 24%);
    border-radius: 50%;
  }
  & h2 {
    margin-bottom: 0rem;
    padding: 0;
  }
  & #subtitulo-about_us {
    font-style: italic;
    letter-spacing: 5px;
    font-size: 16px;
    /* margin-bottom: 2rem; */
  }

  & #video-biblioteca_tributaria {
    height: 500px;
    align-items: center;
  }

  & iframe {
    border-radius: 15px;
  }

  & .btn-productos {
    background-color: #5971b2b0;
    color: #fff;
  }
  & .btn-productos:hover {
    background-color: #5970b2;
  }

  & .btn-cepet {
    background-color: #5970b2;
  }
  & h2 {
    color: #5970b2;
    margin-bottom: 0;
  }
}
.tablas-biblioteca_tributaria {
  max-width: fit-content;
  & table td {
    padding: 0.5px;
  }
}

#sala_reuniones {
  padding: 1rem 2rem;
  background-color: rgba(82, 48, 126, 0.2); /* Adding transparency */
  border-radius: 50px;
  box-shadow: 0px 9px 20px 1px #00000045;
}
/*! Administración CEPET*/

body.dashboard.administracion {
  & .contenido.administracion {
    height: calc(100vh - (60px + 60px));
    padding: 1rem 0rem;

    & iframe {
      height: 100%;
      width: 100%;
    }
  }

  /* Sidebar */
  & .sidebar {
    height: 100%;
    background-color: #2c0563;
    color: #fff;
  }

  & .sidebar .logo {
    text-align: center;
    margin-bottom: 20px;
  }

  & .sidebar .logo img {
    max-width: 50%;
    height: auto;
  }

  & .sidebar .nav-link {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
  }

  & .sidebar .nav-link:hover,
  .sidebar .nav-link.active {
    background-color: #4e149b;
    color: #fff;
  }

  /* Topbar */
  & .topbar {
    height: 60px;
    background-color: #f8f9fa;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
  }

  & .topbar .menu {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  & .topbar .menu .icon {
    font-size: 1.5rem;
    color: #333;
    cursor: pointer;
  }

  & .topbar .profile {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
  }

  & .topbar .profile img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
  }

  /* Contenido principal */
  &.content-wrapper {
    height: 100%;
    background-color: #fff;
  }

  &.card {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 10px;
    text-align: center;
  }

  &.card h5 {
    font-size: 1.2rem;
    font-weight: bold;
  }

  & .footer.administracion {
    background-color: #f8f9fa;
  }
}

.balloon {
  position: absolute;
  bottom: -100px;
  width: 30px;
  height: 40px;
  background-color: red;
  border-radius: 50% 50% 50% 50%;
  opacity: 0.85;
  animation: float-up 16s linear forwards;
  z-index: 1;
}

.balloon::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: #555;
  transform: translateX(-50%);
  animation: sway 3s infinite ease-in-out;
}

@keyframes float-up {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0.9;
  }
  100% {
    transform: translateY(-110vh) scale(0.9);
    opacity: 0;
  }
}

@keyframes sway {
  0% {
    transform: translateX(-50%) rotate(-5deg);
  }
  50% {
    transform: translateX(-50%) rotate(5deg);
  }
  100% {
    transform: translateX(-50%) rotate(-5deg);
  }
}

.fireworks-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9998;
}

.firework {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 9999;
}

.firework span {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 1;
  transform: scale(0.7);
  animation: explode-particle 2.5s ease-out forwards;
}
@keyframes explode-particle {
  to {
    transform: translate(var(--x), var(--y)) scale(1.5);
    opacity: 0;
  }
}

.bg-software-elegante {
  background-color: #392f56;
}

.card-header.bg-software {
  background-color: var(--color-logo) !important;
}

.color-iconos-botones {
  color: #6a4fa3;
}

.card {
  transition: transform 0.2s ease-in-out;
}

.card:hover {
  transform: translateY(-2px);
}

.btn-group-vertical .btn {
  border-radius: 0.25rem !important;
  margin-bottom: 0.25rem;
}

.badge {
  font-size: 0.75em;
}

.modal-lg {
  max-width: 800px;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.accordion .card-header button {
  text-decoration: none;
  font-weight: 600;
}

.accordion .card-header button:hover {
  text-decoration: none;
  background-color: #f8f9fa;
}

.accordion .card-header button:focus {
  box-shadow: none;
}

.fa-chevron-down,
.fa-chevron-up {
  transition: transform 0.3s ease;
}

.h-100 {
  height: 100% !important;
}

/* Estilos para mejorar el manejo de modales */
.modal-backdrop {
  z-index: 1040;
}

.modal {
  z-index: 1050;
}

.modal-dialog {
  z-index: 1055;
}

/* Asegurar que los modales se cierren correctamente */
body.modal-open {
  overflow: hidden;
}

/* Limpiar modal-backdrop residual */
.modal-backdrop.in {
  opacity: 0.5;
}

/* Asegurar que los iframes no causen problemas */
.modal iframe {
  border: none;
  width: 100%;
  height: 700px;
}

/* Mejorar la transición de modales */
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

.modal.show .modal-dialog {
  transform: none;
}