*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.Estilo1{color:#F9F8F5;font-family:Arial;font-size:16px}
.Estilo2{color:#5a361b;font-size:24px;font-family:poppins}
.Estilo5{font-family:Verdana;font-size:14px;color:#a56a38}
.Estilo31{font-family:Segoe UI;font-size:14px;LINE-HEIGHT:1.5em;letter-spacing: 0.5pt;word-spacing: 1pt;color:#000}
.Estilo4{font-family:Arial, sans-serif;font-size:14px;LINE-HEIGHT:1.5em;letter-spacing: 0.5pt}
.Estilo30{font-family:Arial,sans-serif;font-size:14px;color:#000;}
.Estilo6{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:12px}
.Estilo7{font-size:16px;font-weight:bold}
.Estilo10{font-family: Century Gothic;
  letter-spacing: 0.2pt; 
  word-spacing: 1pt;
    font-size:1.3em;
    line-height:2em;
	color:#5a361b;}
.Estilo11{font-family: Century Gothic;
  letter-spacing: 0.2pt; 
  word-spacing: 1pt;
    font-size:1.1em;
    line-height:2em;
	color:#5a361b;}

.Estilo19{font-family:'monotype corsiva';font-size:18px;color:#c93}
.Estilo20{font-family:'Edwardian script ITC';font-size:42px;color:#5a361b}
.Estilo18{font-family: 'Satisfy',cursive;font-size:24px;color:#5a361b}
.Estilo21{font-family:Verdana;font-size:10px;color:#a56a38}
.Estilo22{font-family:Verdana;font-size:10px}
.Estilo3{font-family: Century Gothic;
  letter-spacing: 0.2pt; 
  word-spacing: 1pt;
    font-size:1em;
    line-height:2em;}
h1{letter-spacing:2px;font-family:Arial;font-size:1.5rem;color:#5a361b} 
h2{letter-spacing:2px;font-family:Arial;font-size:18px;color:#5a361b;     margin: 10px auto 15px;}
h3 {  
font-family:"Century Gothic";
font-size: 1rem;
line-height:1.5em;
letter-spacing:0.04em;
word-spacing:0.2rem;
 font-weight: bold;
  margin-bottom: 0px;
 
}



body{
    margin: 0;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

    
}


/*-++-+-+-+--+--+-+-+-T+-+++-+-+-++-+-++--++-PRINCIPAL+-+--++-+--++---++--++-+-+--++--+*/
.principal{
    width: 100%;
    height: 100vh;
    display: grid;
    margin-top: 100px;
}

.row{
    display: flex;
    justify-content: center;
    justify-content: space-around;
    width: 70%;
    margin: 50px auto;
    flex-direction: row;
}

.row2{
    display: flex;
    justify-content: center;
    justify-content: space-around;
    width: 100%;
    margin: auto;
    flex-direction: row;
}

.cajas{
display: flex;
text-align: center;
align-items: center;
}

.principal .row a:hover{
    text-shadow: 0.2em 0.2em 0.2em rgba(124, 124, 124, 0.998);
}

.principal .row2 a:hover{
    text-shadow: 0.2em 0.2em 0.2em rgba(124, 124, 124, 0.998);
}

.cajas a{
    text-decoration: none;
    color:#5a361b;
    text-align: center;
    font-size:24px;
    font-family:"poppins";
}


.icono-wasap{
    display: flex;
    width: 100%;
    margin: 10px auto 50px;
    justify-content: center;
}

.icono-wasap img{
    width:60px;
    height:60px;
    
}

.redes-sociales{
width: 100%;
display: flex;

height: 80px;
justify-content: center;
background-color: rgb(248, 246, 246);
box-shadow: 0px 0px 10px 4px #edecec;
}

.redes-sociales img{

    width: 80px;
    height: 80px;
    margin: 0px 45px 0px;

}

.texto{ margin: 80px auto; width: 80%;}

.title{text-align: center; margin-bottom: 40px;}

.left h4{margin: 30px 0px 20px;}

.left a { text-decoration: none;}

hr{
    width: 100%;
    margin: 20px auto 30px;
}


/*+-+-+-+-+-+-+-+-+-+MEDIAS+-+-+-+-+-+-+-+-+-+-+-+-+-+*/

@media all and (max-width:700px){

    .principal{
        width: 100%;
        height: max-content;
        margin: 100px auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .row{
        width: 100%;
        
        margin: 10px auto 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .row2{
        width: 100%;
        
        margin: auto ;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }


    .cajas{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin: 40px auto;
    }



    .redes-sociales img{
        margin: 0px;
        width: 100%;
    }

    .video video{
        margin:20px auto;
        display: flex;
        width: 320px;
        height: 320px;
    }

}