/* Estilos generales */

/* Tipografia */

body {
  font-weight: 400;
  overflow-x: hidden;
}

strong {
  font-weight: 600;
}

p {
  padding-bottom: 0;
}

:is(h1, h2, h3, h4, h5, h6) {
  padding-bottom: 0;
  text-align: left;
}

p + p {
  margin-top: 1em;
}

:is(h1, h2, h3) + p {
  margin-top: clamp(1em, 0.25em + 3.2vw, 1.25em);
}

:is(h4, h5, h6) + p {
  margin-top: 1em;
}

p + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: clamp(1em, 0.25em + 3.2vw, 1.25em);
}

h2 + h3 {
  margin-top: 0.25em;
}

h3 {
  text-decoration-thickness: 0.1rem !important;
  text-underline-position: under;
}

.et_pb_text h2 a {
  text-decoration: none;
}

@media (width < 676px) {
  .enlace-de-2-lineas-en-movil h3 {
    text-decoration-thickness: unset !important;
    text-underline-position: unset;
    line-height: 1.6 !important;
  }
}

/* Tamaños de fuente  */

.fuente-h1 {
  font-size: clamp(1.9rem, 1.2486rem + 2.7793vw, 3.75rem) !important;
}

.fuente-h2 {
  font-size: clamp(1.5rem, 1.1479rem + 1.5023vw, 2.5rem) !important;
}

.fuente-h3 {
  font-size: clamp(1.25rem, 0.9859rem + 1.1268vw, 2rem) !important;
}

.fuente-h4 {
  font-size: clamp(1.12rem, 0.8982rem + 0.9465vw, 1.75rem) !important;
}

.fuente-h5 {
  font-size: clamp(1.06rem, 0.9051rem + 0.661vw, 1.5rem) !important;
}

.fuente-h6 {
  font-size: clamp(1.03rem, 0.9525rem + 0.3305vw, 1.25rem) !important;
}

.fuente-p {
  font-size: clamp(1rem, 0.9577rem + 0.1803vw, 1.12rem) !important;
}

/* Botones */

.et_pb_button {
  text-align: center;
}

.boton-pequeno {
  width: min(20rem, 100%);
}

.boton-mediano {
  width: min(26.875rem, 100%);
}

.boton-grande {
  width: min(36rem, 100%);
}

.boton-ancho-total {
  width: 100%;
}

a.et_pb_button {
  text-decoration: none !important;
}

@media (width < 667px) {
  .boton-ancho-total-en-moviles {
    width: 100%;
  }
}

/* Resetear layout de pagina predeterminado */

/* Eliminar barra lateral */
#sidebar {
  display: none;
}

/* Eliminar línea delgada */
#main-content .container:before {
  background: none;
}

/* Hacer que el contenido tenga un ancho del 100% */
@media (min-width: 981px) {
  #left-area {
    width: 100%;
    padding-right: 0px !important;
  }
}

/* No underline */

.no-underline {
  a,
  a:hover,
  &.a,
  &.a:hover {
    text-decoration: none !important;
  }
}