@charset "utf-8";

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

.contenedor__item:nth-of-type(odd){ /* Selecciona numeros impares*/
    background: var(--gris);
}

.contenedor__item:nth-of-type(even){ /* Selecciona numeros pares */
   
    background-image: url(/img/patter_palabras_15_negro.webp);
  
}


.contenedor__item:nth-of-type(odd) img{ /* Selecciona numeros impares*/
        border-color: white;
    border-style: solid;  
    border-radius: 1em;
}

.contenedor__item:nth-of-type(even) img{ /* Selecciona numeros pares */
        border-color: var(--gris);
    border-style: solid;  
    border-radius: 1em;
}

.logo{
    
    position: absolute;
}

.dropdown-item {
  
    color: #63ad27;
   
}


.fg-blanco a{
    
    color: white;
    text-decoration: none;
}
.bg-verde-footer{
    background-color: var(--verde-footer);
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--verde);
}
.nav-link{
    color:var(--verde);
}

.pestana + div {

    margin-top:-65px
    
    
}
.pestana{
    position: relative;
    display: block;
 /*    transition: .5s linear;
    cursor: grab;
   text-decoration: none!important;*/
    font-size: 1.5em;
    width: 100px;
    height: 65px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 160%/0 0 100px 100px;
    text-align: center;
    z-index: 100;
}

.bg-negro-palabras{
    
    background-image: url(/img/patter_palabras_15_negro.webp);
}

.bg-blanco-palabras{
    
    background-image: url(/img/patter_palabras_15_blanco.webp);
}
.bg-blanco-palabras-50{
    
    background-image: url(/img/patter_palabras_15_blanco_50.webp);
}

.bg-blanco-dibujos{
    
    background-image: url(/img/patter_act_blanco_10.webp);
}
.bg-negro-dibujos{
    
    background-image: url(/img/patter_act_negro_10.webp);
}

.footer a{
    display: block;
}

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

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

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

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

.titulo {
  font-size: 3em;
  font-weight: 500;
}

.subtitulo {
  font-size: 1.5em;
  font-weight: 500;
}

.fg-naranjo {
  color: var(--naranjo);
}
.fg-blanco {
  color: white;
}

.bg-blanco{
    background-color: white;
}
.bg-verde .btn {
  background-color: white;
  color: var(--verde);
}
.bg-naranjo .btn {
  background-color: white;
  color: var(--naranjo);
}
.bg-gris .btn {
  background-color: white !important;
  color: black;
}

 .btn.btn-verde {
  background-color:var(--verde);
     color: white !important;
  color: black;
}


.btn {
  padding: 0.2em 1em;
  margin: 0.2em;
  border-radius: 0.5em;
}
.nav-item.select {
  border-bottom: #8EC950;
  border-bottom-style: solid;
}

@media (max-width: 700px) { 
    .imagen-menu{
     position: relative;
    margin-top: -30px;
    width: 200px!important;
    margin-bottom: -30px;
    }
    
    .menu{
            padding-top: 50px;
    }
    
    
.titulo {
  font-size: 2em;
  font-weight: 500;
}
.logo{
    
    position: relative;
}
    
.subtitulo {
  font-size: 1.2em;
  font-weight: 500;
}
 }   
   

/* CSS Document */