/*
Theme Name: DNO Theme
Theme URI: https://dno.com/
Author: Daniel Leyva 
Description: Tema WordPress para DNO 2.0 2025
Version: 1.0
*/

:root {
  --dno: #ea286e;
  --bdblanco: #ededed;
  --bdhight: #01f0ff;
  --bdgray: #444444;
}
html,
body {
  background-color: var(--dno);
  font-family: "Montserrat", Arial, sans-serif;
  color: #313131;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
  margin-top: 0;
}

a {
  color: var(--bdblanco);
}

.container {
  max-width: 75rem;
}
/* Reset básico */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.f-s1 {
  font-size: 1rem;
}
.f-s1h {
  font-size: 1.5rem;
}
.f-s2 {
  font-size: 2rem;
}
.f-s2h {
  font-size: 2.5rem;
}
.f-s3 {
  font-size: 3rem;
}
.f-s3h {
  font-size: 3.5rem;
}
.f-s4 {
  font-size: 4rem;
}
.f-s4h {
  font-size: 4.5rem;
}
.f-w {
  color: var(--bdblanco) !important;
}
.f-blue {
  color: var(--dno) !important;
}
.f-hl{
color: var(--bdhight) !important;
}
.f-g{
  color: var(--bdgray) !important;
}
.f-poppins {
  font-family: "Poppins", Arial, sans-serif !important;
}
.f-inter {
  font-family: "Inter", Arial, sans-serif !important;
}
.f-archivo {
  font-family: "Archivo", Arial, sans-serif !important;
}
.f-barlow {
  font-family: "Barlow", Arial, sans-serif !important;
}
.f-montserrat {
  font-family: "Montserrat", Arial, sans-serif !important;
}
.f-light {
  font-weight: 300 !important;
}
.f-normal {
  font-weight: 400 !important;
}
.f-medium {
  font-weight: 500 !important;
}
.f-semibold {
  font-weight: 600 !important;
}
.f-bold {
  font-weight: 700 !important;
}
.f-black {
  font-weight: 900 !important;
}
.f-stroke-blue {
  -webkit-text-stroke: 1px var(--dno) !important;
  color: transparent !important;
}
.f-stroke-white {
  -webkit-text-stroke: 0.5px var(--bdblanco) !important;
  color: transparent !important;
}


.bg-b{
  background-color: var(--dno);
}

.bg-w{
  background-color: var(--bdblanco);
}
.bg-h{
  background-color: var(--bdhight);
}
.bg-g{
  background-color: var(--bdgray);
}