/*
Theme Name: Hello Elementor Child Ricardo
Theme URI: https://elementor.com/hello-theme/
Description: Tema hijo de Hello Elementor para estilos globales del sitio.
Author: Ricardo Gonzalez
Template: hello-elementor
Version: 1.0.5
Text Domain: hello-elementor-child-ricardo
*/

/* ==================================================
   Fuentes locales: Poppins
   Los archivos deben estar en /assets/fonts/
   ================================================== */

@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/poppins-v24-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/poppins-v24-latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/poppins-v24-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("assets/fonts/poppins-v24-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ==================================================
   Variables globales
   No se definen anchos globales para evitar conflictos con contenedores.
   ================================================== */

:root {
  --fuente-principal: "Poppins", sans-serif;

  --color-principal: #B08A3C;
  --color-principal-hover: #8F6F2F;
  --color-secundario: #1F1F1F;
  --color-texto: #333333;
  --color-blanco: #FFFFFF;
  --color-borde: #D8D2C5;
  --color-placeholder: #777777;

  --color-boton: #E6A24A;
  --color-boton-hover: #D99035;
  --color-boton-texto: #1F1F1F;

  --button-radius: 0px;
  --form-radius: 0px;
}

/* ==================================================
   Base tipografica limpia
   Sin tocar anchos, columnas, galerias ni contenedores.
   ================================================== */

body {
  color: var(--color-texto);
  font-family: var(--fuente-principal);
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-secundario);
  font-family: var(--fuente-principal);
}

/* ==================================================
   Enlaces
   ================================================== */

a {
  color: var(--color-principal);
}

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

/* ==================================================
   Botones principales
   Importante: NO se estilizan button ni [type="button"] de forma global,
   porque los acordeones/FAQ suelen usar botones internos.
   ================================================== */

/* ==================================================
   Migas de pan - Rank Math (SEO)
   ================================================== */
.rank-math-breadcrumb {
    font-family: var(--fuente-principal);
    font-size: 11px !important; /* Un poco más pequeño */
    color: var(--color-placeholder) !important; /* Gris más claro para que no compita con el texto */
    max-width: 1140px; 
    margin: 10px auto 30px auto; /* Más separación por abajo */
    padding: 0 15px 12px 15px; /* Espacio interior para que la línea respire */
    line-height: 1.6;
    border-bottom: 1px solid var(--color-borde); /* Línea sutil separadora */
}

.rank-math-breadcrumb p {
    margin: 0;
}

.rank-math-breadcrumb a {
    font-size: 12px !important;
    color: var(--color-principal); /* Tu dorado corporativo: #B08A3C */
    font-weight: 500; /* Un pelín más gordito para que destaque */
    text-decoration: none;
    transition: all 0.3s ease;
}

.rank-math-breadcrumb a:hover {
    color: var(--color-principal-hover); /* Tu dorado oscuro: #8F6F2F */
    text-decoration: underline;
}

.rank-math-breadcrumb .separator {
    color: var(--color-placeholder); /* Gris claro para los separadores > */
    margin: 0 6px;
}

.elementor-button,
.elementor-button-link,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
button[type="submit"],
.elementor-form button[type="submit"],
.elementor-search-form__submit,
.wp-block-search__button {
  color: var(--color-boton-texto);
  background-color: var(--color-boton);
  border: 1px solid var(--color-boton);
  border-radius: var(--button-radius);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
.elementor-button-link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
.elementor-form button[type="submit"]:hover,
.elementor-form button[type="submit"]:focus,
.elementor-search-form__submit:hover,
.elementor-search-form__submit:focus,
.wp-block-search__button:hover,
.wp-block-search__button:focus {
  color: var(--color-boton-texto);
  background-color: var(--color-boton-hover);
  border-color: var(--color-boton-hover);
  text-decoration: none;
}

/* ==================================================
   Proteccion especifica para FAQ / acordeones
   Evita que los controles internos se comporten como CTA.
   ================================================== */

.elementor-accordion button,
.elementor-toggle button,
.elementor-widget-accordion button,
.elementor-widget-toggle button,
.e-n-accordion .e-n-accordion-item-title,
.schema-faq button,
.rank-math-list-item button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  text-align: inherit;
  white-space: normal;
}

.elementor-accordion .elementor-accordion-icon,
.elementor-toggle .elementor-toggle-icon,
.e-n-accordion-item-title-icon {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}

.elementor-accordion .elementor-accordion-icon i,
.elementor-toggle .elementor-toggle-icon i,
.elementor-accordion .elementor-accordion-icon svg,
.elementor-toggle .elementor-toggle-icon svg,
.e-n-accordion-item-title-icon i,
.e-n-accordion-item-title-icon svg {
  font-size: inherit;
  height: 1em;
  line-height: 1;
  width: 1em;
}

/* ==================================================
   Formularios basicos
   Sin afectar estructura ni anchos de contenedores.
   ================================================== */

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  color: var(--color-texto);
  border-color: var(--color-borde);
  border-radius: var(--form-radius);
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  border-color: var(--color-principal);
  outline: none;
  box-shadow: 0 0 0 2px rgba(176, 138, 60, 0.15);
}

::placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}

::selection {
  color: var(--color-blanco);
  background-color: var(--color-principal);
}