/*!--banner--¡*/
h1{ text-align:left;
        color: rgba(241, 244, 247, 0.952);
        width: 100%;
    font-size: 8em;}
    
    header{ background-image: url(../img/discosgim.jpg);
        width: 100%;
        height: 150% ;
        background-size: cover;
        background-repeat:no-repeat;
        justify-content: right;}

header ul li {display: flex;
            justify-content:space-between;
            padding: 0;
            text-decoration: none;
            display: inline-block;
            text-align: right;}

header ul li a{color: aliceblue;
                list-style: none;
                text-decoration: none;
                font-size: 2em;
                box-sizing: border-box;
                display: inline-block;
                text-decoration: none;
                display: flex;
                padding: 0;
                margin: 15px;
                justify-content:space-between;}


/*!--primera seccion--¡*/

.familia h2 {
            display: inline-block;
            padding: 10px;
            display: flex;
            justify-content: center;
            size: 60px;
            margin:0%;
            padding:0;
        font-size: 3em;}

.familia div {  color: aliceblue;
            background-image: url(../img/entrenamiento.avif);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
        padding:100px;
        margin: 10px;
        box-sizing: border-box;
        height: 10cm;
        display: flex;
        justify-content: space-between;}

.familia div a{
        background-color: rgb(2, 2, 2);
        color: aliceblue;
        size: 150px;
        font-size: 4em;
        border: 1px solid;
        border-radius: 100%;
        text-decoration: none;
        font-weight: bold;
        display: flex;;
        padding: 40px;
        margin: 0px;
        width: 350px;
        height: 255px;
        }



            /*!--segunda seccion--¡*/

.comenza { 
        background-image: url(../img//gimnasio-foto.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        text-align: center;
        width: 100%;
        height: 500px;
        margin-bottom: 5%;
        border: 2px solid black;
        display: grid;
        justify-content: space-around;
}

.comenza h2 {
        color: aliceblue;
        font-size: 3em;
}
.cartas {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
}

.comenza .cartas div{
        width: 200px;
        height: 250px;
        margin: 10px;
        border-radius: 10px;
        border: 1 px solid black;
        background-color: gray;
}       

.cartas div img{
        width: 200px;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
        }

.cartas div a{
        background-color: black;
        color: aliceblue;
        text-decoration: none;
        bottom: 0;
        display: grid;
        justify-content: end;
        padding: 5px;
}




            /*!--fondo gris--¡*/
body {background-color: rgba(209, 203, 203, 0.87);
        background-repeat: no-repeat;}


            /*!--tabla de clases--¡*/
.planificacion {background-position: center;
                text-align: center;
                color: aliceblue;
                background-image:url(../img/gimnasio-foto.jpeg);
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;}





*{margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    margin-bottom: 1%;
    text-align: center;
    background-position: center;
    text-transform: capitalize;
    font-family: Georgia, 'Times New Roman', Times, serif;}


    /*!--clases--¡*/
.clases {color: aliceblue;
        background-image: url(../img/fondo-gim.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        border: 1px solid black;
        margin: 30px;}

.deporte {margin: 25px;}


        

h3 {font-size: 5em;
    background-color: black;}
    

/*!--sedes--¡*/

.sedes-gym  {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat( 3, 1fr) ;
            gap: 10px;
        margin: 100px;
        padding: 5px;}

.sedes {border: 1px solid black;
        size: 3em;
        display: grid;
        justify-content: space-around;
        border-radius: 30px;
        }

.sedes div {margin: 10px;
        padding:20px;}
        
.sedes-4 {border: 1px solid black;
        size: 3em;
        display: grid;
        justify-content: space-around;
        border-radius: 30px;}
.sedes-4 h2 {text-align: center;
                margin: 5px;}

.sedes img {position: relative;
            display: grid;
        justify-content: space-around;}

.sedes div p {text-align: center;
        size: 3em;}


    /*!plan de pagos¡*/
.info {text-align: left;
       font-size: 2em;
        border: 1px solid black;}

.informacion div {
        display: flex;
        justify-content: space-around;
        border: 3px solid rgb(0, 0, 0);
        margin: 2px;
        font-size: 2 em ;                
                        }



.imagenes-de-pie {text-align: left;
                    background-color: rgba(99, 98, 98, 0.61);
                    display: flex; gap: 20px;}
.imagenes-de-pie p {margin: 0;
                    padding: 0%;}


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

* a:hover {border: solid 2px rgb(139, 54, 54)}