/* =====================================================================
   Pepeflycast – Ajustes visuales
   Paleta: verde #164036 · verde medio #2f7d62 · arena #d3cc96 · crema #f4f3ee
   ===================================================================== */

/* 1. Variables del tema: se reemplazan los azules por la paleta del sitio */
html:root {
	--title-color: #164036;      /* antes azul marino #010f30 */
	--body-color: #4a5a54;       /* antes gris azulado #364863 */
	--secondary-color: #2f7d62;  /* antes celeste #37afe3 */
	--theme-color2: #2f7d62;     /* antes celeste #37afe3 */
	--smoke-color: #f4f3ee;      /* antes celeste claro #ecf5fb */
	--border-color: #d3cc96;     /* antes azul #85b7fe */
}

/* Texto general un poco más oscuro para que se lea mejor (antes #7a7a7a) */
body[class*="elementor-kit-"] {
	--e-global-color-text: #56645e;
}

/* 2. Mayúsculas: el tema ponía Mayúscula En Cada Palabra.
      Ahora se respeta el texto tal cual se escribe, con la primera letra en mayúscula. */
body :is(h1, h2, h3, h4, h5, h6, p, a, span, li, button, label, div, strong, em, td, th, input) {
	text-transform: none !important;
}
body :is(h1, h2, h3, h4, h5, h6, .vs-btn, .media-title, .widget_title, .service-text, .hero-text)::first-letter {
	text-transform: uppercase;
}

/* 3. Barra superior del encabezado (dirección, email y redes sobre verde) */
.header-links,
.header-links li,
.header-links a {
	color: #e9e6d4 !important;
}
.header-links a:hover { color: #d3cc96 !important; }
.elementor-location-header .elementor-social-icon,
[data-elementor-type="wp-post"] .elementor-social-icon {
	color: #e9e6d4;
}

/* 4. Fondos y superposiciones que eran azul marino */
.hero-bg::before {
	background-color: rgba(12, 38, 32, 0.6) !important;
}
.blog-meta2,
.blog-date {
	background-color: rgba(22, 64, 54, 0.92) !important;
}
.contact-info-box {
	background-color: #164036 !important;
}
.actions-btn {
	background-color: rgba(22, 64, 54, 0.6) !important;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
	background-color: #164036 !important;
}

/* 5. Tarjetas de productos de la portada: la "pincelada" azul pasa a verde */
.product-img2 {
	background-color: #164036;
	-webkit-mask: url(/wp-content/themes/marino/assets/img/shop-bg-shep.svg) center / 100% 100% no-repeat;
	mask: url(/wp-content/themes/marino/assets/img/shop-bg-shep.svg) center / 100% 100% no-repeat;
}
.product-img2 img { opacity: 0; }
.product-style2 .product-content {
	padding-left: 34px;
	padding-right: 34px;
}
.product-style2 .product-title {
	overflow-wrap: anywhere;
	line-height: 1.3;
}

/* 6. Datos del autor y comentarios en tarjetas de noticias (eran color arena sobre blanco) */
.blog-meta a,
.blog-meta span {
	color: #56645e !important;
}
.blog-meta a i,
.blog-meta span i {
	color: #2f7d62 !important;
}

/* 7. Pasos de "Cuidar la naturaleza" (Nosotros) y datos de Contacto:
      el tema los ocultaba en pantallas de menos de 1400 px */
.working_step .media-body,
.contact-info-box .media-body {
	display: block !important;
}
.working_step .media-style2 .number {
	background-color: #d3cc96 !important;
	color: #164036 !important;
}
.working_step .media-title { color: #164036; }
.working_step .media-text { color: #4a5a54; }
.contact-info-box,
.contact-info-box .media-title,
.contact-info-box h3,
.contact-info-box p,
.contact-info-box a {
	color: #f4f3ee !important;
}
.contact-info-box a:hover { color: #d3cc96 !important; }

/* 8. Selector de cantidad del producto y pestañas */
.quantity .qut-btn,
.quantity .quantity-plus,
.quantity .quantity-minus,
.qty-btn {
	background-color: #164036 !important;
	border-color: #164036 !important;
	color: #fff !important;
}
.woocommerce-tabs .nav-link.active,
.product-tab-style1 .nav-link.active {
	color: #164036 !important;
}

/* 9. Etiquetas de títulos de sección (subtítulos) con mejor contraste */
.sec-subtitle { font-weight: 600; }

/* 10. Accesibilidad: foco visible al navegar con teclado */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #2f7d62;
	outline-offset: 2px;
}

/* 11. Contador "0 comentarios" en tarjetas de noticias: los comentarios están cerrados */
.blog-meta a:has(.fa-comment-dots),
.blog-meta a:has(.fa-comments) {
	display: none !important;
}

/* 12. Pie de página: enlace del copyright legible y márgenes laterales */
.copyright-text a {
	color: #164036 !important;
	font-weight: 600;
}
.elementor-599 .elementor-element-fac998e {
	padding-left: 24px;
	padding-right: 90px; /* deja lugar al botón flotante de WhatsApp */
}
@media (max-width: 767px) {
	.elementor-599 .elementor-element-fac998e { padding-right: 24px; padding-bottom: 70px; }
}