/*
 * brand.css — Corporativo S&F
 * Color overrides over the Landio template (style.css).
 * Do NOT edit style.css directly. All brand changes go here.
 *
 * Brand palette (from logo):
 *   --brand-red:     #c0232a  (corporate red — primary)
 *   --brand-red-dark:#9b1820  (hover / deep red)
 *   --brand-dark:    #1a1a1a  (charcoal — headings, footer, dark sections)
 *   --brand-grey:    #4a4a4a  (medium grey — body text accents)
 */

/* ── 1. CSS VARIABLE OVERRIDES ─────────────────────────────────── */
:root {
  --color-primary:   #c0232a;   /* was #473bf0 purple */
  --color-primary-2: #9b1820;   /* was #FF3E3F flat red → deeper brand red */
  --color-primary-4: #c0232a;   /* was #FF3E3F — used for CTA buttons */
  --color-primary-5: #e05a5f;   /* was #5580ff — lighter red accent */
  --color-secondary-4: #1a1a1a; /* was #2b354f navy → charcoal footer */
  --color-heading:   #1a1a1a;   /* was #161c2d → charcoal */
}

/* ── 2. BUTTONS ────────────────────────────────────────────────── */

.template-btn {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(192, 35, 42, 0.28);
          box-shadow: 0px 10px 30px 0px rgba(192, 35, 42, 0.28);
}

.template-btn.bordered-btn {
  color: #c0232a;
  border-color: rgba(192, 35, 42, 0.35);
}
.template-btn.bordered-btn:hover {
  background-color: #1a1a1a;
  border-color:     #1a1a1a;
  color: #fff;
}

.template-btn.primary-bg-4 {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(192, 35, 42, 0.28);
          box-shadow: 0px 10px 30px 0px rgba(192, 35, 42, 0.28);
}
.template-btn.primary-bg-4.bordered-btn {
  border-color: rgba(192, 35, 42, 0.35);
}
.template-btn.primary-bg-4.bordered-btn:hover {
  background-color: #c0232a;
  border-color:     #c0232a;
}

/* ── 3. TAGLINE PILLS ──────────────────────────────────────────── */

.common-heading.tagline-boxed .tagline {
  background-color: #fde8e9;
  color: #c0232a;
}
.common-heading.tagline-boxed-two .tagline {
  background-color: #fde8e9;
  color: #9b1820;
}
.common-heading.heading-white.tagline-boxed .tagline {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.common-heading.heading-white.tagline-boxed-two .tagline {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

/* ── 4. SECTION BORDER LINES ───────────────────────────────────── */
.border-bottom-primary {
  border-bottom-color: rgba(192, 35, 42, 0.10) !important;
}
.border-top-primary {
  border-top-color: rgba(192, 35, 42, 0.10) !important;
}
.border-bottom-secondary-2 {
  border-bottom-color: rgba(192, 35, 42, 0.08) !important;
}

/* ── 5. ICON GRADIENTS (tarjetas de servicios) ─────────────────── */
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-1 {
  background: -webkit-linear-gradient(130deg, #1a1a1a 0%, #c0232a 100%);
  background:          linear-gradient(130deg, #1a1a1a 0%, #c0232a 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(192, 35, 42, 0.30);
          box-shadow: 0px 10px 40px 0px rgba(192, 35, 42, 0.30);
}
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-2 {
  background: -webkit-linear-gradient(130deg, #9b1820 0%, #c0232a 100%);
  background:          linear-gradient(130deg, #9b1820 0%, #c0232a 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(155, 24, 32, 0.30);
          box-shadow: 0px 10px 40px 0px rgba(155, 24, 32, 0.30);
}
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-3 {
  background: -webkit-linear-gradient(130deg, #c0232a 0%, #e05a5f 100%);
  background:          linear-gradient(130deg, #c0232a 0%, #e05a5f 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(192, 35, 42, 0.28);
          box-shadow: 0px 10px 40px 0px rgba(192, 35, 42, 0.28);
}
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-4 {
  background: -webkit-linear-gradient(130deg, #7b1216 0%, #c0232a 100%);
  background:          linear-gradient(130deg, #7b1216 0%, #c0232a 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(123, 18, 22, 0.28);
          box-shadow: 0px 10px 40px 0px rgba(123, 18, 22, 0.28);
}
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-5 {
  background: -webkit-linear-gradient(130deg, #1a1a1a 0%, #4a4a4a 100%);
  background:          linear-gradient(130deg, #1a1a1a 0%, #4a4a4a 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(26, 26, 26, 0.28);
          box-shadow: 0px 10px 40px 0px rgba(26, 26, 26, 0.28);
}
.iconic-boxes-v1 .iconic-box .icon.icon-gradient-6 {
  background: -webkit-linear-gradient(130deg, #c0232a 0%, #1a1a1a 100%);
  background:          linear-gradient(130deg, #c0232a 0%, #1a1a1a 100%);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(26, 26, 26, 0.28);
          box-shadow: 0px 10px 40px 0px rgba(26, 26, 26, 0.28);
}

/* ── 6. PAGE TITLE AREA (páginas internas) ─────────────────────── */
.page-title-area {
  background-color: #1a1a1a;
}
.page-title-area .page-title {
  color: #ffffff;
}
.page-title-area .breadcrumb-nav li {
  color: rgba(255, 255, 255, 0.70);
}
.page-title-area .breadcrumb-nav li:not(:last-child)::after {
  color: rgba(255, 255, 255, 0.40);
}
.page-title-area .breadcrumb-nav li a {
  color: rgba(255, 255, 255, 0.70);
}
.page-title-area .breadcrumb-nav li a:hover {
  color: #c0232a;
}
.page-title-area .breadcrumb-nav li.active {
  color: #ffffff;
}

/* ── 7. HEADER / NAV ───────────────────────────────────────────── */

.template-header.sticky-on {
  border-bottom-color: rgba(192, 35, 42, 0.10);
}
.canvas-close:hover,
.panel-close:hover {
  color: #c0232a;
}

/* ── 8. FOOTER ─────────────────────────────────────────────────── */

.template-footer.footer-secondary-4-bg .footer-widgets .widget .social-links li a:hover {
  background-color: #c0232a;
  color: #ffffff;
}
.template-footer.footer-secondary-4-bg .footer-widgets .widget.contact-widget li a i {
  color: #e05a5f;
}

/* ── 9. MISC ───────────────────────────────────────────────────── */

.back-to-top {
  background-color: #c0232a;
  border-color: #c0232a;
}
.back-to-top:hover {
  background-color: #9b1820;
  border-color: #9b1820;
}

.progress-bar, .loading-bar {
  background-color: #c0232a !important;
}