body{
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
}

@font-face{
    font-family: 'titulo';
    src: url(../fonts/CaveatBrush-Regular.ttf);
}



h1, h2{
    font-family: 'titulo';
    font-size: 2.5em;
    color: #814686;  
}

h3 {
    font-family: 'titulo';
    font-size: 2.2em;
    color: #814686;  
}

h4 {
    font-family: 'titulo';
    font-size: 1.7em;
    color: #814686;  
}


h5 {
    font-family: 'titulo';
    font-size: 1.8em;
    color: #814686;  
}

.fondo1{
    background-color: rgba(217, 191, 218, .8);
}

.uno{
    color: #E83D59;
}

.dos{
    color: #1DB098;
}

.tres{
    color: #4782C3;
}


@font-face{
    font-family: 'texto';
    src: url(../fonts/Lora-VariableFont_wght.ttf);
}

P{
    font-family: 'texto';
    font-size: 1em;
    color: #2b2b2b;      
}

li{
    font-family: 'texto';
    font-size: 1em;
    color: #2b2b2b;
}

.logo {
    position: absolute;
    left: 5%;    
    top: 2%;
    margin: 0 auto;
    z-index: 9999999;
 }

 
.stylotope1{
    background-color: hsl(296, 30%, 61%) ;
    font-size: 1em;
    color: #fff;
    font-family: 'texto';
}

.stylotope1 a{
    text-decoration: none;
    font-size: 1em;
    color: #fff;
}

.redestope1{
    font-size: 1.5em;
    text-align: end;
}


.nav-link{
    color: #814686;
    font-family: 'titulo';
    font-size: 1.3em;
}

.dropdown-item{
    font-family: 'titulo';
    color: #814686;
}


.jumbotron{
    background-color: #D3F3F0;
}

.redesfooter{
    color: #814686;
    font-size: 1.2em;
}

.footer1{
    background-color: #DEF7F6;
    color: #6F4171;
}

.btn-color{
    background-color: #6F4171;
    color: #D3F3F0;
}
.footer1 a{
    text-decoration: none;
    color: #995B9C;
    list-style: none;
}

.footer1 li{
    list-style: none;
}

.copy{
    background-color: #47b3a6;
    color: #ffffff;
}


/* BOTON DE WHATSAPP */
.whatsappbottom{   
    text-align: end;
   
}


.textCarrusel{
    background-color: rgb(153, 91, 156, 0.2);
    text-shadow: 3px 3px #995B9C;
    margin-bottom: 60px;
  }


  .hcarousel{
      color: #fff;
     font-size: 3.5em;
  }


.textCarrusel h3{
    color: #fff;
 }






@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .hcarousel{
        color: #fff;
       font-size: 1.1em;
    }

    .textCarrusel{
        background-color: rgb(153, 91, 156, 0.2);
        text-shadow: 3px 3px #995B9C;
        margin-bottom: 1px;
      }
    

}

/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ———– */
@media only screen
and (min-width : 1224px) {
/* Styles */
}