@charset "utf-8";
@font-face{
    font-family: Lakers Textured;
    src: url("fuentes/lakers-textured.woff");
}
@font-face{
    font-family: Roboto;
    src: url("fuentes/roboto.bold.woff")
}
/**"Mobile First"**/
*{
margin: 0; 
padding: 0; 
border: 0; 
box-sizing: border-box;
}

body{
    background-color: #d0d8c1;
    margin: 0;
}

header{
    background-color: #13655f;
}
footer{
    background-color: #333333
}
a{
    text-decoration: none;
}
/**header**/
header{
    width: 100vw;
    height: 3.5em;
    padding: .4em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo{
    display: block;
    width: 2.5em;
    /**padding: .0 45% .0 45%;**/
}
header ul{
    display: block;
    flex-wrap: wrap;
    width: 100vw;
    margin-right: 1.5em;
}
header ul li{
    list-style: none;
    padding: .2em .7em .2em .7em;
    margin-left: .6em;
    height: 2.3em;
}
header ul li a{
    color: white;
    font-family: "Lakers Textured";
    font-size: 1.3em;
    width: 1em;
    height: 3em; 
}
#llamamenu {
    background-color: rgba(51,51,51,0.50);
    cursor: pointer;
    display: flex;
    position: relative;
    z-index: 9999;
}

header nav ul{
    background-color: rgba(51,51,51,.50);
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    padding-top: 3.5em;
    padding-left: 1.3em;
    transition: all .6s ease;
    z-index: 1900;
}
.visible{
    left: 50%;
    transition: all .3s ease;
}
.perfil{
    display: block;
    width: 1.8em;
    margin: 0 0 0 .8em;
}
.hambur{
    display: block;
    margin: .8em;
    width: 1.5em
}

/** footer **/

footer{
    width: 100vw;
    height: 8.5em;
}
footer img{
    margin: 0 0 0 .8em;
    width: 35%;
    height: 100%;
}

footer nav{
    display: flex;
    padding: .3em .2em .3em .2em;
}
footer ul{
    list-style: none;
    padding: .6em 0em .0em .62em;
    display: flex;
    flex-wrap: wrap;
    background-color: #d1d8c1;
    
}
footer ul li{
    width: 50%;
    line-height: 1.4em;
    text-align: left;
    display: block;
    padding-left: .5em
}
footer ul li a{
    color: #13655f;
    display: block;
    font-style: normal;
    padding-left: 0.1em;
    text-decoration: none;
    font-family: "Lakers Textured";
    font-size: .9em;
}
main{
    width: 100vw;
}
/****HOME****/
/*mas likeados*/
.titulohome{
    width: 100%;
}
.titulohome h1{
    margin: 0;
    margin-left: .2em;
    margin-top: .2em;
    font-family: "Lakers Textured";
    font-size: 1.6em;
    letter-spacing: .01em;
    display: block;
}

.single-item{
    margin: 0;
    padding: 0;
    width: 100vw;
}
.single-item a{
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
}
.usuario{
    width: 12em;
    /**height: 100%;**/
    position: absolute;
    margin-left: .6em;
}

.imagenfondo{
    width: 100%;
    height: 70%,;
    display: block;
}

/** recordatorios home **/

.recordatorio{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

/*cosecha*/

.cosecha{
    background-color: #4e861b;
    border-radius: .6em;
    width: 94vw;
    height: 100%;
    margin: auto;
    margin-bottom: 1em;
}
.cosecha div{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.5em;
}
.cosecha h3{
    border-bottom: solid;
    margin: .3em .5em auto;
    color: white;
    display: block;
    width: 95%;
    font-family: "Roboto";
    font-size: 1.5em;
}
.cosecha h1{
    color: white;
    text-align: center;
    display: block;
    font-family: "Lakers Textured";
    font-size: 1.8m;
    margin: 0;
    margin-top: .3em;
}
.limon{
    display: block;
    margin: .2em .5em 0 1.5em;    
    width: 3em;
    height: 15%;
}
.cosecha h2{
    color: white;
    margin: .2em 0em 0 0;
    font-family: "Lakers Textured";
    font-size: 2.5em;
}
.cosecha p{
    color: white;
    margin: .7em 1em 0 .7em;
    font-family: "Roboto";
    font-size: 1em;
}
.cosecha nav a h3{
    width: 100%;
   
}
/*talleres*/

.calendario{
   background-color: #4e861b;
    border-radius: .6em;
    width: 94vw;
    height: 100%;
    margin: auto;
    margin-bottom: 1em;
}
.calendario h3{
    border-bottom: solid;
    margin: .3em .5em auto;
    color: white;
    display: block;
    width: 95%;
    font-family: "Roboto";
    font-size: 1.6em;
}
.calendario div{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.calendario h4 {
    color: white;
    margin: .2em 0em 0em .8em;
    font-family: "Roboto";
    font-size: .85em;
}
.calendario h5{
    color: white;
    margin: 1em 0 0 .8em;
    font-family: "Roboto";
    font-size: 1em;
}
.calendario p{
    color: white;
    margin: 0;
    padding: 1em 0.85em 0 .5em;
    display: block;
    font-family: "Roboto";
    font-size: 0.8em;
}


.zanahoria{
    margin: .8em .5em .8em .5em;
    width: 4em;
    height: 100%;
    display: block;
}

/** COMUNIDAD **/

/** TITULO**/
.titulocomu {
    margin: 0;
    margin-top: .2em;
    font-family: "Lakers Textured";
    font-size: 1.5em;
    letter-spacing: .01em;
    padding-left: .25em;
    display: block;
}
.filtrocomu {
    background-color: #333333;
    display: flex;
    padding: 0;
}
.filtrocomu li{
    color: white;
    list-style: none;
    margin-top: .2em;
    margin-left: 0.7em;
    font-family: "Lakers Textured";
    font-size: 1.2em;
}
/**IMAGENES**/
.comunidad{
    width: 90vw;
    margin: 0.3em auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.comunidad img{
    width: 41.5vw;
    margin: .2em;
}
/** TALLERES **/
.titulotalle{
    margin: 0;
    margin-top: .1em;
    font-family: "Lakers Textured";
    font-size: 1.5em;
    letter-spacing: .01em;
    padding-left: .25em;
    display: block;
}
.taller{
    width: 98%;
    margin: auto;
}
.taller h2{
    background-color: #4E861B;
    border-radius: .5em;
    color: #D0D8C1;
    font-family: "Lakers Textured";
    font-size: 1.2em;
    padding: 0em .5em ;
    margin-bottom: .3em;
}
.taller ul{
    display: flex;
    flex-wrap: wrap;
    width: 91%;
    margin: auto;
}
.taller ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 60%;
    margin-bottom: .8em;
}
.taller ul li h3{
    font-family: "Lakers Textured";
    font-size: 1em;
}
.taller ul li h4{
    font-family: "Roboto";
    font-size: .5em;
    margin-bottom: 0.5em;
}
.taller ul li p{
    font-family: "Roboto";
    font-size: .5em;
    width: 100%;
    justify-content: space-between;
}
.taller ul li p button{
    font-family: "Roboto";
    font-size: .9em;
    background-color: #4E861B;
    color: white;
    padding: 0.3em;
    margin-left: 1em;

}
.taller img{
    width: 36%;
    height: 40%;
    display: block;
    margin-right: .5em;
    margin-bottom: .5em;
}
/****GALERIA****/
.filtro {
    background-color: #333333;
    width: 100%;
    height: .8.5em;
}
.filtro ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 1em;
}

.filtro ul li {
    width: 24%;
    display: block;
}
    
.filtro ul li a {
    color: #d0d8c1;
    display: block;
    font-style: normal;
    text-decoration: none;
    font-family: "Lakers Textured";
    font-size: 1.1em;
    margin-top: .1em;
}

.titulo {
    font-family: "Lakers textured";
    margin-left: 0.5em;
}
.galeria {
    width: 90vw;
    display: flex;
    margin: 0.3em auto;
}

.columna img {
    width: 95%;
    display: block;
    margin: 0.4em auto; 
}

.filtro2 { 
    background-color: #4e861b;
    display: flex;
    margin-bottom: 0.7em;
}

.filtro2 h2 { 
    color: white;
    font-family: "Lakers Textured";
    font-size: 1.4em;
    margin: 0.2em 0 .2em 1em;
}
.cruz {
    width: 2em;
    height: 2em;
    align-items: center;
    margin-left: 39vw;
    margin: .2em auto;
}
.filtro2 { 
    background-color: #4e861b;
    display: flex;
    margin-bottom: 0.7em;
}

.filtro2 h2 { 
    color: white;
    font-family: "Lakers Textured";
    font-size: 1.4em;
    margin: 0.2em 0 .2em 1em;
}
.cruz {
        width: 2em;
        height: 2em;
        align-items: center;
        margin-left: 15vw;
}

/** LOGIN **/
.loginenca{
    background-color: #13655F;
    height: 100%;
}
.barra {
    width: 100%;
}

.regristrarse{
    width: 100%;
}


/** ESCRITORIO **/
@media only screen and (min-width: 992px) {
    
    /** HEADER **/
    
    /**.huerta{
        display: flex;
    }**/
    header{
        max-height: 5.5em;
        margin: 0;
        align-items: center;
    }
    header ul{
        display: flex;
        width: 100%
    }
    header ul li{
        background-color: rgba(51,51,51,.50);
    }
    header nav ul{
        background: none;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        padding-top: 0;
        padding-left: 0;
    }
    header nav ul.visible{
        left: auto;
    }

    .perfil {
        max-width: 2.6em;
        margin-top: .1em;
    }
    header .logo{
        max-width: 4em;
        margin-left: 23em;
    }
    #llamamenu{
        display: none;
    }
    /** HOME **/
    .huerta{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .titulohome{
        display: block;
        width: 55%;
        margin: 0;
    }
    
    .titulohome h1{
        margin-left: 1em;
    }
    /** SLIDER **/
    
    .single-item{
        display: block;
        max-width: 100%;
        height: 100%;
        padding: 0 1em;
    }
    .single-item a{
        width: 100%;
        display: block;
    }
    
    /** recordatorios **/
    .recordatorio{
        display: block;
        width: 43%;
        margin: 6% 0.6em auto;
    }
    /** COSECHA**/
    
    .cosecha{
        width: 95%;
    }
    .cosecha div{
        margin-top: 1em;
    }
    
    /** CALENDARIO **/
    
    .calendario{
        width: 95%;

    }
    .calendario p{
        margin-right: 1em;
    }
    
    /**Comunidad**/
    
    .comunidad{
        margin: .6em auto;
        
    }
    .comunidad img{
        width: 21.8vw
    }

    /** FOOTER **/
    
    footer{
        max-height: 3.8em;
    }
    
    footer img{
        width: 8%
    }
    
    footer ul{
        text-align: center;
        padding-left: 2em;
    }
    
    footer ul li{
        width: 12.5%;
        line-height: 1em;
    }
    
    footer ul li a{
        width: 100%;
        padding: .3em 0 .4em 30%m;
        font-size: 1em;
    }
    .jardinero{
        width: 10em;
        padding-left: 0.5em;
    }
    .mes{
        width: 9em;
        padding-left: 1em;
    }
    
    /** TALLERES **/
    .titulotalle{
        font-size: 2.5em;
    }
    .talleres{
        display: flex;
        margin: auto;
    }
    .taller{
        width: 48%;
        display: block;
        margin: .5em auto;
    }
    .taller h2{
        font-size: 2em;
        margin-bottom: .4em;
    }
    .taller img{
        width: 30%;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    .taller ul li{
        margin-top: 1em;
        margin-left: .5em;
        margin-bottom: .1em;
    }
    .taller ul li h3{
        font-size: 1.5em;
    }
    .taller ul li h4{
        font-size: .8em;
    }
    .taller ul li p{
        font-size: .8em;
    }
    
    /**GALERIA**/
    
    .galeria {
        width:100vw;
        display:flex;
}
    .columna {
        width: 100vw;
        display: flex;
        margin: .2em auto;
    }

   .columna img {
       width: 85%;
       margin: 0.2em auto;
    }

    .filtro2 h2{
        margin-left: 20vw;
        font-family: "Lakers Textured";
        font-size: 1.4em; 
    }
        
    .cruz {
        width: 2em;
        height: 2em;
        align-items: center;
        margin-left: 15vw;
    }
    
    /** LOGIN **/
    /**SEBASTIAN**/
    .video-escritorio-container{
        display: flex;
    flex-direction: row;
    place-content: center;
    }
    .video-escritorio{
            height: 100%;
            width: 44%;
    }
    .contenedor{
                display: flex;
        flex-direction: column;
        margin-left: 10px;
    }
    .primer-video{
        margin-right: 4%;
    }
    
    .lista-escritorio
    {
        display: flex;
    flex-direction: row;
    place-content: center;
    }
    #barra-escritorio
    {
        display: flex;
    flex-direction: row;
    place-content: center;
        margin-bottom: 153px;
    }
    
      .tituloforo
    {
     /** width: 100%;**/

    }
    
}


.full-size {
    width: 100%;
    height: 100%;
}


.header-slider
{     display: flex;
       width: 100%;
       height: 1.6em;
      padding-top: 5px;
       margin: 5px 0 0 0;
       padding-inline-start: 0px;
    
      justify-content: space-between; 
      background-color: #333333;
   /*  margin-inline-start: 5px; */
    margin-inline-end: 5px;
    
      list-style: none; 
      
}

.elemento-slider
{ 
color:#d0d8c1;
font-family: Lakers, bold;
   
    padding-left: 10%;
    margin-right: 20px;
    
}
.li-slider
{
    padding: 3px;
}

/*consejos del jardinero*/

.contenedor{ 
    list-style: none;
      /*            
    margin left:0 ;
    margin top: auto;*/
   /* height: 10vh;*/
    
    padding-left: 0;
  /*  box-sizing: border-box;*/
     /*background-color: #4e861b;*/
    margin-top: 5%
    
    }


.elemento-lista{ 
    list-style: none;
    position: relative;
    margin left:0 ;
    margin top: 50px;   
    margin bottom: 50px;
    height: 30vh;
    width: 100%

    }
.lista{ 
     display: flex;
    flex-direction: row;
    width: 100%;
    place-content: center;
    margin-bottom: 10px;
   
    }


.size169 {
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}

iframe {
    width: 100%;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
 }


.video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
     }


/**
video 
{
    width: 100%;
    height: auto;
    
        
    }

**/
/**
.video
{ background-color: #4e861b; 
    padding: 20px;
    padding-top: auto;
        **/
        
     }

.titulovideo
{ margin top: auto;
   /** padding-top: auto;**/
    
     
 }
main ul h3 {
    color: #000000;
   /* font-style: normal;
    font-family: sans-serif;
    padding: 4em;
    text-decoration: none;
        font-size: 1.5em;*/
        margin-block-start: 0em;
    margin-block-end: 0.2em;
    font-family: Lakers, bold;
    margin-inline-start: 3px;
    margin-left: 6px;
}
.tituloforo
{ color: #ffffff;
    background-color: #4e861b;
    
    width: 85%;
    margin: 1.7em 1em 1em 2em;
    height: 2em;
    border-radius: .6em;
    place-content: center;
    
    }

.textotitulo
{ 
    
  padding-top: 3px;
   
    font-family: Lakers, bold; 
    margin-block-start: 0em;
        margin-inline-start: 7px;
      }

.contenedor-foro
{ 
    list-style: none;
      /*            
    margin left:0 ;
    margin top: auto;*/
   /* height: 10vh;*/
    
    padding-left: 0;
  /*  box-sizing: border-box;
     background-color: #4e861b;
    margin-top: 5%*/
    
    }

.lista-foro 
{ 
     display: flex;
    flex-direction: row;
    width: 100%;
    
    margin: 4px 0px 14px 29px;
   
    }
.foto-foro
{ 
    flex-wrap: wrap;
    
    /** box-sizing: border-box;**/
  width:inherit;
     width: 5em;
    height: 5em;
    border-radius: 50%;
 }

.titulo-foto-foro
{
margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 28px;
    margin-inline-end: 0px;
    color: #13655f;
    font-family: Lakers, bold;
 }

.titulotextoforo
{ margin bottom: 1.5em;
   /** padding-top: auto;**/
     color: #232323;
    font-family: Lakers, bold;
    font-size: 1em;

     }




.textoforo
{ margin bottom: auto;
   /** padding-top: auto;**/
     color: #555555;
    font-family: "Roboto";
    font-size: 0.8em;
    width: 78%;
    

     }

.contenedor-icono
{ 
    position: relative;
    width: 79%;
       
    }


.icono-foro
{ 
    position: absolute;
     display: flex;
    height: 1.3em;

    flex-direction: row-reverse; 
    width: 80%;
    align-items: center;
   /** justify-content: space-between;      **/
        /**width: 25em; **/
/*    place-content: center;*/
   
    }
.imagen-icono
{ 
    
    width: 10%;
    margin-left: 4px;
    
    margin-right: 11px;
   
    }
.icono-cantidad-foro
{ 
    
    margin-left: 10px;
    
   
    }
.lista{ 
     display: flex;
    flex-direction: row;
    width: 100%;
    place-content: center;
   
    }


#barra
{ color: #555555;
    background-color: #ffffff;
    
    width: 240px;
    margin: 1.7em 1em 1em 2em;
    height: 2em;
    border-radius: .6em;
    position: relative;
    display: flex;
    
    }



#textobarra
{ 
    padding: 5px;
    margin left: 5px;
    margin top: 8px;
    line-height: 1.2em;
    font-family: Lakers, inherit;
    margin-block-start: 0em;
    
    
     }
.fotobarra
{  position: absolute;
    
    margin-top: 5px;
    margin-left: 87px;
    height: 65%;
   
    
     }

.textovideo
{ margin bottom: auto;
   /** padding-top: auto;**/
     color: #555555;
    font-family: "Roboto";
    margin-block-start: 0.4em;
    margin-left: 6px;
     }

.foto
{ 
    flex-wrap: wrap;
/*    border: solid 1px #13655F;*/
    /** box-sizing: border-box;**/
  width:inherit;
     height: 100%;
     width: 100%;
 }
#main_foro
{
    /**overflow: hidden;**/
    width: 100%;
    

}

.contenedor-fruta
{
    position: relative;
    width: 60%;
    align-items: start;
    place-content: center;
    display: flex;

}
.nombre-fruta
{
    width: 0%;
    height: 55%;
    margin-top: 10px;
    margin-block-start: 0.0;
    margin-block-end: 1em;
    /* margin-inline-start: -143px; */
    /* margin-inline-end: -14px; */
    margin-left: -78px;
    position: absolute;
    font-family: Lakers, bold;
    font-size: 1.5em;
    padding: 2px;
    color: #13655F;
    

    color:#13655F;
}

.fruta
{
    width: 80%;
    height: 55%;
    margin-top: 41px;
    

}
.recuadro
{
    position: absolute;
         height: 100%;
     width: 100%;
 }

}

#main_tutoriales
{
    /**overflow: hidden;**/
    width: 100%;
    
}
.titulo-header{
    font-family: "Lakers Textured";
}
}