/*
 * Nevra — Custom Theme Override
 * Palette: #abea07, #85d71a, #030202, #caf764
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');

/* Base */
body {
	background: #030202;
}

body, input, select, textarea {
	font-family: 'Inter', 'Source Sans Pro', sans-serif;
	color: rgba(255, 255, 255, 0.85);
}

/* Accent color for links */
a {
	border-bottom-color: rgba(171, 234, 7, 0.4);
}

a:hover {
	color: #abea07;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
}

h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
	border-bottom-color: #abea07;
}

h3 {
	color: #abea07;
	margin-top: 1.5rem;
}

strong, b {
	color: #caf764;
}

/* Header */
#header .logo {
	border-color: #abea07;
	overflow: hidden;
	width: 8.5rem;
	height: 8.5rem;
	line-height: 8.5rem;
}

#header > *:before {
	background: linear-gradient(to bottom, #abea07, #85d71a);
}

#header .content {
	border-color: rgba(171, 234, 7, 0.4);
}

#header .content p {
	color: rgba(255, 255, 255, 0.6);
}

#header h1 {
	letter-spacing: 0.6rem;
}

/* Nav */
#header nav ul {
	border-color: rgba(171, 234, 7, 0.5);
}

#header nav ul li {
	border-left-color: rgba(171, 234, 7, 0.5);
}

#header nav ul li a:hover {
	background-color: rgba(171, 234, 7, 0.1);
	color: #abea07;
}

#header nav ul li a:active {
	background-color: rgba(171, 234, 7, 0.2);
}

/* Articles */
#main article {
	background-color: rgba(3, 2, 2, 0.92);
	border: 1px solid rgba(171, 234, 7, 0.15);
}

#main article ol {
	padding-left: 1.5em;
}

#main article ol li {
	margin-bottom: 0.75rem;
	line-height: 1.8;
}

/* Form */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
	border-color: rgba(171, 234, 7, 0.4);
	color: #ffffff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
	border-color: #abea07;
	box-shadow: 0 0 0 1px #abea07;
	background: rgba(171, 234, 7, 0.05);
}

label {
	color: rgba(255, 255, 255, 0.7);
}

/* Buttons */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
	background-color: #abea07;
	color: #030202 !important;
	font-weight: 600;
	box-shadow: none;
}

input[type="submit"].primary:hover,
.button.primary:hover {
	background-color: #85d71a;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	box-shadow: inset 0 0 0 1px rgba(171, 234, 7, 0.5);
	color: #abea07 !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
	background-color: rgba(171, 234, 7, 0.1);
}

/* Icons */
ul.icons li a {
	box-shadow: inset 0 0 0 1px rgba(171, 234, 7, 0.5);
	color: #abea07;
}

ul.icons li a:hover {
	background-color: rgba(171, 234, 7, 0.15);
	color: #caf764;
}

/* Close button */
#main article .close:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cstyle%3Eline %7B stroke: %23abea07%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
}

#main article .close:hover:before {
	background-color: rgba(171, 234, 7, 0.1);
}

/* Background overlay */
#bg:before {
	background-image: linear-gradient(to top, rgba(3, 2, 2, 0.7), rgba(3, 2, 2, 0.5)), url("../../images/overlay.png");
}

body.is-preload #bg:before {
	background-color: #030202;
}

/* Footer */
#footer .copyright {
	color: rgba(171, 234, 7, 0.4);
}

/* Blockquote accent */
blockquote {
	border-left-color: #abea07;
}

/* Selection */
::selection {
	background: rgba(171, 234, 7, 0.3);
	color: #ffffff;
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: #030202;
}

::-webkit-scrollbar-thumb {
	background: #85d71a;
	border-radius: 3px;
}

/* Valores grid */
.valores-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.valor-item h4 {
	color: #abea07;
	font-size: 0.75rem;
	letter-spacing: 0.15rem;
	margin-bottom: 0.5rem;
}

.valor-item h4 .icon {
	margin-right: 0.4rem;
	color: #85d71a;
}

.valor-item p {
	font-size: 0.85rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 0;
}

@media screen and (max-width: 736px) {
	.valores-grid {
		grid-template-columns: 1fr;
	}
}

/* Servicios toggle */
.servicio-item {
	margin-bottom: 1.5rem;
}

.servicio-toggle {
	font-size: 0.8rem;
	color: #85d71a !important;
	border-bottom: none !important;
	cursor: pointer;
}

.servicio-toggle:hover {
	color: #caf764 !important;
}

.servicio-detalle {
	display: none;
	margin-top: 0.75rem;
	padding-left: 0.5rem;
	border-left: 2px solid rgba(171, 234, 7, 0.3);
}

.servicio-detalle.active {
	display: block;
}

/* Form status messages */
#form-status {
	margin-bottom: 1rem;
	padding: 0;
	font-size: 0.9rem;
}

#form-status.form-success {
	color: #abea07;
}

#form-status.form-error {
	color: #ff4444;
}

/* Mobile nav adjustments */
@media screen and (max-width: 480px) {
	#header nav ul li {
		border-top-color: rgba(171, 234, 7, 0.5);
	}
}