:root{
  --azul    :#2f489f;  
  --blanco  :#ffffff;  
  --gris    :#ececec;  
  --rojo    :#c7191d;  
  --negro   :#000000;  
  --naranja :#d35f49;
}

.header-top   {background:var(--azul);}
.carousel-row {background:var(--gris);}
.info-row     {background:var(--rojo);}
.footer-row   {background:var(--negro);}

.rowSection{
  padding-right: 10px;
}

.header-main{    
  color:#222;   
}

.img-fluid {
  max-height: 175px;
}

/* --- Navegación Header --- */
.nav-menu{
  color: var(--azul);
  font-size: larger;
  display:inline-block; 
  text-align:center;     
  line-height:1.25;
  padding-top: 3px;
  padding-bottom: 3px;
}

.nav-menu:hover{
  color: var(--azul);
}

/* Botón principal (Inicio) */
.nav-btn{
  background: var(--azul);
  color:var(--blanco);
  padding:.75rem .75rem;
  border-radius:.5rem;
}

.social-link:hover{
  color: var(--azul);
}

.social-icon{
  width:50px;
  height:50px;
  object-fit:contain;
  transition:opacity .2s;
}

.social-icon:hover{
  opacity:.75;
}

.carousel-row{
  padding-right: 0px;
}

.carousel-item{
  height:55vh;        
  min-height:320px;
  overflow:hidden;
}

.hero-img{
  height:100%;
  object-fit:cover;   
}


.left-orange{ background:var(--naranja); color:var(--blanco); }
.right-gray { background:var(--gris); color:var(--negro); }

.left-white{ background:var(--blanco); color:var(--negro); }
.right-blue{ background:var(--azul); color:var(--blanco); }

.left-blue { background:#2f489f; color:var(--blanco); }
.right-white{ background:var(--blanco); color:var(--negro); }

.placeholder{ font-size:1rem; opacity:.6; }


.bg-footer{
  background:var(--azul);
}

.section-title{
  letter-spacing: 4px;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:var(--azul);      
  color:var(--blanco);
  padding:.35rem 1.5rem;
  font-weight:700;
  font-size:1.5rem;
  border-radius:4px;
  z-index:10;
  white-space:nowrap;
}

.bg-blue{ 
  background:var(--azul); 
  color:var(--blanco); 
  letter-spacing: 3px; 
  margin-left: 5px;
}

.left-orange p{ 
  color:var(--blanco); 
  text-align:justify; 
  margin-left: 10px;
  font-size: 1.2rem;
  font-style: italic;
}

.badge{ 
  border-radius:4px; 
  font-size:1.2rem; 
  margin: 50px 0;
}

.misionVisionRow{
    display: flex;
    justify-content: space-around;
}

.textImpact{
  font-size: larger;
}

.img-valor{
  border-radius:40px; 
  width: 75%;
}

/* ─── Bloque Soluciones ───────────────────────── */
.banner-red{
  background:#c7191d;
  color:#fff;
  font-weight:700;
  padding:.5rem 1rem;
  border-radius:5px;
  display:inline-block;
  font-size: x-large;
}

.img-solucion{
  border-radius:16px;
  width:75%;
  height:100%;
}

.lista-solucion{
  padding-left:1rem;
  margin:0;
  list-style-type:disc;
  font-size:1.4rem;
}

.btn-red{
  background:var(--rojo);
  color:var(--blanco);
  font-weight:700;
  border-radius:10px;
  font-size: larger;
}

.btn-red:hover{
  background:var(--rojo);
  color:var(--blanco);
}