@charset "utf-8";

:root{
 --verde: #63AD27;
 --gris:#959595;
 --naranjo:#ec6a29;
 --azul:#0070BE;
 --verde-footer:#215026;
}

li{
    list-style: none;
    
}

ul {
    padding-left: 0;
}
.titulo {
  font-size: 2em;
  font-weight: 500;
 /* padding: 1em 3em;*/
}

.sobre-titulo {
    /*  padding: 1em 3em;*/
}


.titulo.fg-naranjo span {
  color: white;
  background-color:var(--naranjo);
  padding: 0em 0.1em;
  border-radius: 0.2em;
}

.fg-naranjo {
  color: var(--naranjo);
}
.bg-gris {
  background-color: var(--gris);
}
.fg-gris {
  color: var(--gris);
}

.titulo.fg-gris span {
  color: white;
  background-color: var(--gris);
  padding: 0em 0.1em;
  border-radius: 0.2em;
}
.nav-link.py-3{
    display: flex;
    align-items: center;
}
    

.marca_foto{
     background-color:#fff;
    position: relative;
    padding: 1em;
    color: white;
    border-radius: 0em 1em 1em 0em;
    top: 1em;
    display: inline-flex;
    left: 0.6em;
   
}
.btn-naranjo {
    color: #fff;
    background-color: #ec6a29;
    border-color: #ffffff;
}

.btn-naranjo:hover {
    color: #ec6a29;
    background-color: white;
    border-color: #ec6a29;
}

.tabla{
    margin: .4em;
    padding: .2em
}
.tabla:nth-of-type(odd){ /* Selecciona numeros impares*/
    background: #e9f6f9;
    
}

.tabla:nth-of-type(even){ /* Selecciona numeros pares */
   
    background: #e9f6f9;
  
}



.ficha{
    
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
 body {
 font-family: 'Poppins', sans-serif !important;
}

a:link{
    text-decoration:none !important;

}

a{
    
   color:gray 
}

.nombre_prod{
    background-color: #27398E;
    border-radius: 0.2em;
    padding: 0.4em;
    color: #ffffff;
    font-size: 2em;
    font-weight: 500;
}

.descripcion_prod{
    color:#888b8d;
}
   
    .producto{
    /*   padding: 0.5rem!important;*/
    border-color: #f3f3f3;
    border-style: solid;
    border-radius: 0.4em;
    }
    
        .producto .marca{
 background-color: #013e94;;
    color: white;
    padding: 0.5rem!important;
    margin-top: 1em;
            border-radius: 0 0 .3em .3em;
    }
    
    .nav-link.active{
        
            border-bottom: #f35c27;
    border-bottom-style: solid;
    border-bottom-width: thick;
    }
    /* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    
    .head.titulo {
  font-size: 1.2em;
  font-weight: 500;
/*   padding: 1em 3em;*/
}
    
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* CSS Document */