@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap");

body {
  background: #f3f3f4;
  color: #161616;
  font-family: "Instrument Sans", Arial, Helvetica, sans-serif;
}

p {
  color: #444;
}

h1, h2, h3,
.curso .nombre,
.servicio .nombre,
.navbar-light .navbar-nav .nav-link {
  font-family: "Newsreader", Georgia, serif;
  letter-spacing: -0.02em;
  text-transform: none;
}

.navbar {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  backdrop-filter: none;
  box-shadow: none;
}

.navbar-light .navbar-nav .nav-link {
  font-size: 15px;
  letter-spacing: 0;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  color: #222 !important;
}

.cabecera-carrito-boton {
  background: #161616;
  border-color: #161616;
  color: #fff;
  border-radius: 4px;
}

.cabecera-carrito-total {
  color: #fff;
}

.bloque {
  padding-top: 72px;
  padding-bottom: 72px;
}

.banner1-service1,
.banner1-service-ct {
  background: #fff !important;
  border-bottom: 1px solid #161616;
}

.banner1-service1::before,
.banner1-service-ct::before {
  background: #fff;
}

.curso,
.servicio,
.testimonio,
.panel-oficio,
.nota-equipo {
  border-radius: 4px;
  box-shadow: none;
}

.curso,
.servicio {
  background: #fff !important;
  border: 1px solid #e4e4e4 !important;
  border-top: 2px solid #ff1919 !important;
}

.curso-ancla,
.curso-lienzo,
.curso-reticula,
.curso-faro,
.curso-brujula,
.curso-umbral,
.curso-aurora,
.curso-norte,
.curso-lexema {
  background: #fff !important;
}

.curso-ancla .curso-icono,
.curso-lienzo .curso-icono,
.curso-reticula .curso-icono,
.curso-faro .curso-icono,
.curso-brujula .curso-icono,
.curso-umbral .curso-icono,
.curso-aurora .curso-icono,
.curso-norte .curso-icono,
.curso-lexema .curso-icono {
  color: #333 !important;
}

.curso-tarjeta {
  padding: 24px 20px 20px;
}

.curso:hover,
.curso:focus-within {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.btn-primary,
.btn-banner2,
.opciones-compra button,
.menu-oficios button,
.filtro-duracion,
.vaciar-carrito,
.ver-curso,
.idioma,
.act-idioma {
  border-radius: 4px !important;
}

.filtro-duracion {
  border-color: #cfcfcf !important;
  color: #222 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.filtro-duracion:hover,
.filtro-duracion:focus {
  border-color: #161616 !important;
  color: #161616 !important;
}

.filtro-duracion[aria-pressed="true"] {
  background: #161616 !important;
  border-color: #161616 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.marca-oficio {
  border-radius: 6px;
  background: #161616;
  box-shadow: none;
}

.menu-oficios button[aria-selected="true"] {
  background: #161616 !important;
  border-color: #161616 !important;
  color: #fff !important;
  box-shadow: none;
}

.bloque-claro {
  background: #ececed !important;
}

.nota-equipo,
.testimonio,
.panel-oficio,
.entrada-caja,
.formas-pago,
.personalizado-caja {
  border-color: #e4e4e4 !important;
  background: #fff !important;
}

.curso-duracion {
  background: #f5f5f5 !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 4px !important;
  color: #222 !important;
}

.curso-duracion-label {
  color: #666 !important;
}

.curso-duracion-ico,
.curso-duracion strong,
.lema-cierre em {
  color: #ff1919 !important;
}

.lema-inicio {
  color: #222 !important;
}

.lema-linea {
  color: #333 !important;
  font-style: normal !important;
}

.lema-cierre {
  color: #161616 !important;
}

.lema-marca {
  background: #ff1919 !important;
  border-radius: 0 !important;
}

.aviso-ia,
.aviso-anadido,
.aviso-cookies {
  background: #f5f5f5 !important;
  border-left-color: #ff1919 !important;
  color: #333 !important;
}

.formas-pago {
  background: #fff !important;
  border-color: #e4e4e4 !important;
  border-radius: 4px !important;
}

.formas-pago-lista li {
  background: #f7f7f7 !important;
  border-color: #e4e4e4 !important;
  border-radius: 4px !important;
}

.pago-icono {
  background: #fff !important;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  color: #161616 !important;
}

.formas-pago-titulo {
  color: #666 !important;
}

.idioma,
.act-idioma {
  border-color: #d0d0d0 !important;
}

.footer {
  background: #fff;
  border-top: 2px solid #161616;
}

.footer2 {
  border-top: 1px solid #e4e4e4;
}

@media (max-width: 991.98px) {
  .cabecera-carrito {
    order: 1;
    margin-left: 12px;
    margin-right: auto;
  }

  .navbar-toggler {
    order: 3;
  }

  .navbar-collapse {
    order: 4;
  }
}