/*
  TúInfluyes - Home2 brand theme override
  Archivo descartable: eliminar esta hoja y su <link> en home2.blade.php para volver al template base.

  Marca:
  - Principal:  #3559de
  - Secundario: #d80b67
  - Negro:      #000000
  - Blanco:     #ffffff
*/

:root {
  --white-color: #ffffff;
  --primary-color: #3559de;
  --secondary-color: #d80b67;
  --dark-color: #000000;

  --section-bg-color: #f4f7ff;
  --custom-btn-bg-color: #3559de;
  --custom-btn-bg-hover-color: #2746bd;
  --link-hover-color: #d80b67;
  --border-color: #dce4ff;
  --p-color: #4d5875;

  --ti-primary-900: #172765;
  --ti-primary-800: #20399c;
  --ti-primary-700: #2949c5;
  --ti-primary-600: #3559de;
  --ti-primary-500: #5675e8;
  --ti-primary-300: #aebcff;
  --ti-primary-200: #d9e0ff;
  --ti-primary-100: #eef2ff;
  --ti-primary-050: #f7f9ff;

  --ti-accent: #d80b67;
  --ti-accent-soft: #ffe8f2;
  --ti-gradient-primary: linear-gradient(135deg, #172765 0%, #3559de 55%, #aebcff 100%);
  --ti-gradient-primary-soft: linear-gradient(135deg, #f7f9ff 0%, #e9eeff 55%, #d9e0ff 100%);
}

body {
  background-color: var(--white-color);
  color: var(--dark-color);
}

a,
.card-link {
  color: var(--primary-color);
}

a:hover,
.card-link:hover {
  color: var(--secondary-color);
}

.text-primary,
.text-primary strong,
font.text-primary {
  color: var(--primary-color) !important;
}

.bg-primary,
.badge.bg-primary {
  background-color: var(--secondary-color) !important;
}

.section-bg,
.contact-section.section-bg {
  background: var(--ti-gradient-primary-soft);
}

.section-overlay {
  background-image: var(--ti-gradient-primary);
  opacity: 0.86;
}

/* Navegación */
.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.sticky-wrapper.is-sticky .navbar {
  background-color: rgba(53, 89, 222, 0.96);
  box-shadow: 0 10px 30px rgba(23, 39, 101, 0.18);
  backdrop-filter: blur(10px);
}

.navbar-nav .nav-link,
.navbar-brand,
.navbar-brand:hover {
  color: var(--white-color);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.14);
}

.navbar-icon {
  color: var(--primary-color);
}

.navbar-icon:hover {
  background: var(--secondary-color);
  color: var(--white-color);
}

/* Hero + noticias destacadas: fondo continuo */
.home-hero-featured-bg {
  background-image:
    linear-gradient(135deg, rgba(23, 39, 101, 0.88) 0%, rgba(53, 89, 222, 0.78) 55%, rgba(174, 188, 255, 0.55) 100%),
    url('../images/fondo_home.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 0 0 80px 80px;
}

#section_1.hero-section {
  background: transparent;
}

.hero-section .container {
  position: relative;
  z-index: 1;
}

.hero-section h6 {
  color: rgba(255, 255, 255, 0.88);
}

.hero-section .input-group {
  box-shadow: 0 22px 55px rgba(23, 39, 101, 0.22);
}

.hero-section button[type="submit"] {
  background-color: var(--secondary-color);
}

.hero-section button[type="submit"]:hover {
  background-color: #b90756;
}

/* Botones */
.custom-btn {
  background: var(--primary-color);
  color: var(--white-color);
  box-shadow: 0 10px 22px rgba(53, 89, 222, 0.18);
}

.custom-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  color: var(--white-color);
  transform: translateY(-1px);
}

.custom-border-btn {
  background: transparent;
  border-color: var(--primary-color);
  color: var(--primary-color);
  box-shadow: none;
}

.custom-border-btn:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}


/* Botón secundario de marca
   Misma base visual que .custom-btn; sólo cambia la familia de color.
   Uso: class="btn custom-secondary-btn"
   También soporta borde: class="btn custom-secondary-btn custom-border-btn"
*/
.custom-secondary-btn {
  background: var(--secondary-color);
  border: 2px solid transparent;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  transition: all 0.3s;
  padding: 10px 20px;
  box-shadow: 0 10px 22px rgba(216, 11, 103, 0.18);
}

.custom-secondary-btn:hover {
  background: #b90756;
  color: var(--white-color);
  transform: translateY(-1px);
}

.custom-secondary-btn.custom-border-btn {
  background: transparent;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  box-shadow: none;
}

.custom-secondary-btn.custom-border-btn:hover {
  background: var(--secondary-color);
  border-color: transparent;
  color: var(--white-color);
}

/* Noticias destacadas */
.featured-section {
  background: transparent;
  border-radius: 0 0 80px 80px;
}

.custom-block.bg-white {
  background-color: var(--white-color) !important;
}

.custom-block {
  border: 1px solid rgba(53, 89, 222, 0.08);
  box-shadow: 0 18px 42px rgba(23, 39, 101, 0.08) !important;
}

.custom-block:hover {
  background-color: var(--ti-primary-050);
  border-color: rgba(53, 89, 222, 0.18);
}

.custom-block h5,
.custom-block h4 {
  color: var(--dark-color);
}

.custom-block-overlay {
  border: 0;
}

.custom-block-overlay:hover {
  background: transparent;
}

.custom-block-overlay .section-overlay {
  opacity: 0.80;
}

.bg-design {
  background-color: var(--secondary-color) !important;
}

.news-date-badge {
  width: 62px;
  height: 62px;
  min-width: 62px;
  padding: 6px 4px;
  border-radius: 12px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  white-space: normal;
  box-shadow: 0 10px 18px rgba(216, 11, 103, 0.20);
}

.news-date-day {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.news-date-month {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: lowercase;
  margin-top: 3px;
}

.news-date-year {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  margin-top: 3px;
}

.custom-block .rounded-pill.news-date-badge {
  width: 62px;
  height: 62px;
}

/* Servicios */
.explore-section {
  background: var(--white-color);
}

.explore-section h6,
.faq-section h6,
.contact-section h6 {
  color: var(--primary-color);
}

.explore-section .custom-block-overlay .custom-block-overlay-text h5,
.explore-section .custom-block-overlay .custom-block-overlay-text p {
  color: var(--white-color) !important;
}


/* Panel Online */

.timeline-container .vertical-scrollable-timeline .list-progress {
  background-color: var(--primary-color);
}

.timeline-container .vertical-scrollable-timeline .list-progress .inner {
  background-color: rgba(255, 255, 255, 0.26);
}

.timeline-container .vertical-scrollable-timeline li .icon-holder {
  background-color: var(--primary-color);
  color: var(--white-color);
  box-shadow: 0 14px 26px rgba(23, 39, 101, 0.18);
}

.timeline-container .vertical-scrollable-timeline li.active .icon-holder {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.timeline-container .vertical-scrollable-timeline li .icon-holder::before {
  background-color: rgba(255, 255, 255, 0.25);
}

/* Data Influye y contacto */
.faq-section {
  background-color: var(--white-color);
}

.contact-form .form-control,
.custom-form .form-control,
.form-floating > .form-control,
.form-floating > .form-select {
  border-color: var(--border-color);
}

.contact-form .form-control:focus,
.custom-form .form-control:focus,
.form-floating > .form-control:focus,
.form-floating > .form-select:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.18rem rgba(53, 89, 222, 0.14);
}

.contact-form button[type="submit"],
.custom-form button[type="submit"] {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.contact-form button[type="submit"]:hover,
.custom-form button[type="submit"]:hover {
  background-color: var(--custom-btn-bg-hover-color);
}

.social-icon-link {
  background-color: var(--ti-primary-100);
  color: var(--primary-color);
}

.social-icon-link:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

/* Footer */
.site-footer {
  background-color: var(--dark-color) !important;
}

.site-footer a,
.site-footer .social-icon-link,
.site-footer .bi {
  color: var(--white-color);
}

.site-footer a:hover,
.site-footer .bi:hover {
  color: var(--primary-color);
}

.site-footer .btn:hover {

  color: var(--white-color);
}

.site-footer p {
  color: rgba(255, 255, 255, 0.76);
}

@media (max-width: 767.98px) {
  .home-hero-featured-bg {
    border-radius: 0 0 48px 48px;
  }
  .featured-section {
    border-radius: 0 0 48px 48px;
  }

  .clients-carousel-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .clients-carousel-item .brands_item {
    min-height: 90px;
    padding: 12px 6px !important;
  }

  .clients-carousel-item img {
    max-width: 65px;
    max-height: 45px;
  }
}

/* Mantiene el CTA del buscador del hero como acento secundario. */
.hero-section .custom-form button[type="submit"] {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

.hero-section .custom-form button[type="submit"]:hover {
  background-color: #b90756;
}

.site-footer::after {
  border-color: transparent transparent var(--primary-color) transparent;
}

.site-footer {
  border-bottom: 10px solid var(--primary-color);
}

 .custom-form .form-control:focus {
  box-shadow: 0 0 0 0;
 }