
    
.general{font-family: 'Dancing Script', cursive;
     margin: 2rem;}


/* encabezado*/
.logo{margin-top: 0;
      width: auto;
      background-position: center;}

figure{margin-top: 0;
       position:relative;
       display: flex;
       align-content: center;
       flex-direction: column;}

figcaption{ font-size: 3rem;
            width: auto;
            text-align: center}           


/*listado*/
.contenedor{width:auto;
            height:auto;
            margin:1rem;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: baseline;}

.elemento0{font-family: 'Dancing Script', cursive;
           font-size:1,5rem; 
           color: #BDBDBD;
           text-align-last: left;
           padding-top: 2rem;}

.elemento1{width: 20px;
            height: 20px; 
             margin: 0;}   

.elemento2{width: 20px;
            height: 20px; 
            margin: 0;}


/*menu principal*/



.contenedor2{ display: flex;
              flex-wrap: wrap;
              justify-content: space-between;}

.jerarquia{ padding: 1rem;
            background-color: #FBFFCB; 
            border-radius:38px; 
            width: 45%;
            height: 25%;
            display: block;
            text-align: center;
            cursor: pointer;}

.jerarquia2{ padding: 1rem;
            background-color: #E0F8E0; 
            border-radius:38px; 
            width: 45%;
            height: 25%;
            display: block;
            text-align: center;
            cursor: pointer;}

.segunda {  padding: 1rem;
            background-color: #FBFFCB; 
            border-radius:38px;; 
            width: 100%;
           text-align: center;
           cursor: pointer; }

.segunda2 {  padding: 1rem;
            background-color: #E0F8E0; 
            border-radius:38px;; 
            width: 100%;
           text-align: center;
           cursor: pointer; }


p{font-family: 'Antic', sans-serif;
 font-size: 2rem;
  text-align: center}


.titulo{ font-size: 4rem;
         font-family: 'Dancing Script', cursive;
         text-align: center;}

a{ color: #000000;  
    text-decoration: none;
    font-family: 'Antic', sans-serif;} 
   a:hover { color: #666; }


footer{  font-family: 'Antic', sans-serif;
        font-size: 10px;
        text-align: center; }


/* agregado para pantallas secundarias*/

h6{ font-size: 1rem;
    font-weight: lighter;
    font-family: 'Antic', sans-serif;
    margin-top: 2rem;
    color: #F2F2F2;}

h1{ color: floralwhite;
    font-family: 'Dancing Script', cursive;
    font-size: 5rem;
    margin-bottom: 0,5;
    }

h2{ color: #F781BE;
    font-family: 'Antic', sans-serif;}

h5  { font-weight: 200;
    line-height: 140%;
    font-family: 'Antic', sans-serif;}

h3{ font-size: 3rem;
    margin-top: 0rem;
    padding-top: 1;
    font-weight: lighter;
    font-family: 'Dancing Script', cursive;
    color: #F5A9E1;}

h4{ font-size: 1rem;
    font-family: 'Antic', sans-serif;
    font-weight: lighter;
    margin-top: 0;}

input{ font-size: 4rem;
       font-family: 'Antic', sans-serif; 
       }

.cuerpotexto{ margin: 2rem;
              padding: 2rem;}


.recuadro{ margin: 3rem;
           padding: 1rem;
           background-color: #F5A9E1;
           border-radius:38px}

.recuadro2{ margin: 3rem;
           padding: 1rem;
           background-color: #FBFFCB;
           border-radius:38px;}

.entodas { width: 100%;
           height: 5rem;
           background-color: #FBFFCB;
           margin: 0;
           padding: 1rem;
           display: flex;
           justify-content:space-around;
           flex-wrap: nowrap;}

.seleccion { background-color:#FBFBEF;
             border-radius:38px;
             align-content: flex-start;
             padding: 1rem;
             margin-left: -1rem;
             margin-top: 1rem;}

.enviar{ margin-top: 1rem;
         font-size: 2rem;
         font-family: 'Antic', sans-serif; 
         background-color: #F5A9E1;
         text-decoration-color: #FBFFCB;}

.imagen{ margin-bottom: 1rem;
         border-radius:38px}

.videos {margin: 3rem;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;}
iframe{ width: 45%;
        margin: 1rem;}

.contacto{ background-color:#FBFBEF;
             border-radius:38px;
           width: 90%;
           margin: 3rem;
           padding: 1rem;}

.formulario{ font-size: 2rem;
    font-family: 'Antic', sans-serif;}

.normal{ margin:4rem; 
         width: 90%;
         align-content: center;}

.anotacion { margin-left: 4rem; 
             margin-top: -1rem;
             margin-bottom: 2rem;
             display: flex;
             align-items: flex-start;
             }
