@charset "utf-8";
/* CSS Document */
/* ----------------------------- CUSTOM BUTTON STYLES ----------------------------- */
img{max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
/* ------------------ default styles ------------------ */
.breadcrumbs{padding:10px 0; margin-bottom:0;}
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}

#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#000000; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}

/*------------------------------------------- COMMENT STYLES -------------------------------------------*/
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic;}
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px; float:left;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}
/* =========================
   SISTEMA GLOBAL DE COLORES Y CONTRASTE
========================= */

:root {
  --color-bg: #f7f4ef;
  --color-text: #1e3228;
  --color-text-soft: #5f6f65;
  --color-primary: #2e7a52;
  --color-secondary: #c4933e;
  --color-white: #ffffff;
  --color-dark: #0f1f17;

  --color-footer-bg: #1a4a30;
  --color-footer-text: #e8e3d9;

  --color-border: #e0dbd1;
}

/* =========================
   TIPOGRAFÍA GLOBAL
========================= */

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-size: 16px;
  line-height: 1.7;
}

/* =========================
   CABECERAS (HEADINGS)
========================= */

h1, h2, h3, h4, h5, h6 {
  color: var(--color-dark);
  font-weight: 600;
  line-height: 1.3;
}

/* Subtítulos */
p {
  color: var(--color-text-soft);
}

/* =========================
   ENLACES (SIN SUBRAYADO)
========================= */

a {
  text-decoration: none !important;
  color: var(--color-primary);
  transition: all 0.3s ease;
}

/* Hover elegante */
a:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

/* =========================
   BOTONES
========================= */

.btn-gold,
.btn-outline {
  text-decoration: none !important;
}

/* Texto botones */
.btn-gold {
  color: #1e3228; /* elegante y legible */
}

.btn-outline {
  color: var(--color-white);
}

/* =========================
   NAVBAR
========================= */

.navbar {
  color: var(--color-white);
}

.navbar.scrolled {
  background: var(--color-white);
}

.navbar.scrolled a {
  color: var(--color-dark);
}

/* =========================
   SECCIONES
========================= */

section {
  color: var(--color-text);
}

/* Fondo claro */
.about,
.faq {
  background: var(--color-bg);
}

/* Fondo intermedio */
.services {
  background: #f0ece4;
}

/* =========================
   TARJETAS
========================= */

.service-card {
  background: var(--color-white);
  color: var(--color-text);
}

.service-card p {
  color: var(--color-text-soft);
}

/* =========================
   FOOTER
========================= */

.footer {
  background: var(--color-footer-bg);
  color: var(--color-footer-text);
}

.footer p {
  color: var(--color-footer-text);
}

/* =========================
   FORMULARIOS (SI LOS AGREGAS)
========================= */

input,
textarea {
  color: var(--color-text);
  background: var(--color-white);
  border: 1px solid var(--color-border);
}

/* =========================
   IMÁGENES
========================= */

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================
   MEJORAS DE LEGIBILIDAD
========================= */

/* Evita texto claro sobre fondo claro */
.light-text {
  color: var(--color-white);
}

/* Evita texto oscuro sobre fondo oscuro */
.dark-bg {
  background: var(--color-dark);
  color: var(--color-white);
}

/* =========================
   ACCESIBILIDAD (MUY IMPORTANTE)
========================= */

/* Mejora contraste en selección */
::selection {
  background: var(--color-secondary);
  color: var(--color-white);
}

/* =========================
   ELIMINAR SUBRAYADO GLOBAL FORZADO
========================= */

a, a:visited, a:hover, a:active {
  text-decoration: none !important;
}

/* =========================
   AJUSTE DE ICONOS SVG EN BOTONES
========================= */

.btn-gold svg,
.btn-outline svg {
  fill: currentColor;
}