/*	style.css	*/
html:not(.lang-ready) body {
	visibility: hidden;
}

body {	
	font-family: Arial, sans-serif;
	background-color: #f5f5f5;
	margin: 0;
	color: #333;
	padding-top: 70px;
}

h1 {
	color: #F4A020;
}

h2 {
	color: #1f3c88;
	font-weight: normal;
}

h3 {
	color: #1f3c88;
	font: 19px;
}

p {
	max-width: 600px;
}
a:hover,
button:hover {
	transform: translateY(-2px);
	transition: transform 0.1s ease;
}
a[href^="tel"],
a[href^="mailto"] {
	text-decoration: none;
	color: inherit;
}
a[href^="tel"]:hover,
a[href^="mailto"]:hover {
	opacity: 0.60;
}
ul {
	list-style: none;
	padding: 0;
}

li {
	margin-bottom: 5px;
}
.main-content {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}
.tools {
	list-style-type: circle;
	list-style-position: inside;
	padding: 0;
	text-align: center;
}
#profile-picture {
	display: block;
	margin: 20px auto;
	border: 3px solid #1f3c88;
	border-radius: 150px;
	height: 400px;
	width: 300px;
}
#visit-counter {
	position: fixed;
	right: 12px;
	bottom: 12px;
	
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 8px;
	background: rgba(0,0,0,0.06);
	color: #555;
	opacity: 0.6;
}
.flag {
	border-radius: 100px;
	width: 25px;
	height: auto;
	display: block;
}

/* ===== Sección Idiomas ===== */
.language {
  margin-top: 15px;
}

.language span {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}

.bar {
  background: #ddd;
  border: 2px solid #000;
  height: 18px;
  border-radius: 4px;
  overflow: hidden;
}

.progress {
  height: 100%;
  background: #4caf50;
  transition: width 1.2s ease;
}

/* ===== Logros ===== */
.achievements-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.achievements-list li {
  margin-bottom: 15px;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ===== CUSTOM CURSORS CLEAN VERSION ===== */

/* Cursor principal */
body {
  cursor: url("../cursors/normal.cur"), auto;
}

/* Links reales */
a,
button,
#moon-sun-icon,
#download-cv,
#current-lang,
.lang-selector,
.lang-menu .lang-option {
  cursor: url("../cursors/link.cur"), pointer;
}

/* Asegurar que hijos del botón usen el mismo cursor */
a *, button *, #current-lang *, .lang-option * {
  cursor: inherit;
}

/* Campos de texto */
input,
textarea {
  cursor: url("../cursors/text.cur"), text;
}

/* Opciones de idioma deshabilitadas */
.lang-menu .lang-option-disabled {
  cursor: url("../cursors/unavailable.cur"), not-allowed;
}

/* Botones deshabilitados */
button:disabled {
  cursor: url("../cursors/unavailable.cur"), not-allowed;
}

/* Elementos con title */
[title] {
  cursor: url("../cursors/help.cur"), help;
}

/*	SECTION BOX BASE:	*/
.section-box {
	border: 3px solid #000;
	padding: 25px;
	margin: 40px 0;
	background-color: #ffffff;
	box-shadow: 6px 6px 0px #000;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.section-box:hover {
	transform: translate(-4px, -4px);
	box-shadow: 10px 10px 0px #000;
	}


/*HONEYPOT*/
.honeypot {
	position: absolute;
	left: -9999px;
	opacity: 0;
	pointer-events: none;
}