/*
 * NOTARÍA Y APOSTILLA — Brand Override
 * Sobreescribe los colores del theme SassTech/index-4 (home-crm)
 * Amarillo dorado #f0b429 como color primario
 */

/* ── Paleta principal → Amarillo dorado ── */
/* Usa .home-crm:root para superar la especificidad del theme */
.home-crm:root,
:root {
  --main-h:     42;
  --main-s:     87%;
  --main-l:     55%;

  /* Secundario → Azul marino (reemplaza main-two) */
  --main-two-h: 216;
  --main-two-s: 61%;
  --main-two-l: 26%;

  /* Orange → mismo dorado */
  --orange-h:   42;
  --orange-s:   87%;
  --orange-l:   55%;
  --orange:     var(--orange-h) var(--orange-s) var(--orange-l);

  /* CRM color → dorado (override .home-crm:root del theme) */
  --crm-color:  #f0b429 !important;

  /* Verde accent → azul marino */
  --green:      216 61% 26%;
}

/* ── Headings en home-crm: mantener negro/oscuro ── */
.home-crm h1,.home-crm .h1,
.home-crm h2,.home-crm .h2,
.home-crm h3,.home-crm .h3,
.home-crm h4,.home-crm .h4,
.home-crm h5,.home-crm .h5,
.home-crm h6,.home-crm .h6 { color: #0c0d0e; }

/* ── Botón principal → dorado, texto OSCURO (legible sobre amarillo) ── */
.btn-main,
.btn-main.button--stroke {
  background-color: #f0b429 !important;
  border-color: #f0b429 !important;
  color: #0c0d0e !important;
}
.btn-main:hover,
.btn-main.button--stroke:hover {
  background-color: #d4980f !important;
  border-color: #d4980f !important;
  color: #0c0d0e !important;
}
/* Asegurar que button__label sea siempre oscuro en btn-main */
.btn-main .button__label,
.btn-main.button--stroke .button__label { color: #0c0d0e !important; }
.btn-main.button--stroke::after { border-color: transparent !important; }

/* ── Botón secundario → azul marino ── */
.btn-main-two,
.btn-main-two.button--stroke {
  background-color: #1a3a6b !important;
  border-color: #1a3a6b !important;
  color: #ffffff !important;
}
.btn-main-two .button__label,
.btn-main-two.button--stroke .button__label { color: #ffffff !important; }
.btn-main-two:hover,
.btn-main-two.button--stroke:hover {
  background-color: #102444 !important;
  color: #ffffff !important;
}
.btn-main-two.button--stroke::after { border-color: transparent !important; }

/* ── Outline orange → dorado ── */
.btn-orange-outline {
  border-color: #f0b429 !important;
  color: #f0b429 !important;
}
.btn-orange-outline:hover,
.hover-style-five:hover {
  background-color: #f0b429 !important;
  color: #0c0d0e !important;
}

/* ── Texto colores ── */
.text-crm   { color: #f0b429 !important; }
.text-orange { color: #f0b429 !important; }
.text-blue   { color: #1a3a6b !important; }
.text-green  { color: #1a3a6b !important; }
.text-main-600 { color: #f0b429 !important; }

/* ── Backgrounds ── */
.bg-main-600  { background-color: #f0b429 !important; }
.hover-bg-main-600:hover { background-color: #f0b429 !important; }
.bg-orange    { background-color: #f0b429 !important; }

/* ── Border ── */
.border-main-600, .focus-border-main-600:focus { border-color: #f0b429 !important; }

/* ── Progress circle scroll-to-top ── */
/* Scroll-to-top: mantener bg negro con mix-blend-mode, solo cambiar color del SVG y el ícono */
.progress-wrap svg.progress-circle path { stroke: #f0b429; stroke-width: 5; }
/* El ::after usa font Phosphor (\e08e = arrow-up). Forzar color dorado del ícono */
.progress-wrap::after { color: #f0b429 !important; }

/* ── Nav active indicator ── */
.nav-menu__item.activePage > .nav-menu__link { color: #f0b429 !important; }
.nav-menu__item.activePage > .nav-menu__link::after,
.nav-menu__link::after { background-color: #f0b429; }

/* ── Pills active (tabs del banner) ── */
.active-bg-blue .nav-link.active {
  background-color: #f0b429 !important;
  color: #0c0d0e !important;
}

/* ── Accordion border ── */
.accordion-button:not(.collapsed) {
  color: #f0b429 !important;
  box-shadow: none !important;
}
.accordion-button::after { filter: none; }

/* ── Hover underline link color ── */
.hover-text-main-600:hover { color: #f0b429 !important; }

/* ── Header: eliminar TODO borde/outline amarillo ── */
header,
.home-two-header,
header.home-two-header,
#site-header,
.home-two-header .header-box-inner,
header .header-box-inner {
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
}
/* Quitar también el border amarillo del sticky state */
.header-sticky-active,
.header-sticky-active .header-box-inner {
  border: none !important;
  border-bottom: none !important;
}

/* ── Footer compacto ── */
/* Reducir los paddings enormes del footer */
.footer-four .tw-pt-100-px { padding-block-start: 36px !important; }
.footer-four .tw-pb-80-px  { padding-block-end:   28px !important; }
.footer-four > div.pt-120,
.footer-four > div > .pt-120,
section.footer-four .pt-120 { padding-block-start: 36px !important; }
/* El contenedor exterior del footer */
section.footer-four > div { padding-block-start: 36px !important; }
.footer-four-bottom { padding-block: 14px !important; }

/* ── Preloader color ── */
.cssload-loading i { background: #f0b429; }

/* ── Section bg-one (accordions) ── */
.section-bg-one { background: #fdf8ec !important; }

/* ── Stars / ratings ── */
.text-orange .ph-fill { color: #f0b429 !important; }

/* ── CTA card fondo azul marino ── */
.testimonials-four { background: #1a3a6b; }
.testimonials-four::before { display: none; }

/* ── Footer link hover ── */
.footer-four a.hover-underline:hover { color: #f0b429 !important; }
.hover-arrow-start:hover { color: #f0b429 !important; }


/* ── Floating phone button ── */
.notaria-float-call {
  position: fixed;
  bottom: 5.5rem; right: 1.5rem;
  z-index: 9999;
  width: 52px; height: 52px;
  background: #f0b429;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #0c0d0e;
  font-size: 1.2rem;
  box-shadow: 0 4px 20px rgba(240,180,41,.5);
  transition: all .25s ease;
  text-decoration: none;
}
.notaria-float-call:hover {
  background: #d4980f;
  transform: scale(1.1);
  color: #0c0d0e;
}

/* ── Stats separator line ── */
.stats-sep { background: #f0b429 !important; }

/* ── Checklist circle ── */
.check-circle {
  background: #f0b429 !important;
  color: #0c0d0e !important;
}

/* ── FAQ thumb image que cambia con acordeón ── */
.about-two img.faq-dynamic { transition: opacity .3s ease; }

/* ── Blog card hover ── */
.blog-card-hover:hover { border-color: #f0b429 !important; }

/* ── Responsive: header sticky en scroll ── */
.header-sticky-active.home-two-header {
  position: fixed !important;
  top: 0 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.12);
  background: white;
  animation: slideDown .4s ease;
}
@keyframes slideDown {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}

/* ── Inner pages: compensar topbar + header ── */
.breadcrumb.section-bg-two {
  padding-block-start: 200px !important;
  padding-block-end: 80px !important;
}

/* ── Sidebar service links → hover dorado ── */
.hover-bg-main-600 { transition: background-color .2s ease, color .2s ease; }

/* ── Service sidebar active link ── */
.sidebar-service-active {
  background-color: #f0b429 !important;
  color: #0c0d0e !important;
}
.sidebar-service-active span { color: #0c0d0e !important; }

/* ── bg-main-two-600 (sidebar CTA) ── */
.bg-main-two-600 { background-color: #1a3a6b !important; }

/* ── Heading color en páginas internas (sin home-crm) ── */
.heading-black h1, .heading-black .h1,
.heading-black h2, .heading-black .h2,
.heading-black h3, .heading-black .h3,
.heading-black h4, .heading-black .h4,
.heading-black h5, .heading-black .h5,
.heading-black h6, .heading-black .h6 {
  color: #0c0d0e;
}

/* ── text-main-600 → dorado en páginas internas ── */
.text-main-600 { color: #f0b429 !important; }
.text-main-two-600 { color: #1a3a6b !important; }
.hover-text-main-600:hover { color: #f0b429 !important; }
.hover-text-main-two-700:hover { color: #102444 !important; }

/* ── Section py-120 en inner pages ── */
.service-details .col-xl-4 > .d-flex > a {
  border-left: 3px solid transparent;
  transition: all .2s ease;
}
.service-details .col-xl-4 > .d-flex > a:hover {
  border-left-color: #f0b429;
}

/* ── topbar offset para header inner page ── */

/* ── Font caveat (decorativo) ── */
.font-caveat { font-family: 'Caveat', cursive !important; }

/* ── Breadcrumb nav links ── */
.breadcrumb-item a { color: #f0b429 !important; }
.breadcrumb-item.active { color: #666; }
.breadcrumb-item + .breadcrumb-item::before { color: #999; }

/* ── Article content styles ── */
.article-content h4 { color: #0c0d0e; margin: 1.5rem 0 .75rem; }
.article-content p  { color: #5a6472; line-height: 1.82; margin-bottom: .9rem; }
.article-content ul { padding-left: 0; list-style: none; }
.article-content ul li {
  padding: .4rem 0 .4rem 1.75rem;
  position: relative;
  color: #5a6472;
  line-height: 1.65;
}
.article-content ul li::before {
  content: '';
  position: absolute;
  left: 0; top: .85rem;
  width: 8px; height: 8px;
  background: #f0b429;
  border-radius: 50%;
}
.article-content blockquote {
  border-left: 4px solid #f0b429;
  background: #fdf8ec;
  padding: 1.25rem 1.5rem;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #1a3a6b;
  margin: 1.5rem 0;
}
.article-content .step-number {
  min-width: 32px; height: 32px;
  background: #f0b429;
  color: #0c0d0e;
  border-radius: 50%;
  display: inline-flex;
  align-items: center; justify-content: center;
  font-weight: 800;
  font-size: .85rem;
  flex-shrink: 0;
}

/* ── Legal page content ── */
.legal-section-title {
  font-size: 1.2rem;
  color: #0c0d0e;
  font-weight: 700;
  margin: 2rem 0 .75rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid #f0b429;
  display: inline-block;
}