/*
 Theme Name:   Sentence War
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Katodica Estudio
 Author URI:   http://example.com
 Template:     salient
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  salient
*/

html {
	font-size: 62.5%; /* 62.5% de 16px = 10px base */
	font-family: Nunito Sans, sans-serif;
	color: #222;
}

body {
	color: #222;
}

p  {
	font-size: 1.6rem;
	line-height: 2.2rem;
}

:root {
  /* Escala tipográfica fluida con clamp() */
  --text-h1: clamp(2.5rem, 5vw + 1rem, 5rem);
  --text-h2: clamp(2rem, 4vw + 1rem, 4.5rem);
  --text-h3: clamp(1.75rem, 3vw + 1rem, 3.5rem);
  --text-h4: clamp(2rem, 0.75vw + 1rem, 2.5rem);
	
  --color-primario: #A65C1B;    /* Marrón / Óxido */
  --color-secundario: #EEB123;  /* Amarillo / Dorado */
  --color-oscuro: #031B36;      /* Azul Marino Oscuro */
  --color-acentuado: #5A8A1D;   /* Verde Oliva / Naturaleza */
}

h1, h2, h3, h4, h5, h6 {
	color: inehri;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
}

h1	{ font-size: var(--text-h1); line-height: 1.1; font-family: "Palanquin Dark", sans-serif; text-transform: uppercase;  font-weight: 700;  color: inherit; }
h2	{ font-size: var(--text-h2); line-height: 1.1; font-family: "Palanquin Dark", sans-serif; text-transform: uppercase; font-weight: 700;  color: inherit;}
h3	{ font-size: var(--text-h3); line-height: 1.1; font-family: "Palanquin Dark", sans-serif; text-transform: uppercase; font-weight: 700;  color: inherit; }
h4	{ font-size: var(--text-h4); line-height: 1.1; font-family: "Palanquin Dark", sans-serif; text-transform: uppercase; font-weight: 700;  color: inherit; }
h5	{ font-size: 2.2rem; line-height: 2.6rem; font-family: "Roboto", sans-serif font-weight: 400;  color: inherit; }
h6	{ font-size: 1.6rem; line-height: 3.25rem; font-family: "Roboto", sans-serif font-weight: 400;  color: inherit; }
	
.txt-primario {
	color: var(--color-primario) !important;
}

.txt-secundario {
	color: var(--color-secundario) !important;
}

.txt-oscuro {
	color: var(--color-oscuro) !important;
}

.txt-acentuado {
	color: var(--color-acentuado) !important;
}


.white p {
	color: white;
}

.white h1 {
	color: white;
}

.white h5 {
	color: white;
}


/* Estado normal del botón */
	.btn-sw {
		transition: all 0.4s ease-in-out !important;
		margin-top: 3rem;
	}

/* Efecto al pasar el ratón (Mouse Over) */
	.btn-sw:hover {
		transform: translateY(-4px); /* Lo eleva sutilmente */
	}

	.max-ch   {
		max-width: 40ch;
	}


.txt-pad  {
	padding: 10px 10px 15px;
	}

.white-creditos {
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: white:
}

#footer-outer #copyright p {
    font-size: 0.9em;
}



@media (max-width: 800px) {
	.btn-sw {
		min-width:100%;
		text-align: center;
	}
}