/**
* Template Name: Arsha
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Updated: Feb 22 2025 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# LOGO SE CAMBIA A UNO MAS ALTO. 
# POR DEFECTO max-height: 36px;
--------------------------------------------------------------*/
.header .logo img {
  max-height: 48px;
}

/*--------------------------------------------------------------
# FONDO DE HERO. ANTES SOLO UN COLOR
--------------------------------------------------------------*/
.hero {
	
  /*
  background-blend-mode: overlay;
  background-image: url(../../assets/img/puce/geometric-bg-overlay.jpg),linear-gradient(180deg,#37517E 0%,#162b51 100%) !important;
  */
  
  /*background-blend-mode: darken;*/
  background-blend-mode: overlay;
  background-image: url(../../assets/img/puce/foto-aerea_puce-amazonas_01.jpg);
  background-color: rgba(40, 58, 90, 0.9);
  background-size: cover;

  /*background-blend-mode: darken;
  background-image: url(../../assets/img/puce/puce_amazonas_1.jpg);
  
  */
  /*
  background-image: url(../../assets/img/puce/puce_amazonas_1.jpg),linear-gradient(180deg,#37517E 0%,#162b51 100%) !important;
  
  */
  
  
}

/*--------------------------------------------------------------
# SE CENTRA LA IMAGEN EN EL HERO. ANTES NO EXISTÍA CENTRADO
--------------------------------------------------------------*/
.hero-img {
	align:center;
	text-align: center;
}

.index-page.scrolled .header {
  --background-color: rgba(40, 58, 90, 1);
}


/*--------------------------------------------------------------
# SE CAMBIA TAMAÑO DE IMG. ANTES 100% DE WIDTH
# PARA IMG MAS CUADRADAS FUNCIONA EL 100%
--------------------------------------------------------------*/
.img-rodi {
	max-width: 60%;
	height: auto;
	
	/**
	max-width: 100%;
	height: auto;
	/**/
}