/* =====================================================
   BRAND COLORS
   Color oficial corporativo PitchMKT
   HEX: #D81219
   RGB: 216, 18, 25
===================================================== */

:root {
    --brand-red: #D81219;
}


/* =====================================================
   NAVBAR CUSTOMIZATION
   Fondo rojo corporativo + texto blanco
===================================================== */

#mainNav,
#mainNav.affix {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
}


/* Texto del menú */
#mainNav .navbar-nav > li > a {
    color: #ffffff !important;
}


/* Hover del menú */
#mainNav .navbar-nav > li > a:hover {
    color: #ffdede !important;
}


/* =====================================================
   SECTIONS – Brand background
===================================================== */

.section-about,
.section-vision {
  background-color: var(--brand-red);
  color: #ffffff;
  padding: 100px 0;
}

.section-about hr,
.section-vision hr {
  border-color: #ffffff;
}

.section-about .section-heading,
.section-vision .section-heading {
  color: #ffffff;
}

/* =====================================================
  Estilo personalizado para el botón principal del Hero 
===================================================== */
.btn-hero {
    background: linear-gradient(45deg, #D81219, #ff4b2b);
    border: none;
    color: white;
    border-radius: 50px;
    padding: 15px 35px;
    font-weight: bold;
    transition: 0.3s ease;
}
/* =====================================================
 Efecto hover para dar sensación interactiva
===================================================== */
.btn-hero:hover {
    transform: scale(1.07);
}

/* Iconos personalizados sección servicios */
.icon-services {
    color: #D81219;
    transition: 0.3s ease;
}

.icon-services:hover {
    transform: scale(1.15);
    color: #e63e22;
}

/* Línea decorativa del título */
#services hr.primary {
    border-color: #D81219;
}

/* Línea decorativa del contacto */
#contact hr.primary {
    border-color: #D81219;
}

/* Iconos personalizados sección contacto */
.contact-row { margin-top: 20px; }

#info .info-list{
  list-style: none;
  padding-left: 0;
  margin: 0 0 15px;
}

#info .info-list li{ margin-bottom: 10px; }

.icon-info{
  color: #D81219; 
  margin-right: 8px;
}

.social-links img{
  width: 34px;
  margin-right: 10px;
  transition: .3s ease;
}

.social-links img:hover{
  transform: scale(1.1);
}

.btn-contact {
  background-color:  #D81219;
  border: none;
  color: white;
  border-radius: 40px;
  padding: 12px 30px;
  transition: 0.3s ease;
}

.btn-contact:hover {
  background-color: #e63e22;
  transform: scale(1.05);
}