/*
Theme Name: Agencia Cero Siete
Theme URI: https://agenciacerosiete.com
Author: Agencia Cero Siete
Description: Child theme de Astra para Agencia Cero Siete (Marketing Digital y Automatización IA, Guatemala).
Template: astra
Version: 1.1.0
Text Domain: acs
*/

:root {
	--acs-red: #FA0000;
	--acs-red-hover: #D10000;
	--acs-navy: #04043A;
	--acs-navy-hover: #0A0A55;
	--acs-maroon: #8C0300;
	--acs-bg-light: #F5F5F5;
	--acs-text: #1A1A1A;
	--acs-border: #E2E2E2;
	--acs-font-heading: 'Montserrat', sans-serif;
	--acs-font-body: 'Inter', sans-serif;
}

body {
	font-family: var(--acs-font-body);
	color: var(--acs-text);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
	font-family: var(--acs-font-heading);
	font-weight: 800;
	color: var(--acs-navy);
}

a {
	color: var(--acs-navy);
}

a:hover,
a:focus {
	color: var(--acs-red);
}

/* Oculta el título automático en la portada (el hero ya trae su propio H1) */
.home .entry-title {
	display: none;
}

/* Header */
.site-header,
.ast-above-header,
.main-header-bar {
	background-color: #fff;
	border-bottom: 1px solid var(--acs-border);
}

/* Logo y encabezado más compactos */
.site-header .custom-logo-link img,
.ast-site-identity img {
	max-height: 64px !important;
	width: auto !important;
}

.main-header-bar {
	padding-top: 4px;
	padding-bottom: 4px;
}

.site-header .ast-site-identity {
	padding: 0;
}

.site-header .site-title {
	font-size: 1rem;
}

.site-header .site-title a {
	line-height: 1.1;
}

.main-header-bar .main-navigation ul li > a {
	font-weight: 600;
	color: var(--acs-navy);
}

.main-header-bar .main-navigation ul li > a:hover,
.main-header-bar .main-navigation ul.ast-menu-shrink li:hover > .menu-link {
	color: var(--acs-red);
}

.ast-mobile-menu-buttons-minimal .ast-mobile-menu-trigger-outline .astra-icon {
	color: var(--acs-navy);
}

/* Botones / CTAs */
.button,
.ast-button,
button,
input[type="submit"],
.wp-block-button__link,
.acs-whatsapp-button {
	background-color: var(--acs-red);
	border: none;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 700;
	font-family: var(--acs-font-heading);
	padding: 0.9em 1.8em;
	text-decoration: none !important;
	display: inline-block;
}

.button:hover,
.ast-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.acs-whatsapp-button:hover {
	background-color: var(--acs-red-hover);
	color: #fff !important;
}

/* Botón secundario (outline, sobre fondos oscuros) */
.acs-button-outline {
	display: inline-block;
	background-color: transparent !important;
	border: 2px solid #fff !important;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 700;
	font-family: var(--acs-font-heading);
	padding: 0.8em 1.7em;
	text-decoration: none !important;
}

.acs-button-outline:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: var(--acs-navy) !important;
}

/* Secciones */
.acs-section-light {
	background-color: var(--acs-bg-light);
}

.acs-section-navy {
	background-color: var(--acs-navy);
	color: #fff;
}

.acs-section-navy h1,
.acs-section-navy h2,
.acs-section-navy h3,
.acs-section-navy p {
	color: #fff;
}

.acs-divider {
	width: 60px;
	height: 4px;
	background-color: var(--acs-maroon);
	border: none;
	margin: 0.5em 0 1.2em;
}

.acs-divider.acs-divider-center {
	margin-left: auto;
	margin-right: auto;
}

/* Tarjetas de servicio / testimonio */
.acs-card {
	background-color: #fff;
	border: 1px solid var(--acs-border);
	border-radius: 10px;
	padding: 2rem;
}

.acs-card h3 {
	color: var(--acs-navy);
}

.acs-price-tag {
	display: inline-block;
	color: var(--acs-red);
	font-family: var(--acs-font-heading);
	font-weight: 800;
	font-size: 1.4rem;
}

/* Footer */
.site-footer,
.ast-small-footer,
footer.site-footer {
	background-color: var(--acs-navy);
	color: #fff;
}

.site-footer a,
.ast-small-footer a {
	color: #fff;
}

.site-footer a:hover,
.ast-small-footer a:hover {
	color: var(--acs-red);
}

.site-footer .widget-title {
	color: #fff;
	font-family: var(--acs-font-heading);
}

/* ===== Landing sin menú (tráfico de anuncios) ===== */
.acs-landing-page {
	margin: 0;
	font-family: var(--acs-font-body);
	color: var(--acs-text);
}

.acs-landing-header {
	background-color: #fff;
	border-bottom: 1px solid var(--acs-border);
	padding: 14px 0;
	text-align: center;
}

.acs-landing-header img {
	max-height: 56px;
	width: auto;
}

.acs-landing-logo-text {
	font-family: var(--acs-font-heading);
	font-weight: 800;
	font-size: 1.3rem;
	color: var(--acs-navy);
}

.acs-landing-footer {
	text-align: center;
	padding: 2rem 1.5rem;
	color: #777;
	font-size: 0.85rem;
}

/* Pasos numerados */
.acs-step {
	text-align: center;
	flex: 1;
	min-width: 220px;
}

.acs-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--acs-red);
	color: #fff;
	font-family: var(--acs-font-heading);
	font-weight: 800;
	font-size: 1.3rem;
	margin-bottom: 1rem;
}

/* Lista de dolores/beneficios con check o cruz */
.acs-check-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.acs-check-list li {
	padding: 0.6rem 0 0.6rem 2rem;
	position: relative;
	border-bottom: 1px solid var(--acs-border);
}

.acs-check-list li:last-child {
	border-bottom: none;
}

.acs-check-list li::before {
	content: "✕";
	position: absolute;
	left: 0;
	color: var(--acs-red);
	font-weight: 700;
}

/* FAQ */
.acs-faq-item {
	border-bottom: 1px solid var(--acs-border);
	padding: 1.2rem 0;
}

.acs-faq-item h3 {
	margin: 0 0 0.5rem;
	font-size: 1.1rem;
}

/* Botón flotante de WhatsApp */
.acs-whatsapp-float {
	position: fixed;
	bottom: 24px;
	right: 24px;
	background-color: #25D366;
	color: #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	z-index: 9999;
	text-decoration: none;
}

.acs-whatsapp-float:hover {
	background-color: #1DA851;
	color: #fff;
}