/**
 * CSS personalizado para tema Salient - CuencaVerde
 * Basado en el manual de marca CuencaVerde2025
 */

/* Declaración de variables con los colores de la marca */
:root {
  /* Colores principales según manual */
  --cuencaverde-dark-blue: #0D1B26; /* hex: 0D1B26, rgb: 13 27 38, cmyk: 96 78 54 73 */
  --cuencaverde-blue: #006581;      /* hex: 006581, rgb: 0 101 129, cmyk: 89 45 33 18 */
  --cuencaverde-light-blue: #008EBB; /* hex: 008EBB, rgb: 0 142 187, cmyk: 80 28 14 2 */
  --cuencaverde-sky-blue: #57BCD1;  /* hex: 57BCD1, rgb: 87 188 209, cmyk: 63 3 18 0 */
  --cuencaverde-lime: #6FC134;      /* hex: 6FC134, rgb: 111 193 52, cmyk: 60 0 93 0 */
  --cuencaverde-green: #00933B;     /* hex: 00933B, rgb: 0 147 59, cmyk: 84 13 99 2 */
  --cuencaverde-dark-green: #3D8643; /* hex: 3D8643, rgb: 61 134 67, cmyk: 78 24 90 9 */
  --cuencaverde-white: #FFFFFF;     /* hex: FFFFFF, rgb: 255 255 255, cmyk: 0 0 0 0 */
}

/* Importar fuentes personalizadas */
@font-face {
  font-family: 'Foco';
  src: url('fonts/FocoBold.woff2') format('woff2'),
       url('fonts/FocoBold.woff') format('woff'),
       url('fonts/FocoBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Polly Rounded';
  src: url('fonts/PollyRounded.woff2') format('woff2'),
       url('fonts/PollyRounded.woff') format('woff'),
       url('fonts/PollyRounded.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Sobreescribir colores principales del tema Salient */

/* Elementos de texto */
body, html, p, .content-inner {
  color: var(--cuencaverde-dark-blue);
  font-family: 'Polly Rounded', sans-serif;
}

h1, h2, h3, h4, h5, h6, .nectar-button, .nectar-milestone .number, .nectar-fancy-box .link-text, 
.toggle h3 a, .tabbed > ul li a, .pricing-table .heading-text {
  font-family: 'Foco', sans-serif;
  font-weight: bold;
  color: var(--cuencaverde-blue);
}

/* Links y botones */
a {
  color: var(--cuencaverde-light-blue);
}

a:hover {
  color: var(--cuencaverde-blue);
}

.nectar-button.regular-button {
  background-color: var(--cuencaverde-green) !important;
}

.nectar-button.see-through, .nectar-button.see-through-2 {
  border-color: var(--cuencaverde-green) !important;
  color: var(--cuencaverde-green) !important;
}

.nectar-button.see-through:hover, .nectar-button.see-through-2:hover {
  background-color: var(--cuencaverde-green) !important;
  color: var(--cuencaverde-white) !important;
}

/* Header y menú de navegación */
#header-outer, #header-space {
  background-color: var(--cuencaverde-white);
}

#header-outer #top nav > ul > li > a {
  color: var(--cuencaverde-dark-blue);
  font-family: 'Foco', sans-serif;
  font-weight: bold;
}

#header-outer #top nav > ul > li > a:hover, 
#header-outer #top nav > ul > li.current-menu-item > a,
#header-outer #top nav > ul > li.current_page_item > a {
  color: var(--cuencaverde-green) !important;
}

/* Elementos de destaque */
.nectar-highlight {
  color: var(--cuencaverde-lime);
}

/* Fondos y secciones */
.row-bg-color-dark {
  background-color: var(--cuencaverde-dark-blue) !important;
}

.row-bg-color-blue {
  background-color: var(--cuencaverde-blue) !important;
}

.row-bg-color-light-blue {
  background-color: var(--cuencaverde-light-blue) !important;
}

.row-bg-color-sky-blue {
  background-color: var(--cuencaverde-sky-blue) !important;
}

.row-bg-color-lime {
  background-color: var(--cuencaverde-lime) !important;
}

.row-bg-color-green {
  background-color: var(--cuencaverde-green) !important;
}

.row-bg-color-dark-green {
  background-color: var(--cuencaverde-dark-green) !important;
}

/* Texto sobre fondos oscuros */
.row-bg-color-dark *, .row-bg-color-blue *, .row-bg-color-light-blue *,
.row-bg-color-green *, .row-bg-color-dark-green * {
  color: var(--cuencaverde-white);
}

/* Footer */
#footer-outer {
  background-color: var(--cuencaverde-dark-blue);
}

#footer-outer .widget h4, #footer-outer .col .widget_recent_entries span, 
#footer-outer .col .recent_posts_extra_widget .post-widget-text span {
  color: var(--cuencaverde-sky-blue) !important;
  font-family: 'Foco', sans-serif;
  font-weight: bold;
}

#footer-outer, #footer-outer a:not(.nectar-button) {
  color: var(--cuencaverde-white) !important;
}

/* Formularios */
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], 
input[type=search], input[type=date], .material.woocommerce-page[data-form-style="default"] input#coupon_code {
  border-color: var(--cuencaverde-blue);
}

input[type=submit], button[type=submit] {
  background-color: var(--cuencaverde-green) !important;
  font-family: 'Foco', sans-serif;
  font-weight: bold;
}

/* Pestañas y acordeones */
.tabbed > ul li a.active-tab {
  background-color: var(--cuencaverde-light-blue) !important;
  color: var(--cuencaverde-white) !important;
}

.toggle h3 a {
  background-color: var(--cuencaverde-sky-blue);
  color: var(--cuencaverde-white);
}

/* Iconos */
.icon-tiny[class^="icon-"] {
  color: var(--cuencaverde-green);
}

/* Cajas y elementos destacados */
.nectar-fancy-box .box-bg:after {
  background-color: var(--cuencaverde-blue);
}

.nectar-highlighted-text em {
  background-image: linear-gradient(to right, var(--cuencaverde-lime) 0%, var(--cuencaverde-green) 100%);
}

/* Carruseles y sliders */
.swiper-slide .button a {
  background-color: var(--cuencaverde-green) !important;
  color: var(--cuencaverde-white) !important;
}