@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');


/* #promo {
position: relative;
background-color: 100,100,100,80%;
}
     
#promo .containerP {
    border: dashed;
    border-color: red;
    text-align: center;
    color: red;
    
    background-color: blueviolet;
    padding: 3rem;
    margin: 3rem;

    position: fixed;
    z-index: 3;
}

#promo .img {}

#promo .salir {
    position: absolute;
    top: 10px;
}

#cerrar :hover{
   display: hidden;
} */


.carrouself {
    margin: 2em;
    padding: 3em 10em 3em 10em;
    text-align: center;
    align-items: center;
    border-color: gray;
    border-style: dashed;
    border-width: 1px;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .carrouself {
        /*margin: 2em;
        padding: 3em 10em 3em 10em; */
        padding: 1rem;
        text-align: center;
        align-items: center;
        border-color: gray;
        border-style: dashed;
        border-width: 1px;
    }
}



.carrouself .h1 {
    text-decoration: solid;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}

.carrouself .h2 {
    font-style: block;
}

/* #carouselarriba .img {
    size: 80em;
} */

.carrouself h4 {
    /*text-shadow: 
		-1px -1px 1px #111, 
		2px 2px 1px #363636;*/
    text-shadow: 
      2px 2px 0px black; 
    /*4px 4px 0px white;        2da linea de sombras.!!!*/
}

.carrouself p {
    /* text-shadow:2px 2px 0px black; */
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.carrouself span {
    text-shadow:1px 1px 0px black;
    color: darkorange;
    font-size: 1.25rem;
}