@font-face{
    font-family: InfinitiBrand;
    src: url(InfinitiBrand-Regular.ttf);
}
@font-face{
    font-family: InfinitiBrandBold;
    src: url(InfinitiBrand-Bold.ttf);
}

.animate{ background: linear-gradient(to right, #000000 4%, #484848 25%, #000000 36%); }

body, .esl{ font-family: InfinitiBrand; font-style: normal; background: #EAEAEA; }
.dvd{ background: black; }

::placeholder {
    color: #ffffff;
    font-size: 47px;
    font-family: InfinitiBrand;
}
#cont_inva{ display: none; }
#cont_op{ display: none; }
#cont_face{ display: none; }
#cont_claf{ display: none; }
#cont_webv{ display: none; }
#cont_insta{ display: none; }

.btnwithd{ color: black; }
form input, .e1, textarea, #s{font-family: InfinitiBrand; border: 2px solid #ffffff; color: white; background: black; font-size: 47px;}
#eticont, .datocont, .contenc{ color: #fff; }
#subcont, #dtsuser{ background: #000000; }
.h2{ color: black; }
.datocont, #correo{ font-size: 47px; }
#lista p{ color: white; }
#cont_inva{ display: none; }
#galcont{ display: none; }
#qr{ width: 50%; }

/**ESTILOS DE BOTONES DE POPS**/
.btn_fc{ color: white;
    font-weight: bold;
    background: #3c5a9a; 
    border-radius: 50px; 
    font-size: 40px; 
    width: 100%; 
    text-align: center; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    margin-bottom: 5%; 
}
.btn_in{
    color: white; 
    margin-bottom: 5%;
    font-weight: bold; 
    background: radial-gradient(circle farthest-corner at 15% 100%, #fec564, transparent 5%),radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 20%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%); 
    border-radius: 50px; 
    font-size: 40px; 
    width: 100%; 
    text-align: center; 
    padding-top: 20px; 
    padding-bottom: 20px;
}
.btn_claf{
    font-weight: bold;
    color: black;
    background: white; 
    border-radius: 50px; 
    font-size: 40px; 
    width: 100%; 
    text-align: center; 
    padding-top: 20px; 
    padding-bottom: 20px;
    margin-bottom: 5%;
}
#im{ margin-left: 3%; margin-right: 3%; }

/******************************/


.profilePic {
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    height: 1500px;
}
#grc{ display: block; }
.h2, #eticont{ font-family: 'InfinitiBrandBold'; }
#sbigal img {
    height: auto;
    width: 1000px;
}
#paypop{
    border-radius: 15px;
    background: black;
    color: #343130;
    font-size: 59.2px;
    text-align: center;
    display: flex;
    width: 100%;
}
#logo{
    width: 500px;
    height: 500px;
    border-radius: 0;
    margin-top: 10%;
    margin-bottom: 5%;
}
#logo img {
    width: 100%;
    height: auto;
    border-radius: 25px;
}
#galim {
    height: 950px;
    width: 950px;
}
#galim img {
    height: auto;
    width: 100%;
}
#biggal{ width: 1000px; height: auto; }

.imag1{
    object-fit: cover;
}


#galin{/*se modifica el espacioado de los radiobutton de las imágenes*/
    margin-top: 25%;
}
.d2{/*en caso de que el correo sea muy largo*/

}
.esl{
    margin-top: 3%;
}


.fp{
    margin-top: 15%;
    width: 100%;
}
.fp_sbimg {
    width: 26%;
    margin-left: 5%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fp_sbimg img{
    width: 70%;
}


@media only screen and (min-width: 1050px) {
  /* For desktop: */
    body{
        background: #EAEAEA;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .dvd{
        width: 90%;
        background: black;
    }
    #correos1{
        display: none;
    }
    #etc{
        display: flex;
    }
    #what img{
        margin-bottom: 15%;
    }
    #smsm{
        margin-bottom: 19%;
    }
    #bigal{
        width: 90%;
    }
}

@media only screen and (min-width: 1230px) {
    body{ background: #EAEAEA; }
    .dvd{
        width: 75%;
        background: black;
    }
    #bigal{
        width: 75%;
    }
}

@media only screen and (min-width: 1350px) {
    body{ background: #EAEAEA; }
    .dvd{
        width: 70%;
        background: black;
    }
    #smsm{
        margin-bottom: 22%;
    }
    #bigal{
        width: 70%;
    }
}


@media only screen and (min-width: 1450px) {
  /* For desktop: */
    body{ background: #EAEAEA; }
    .dvd{
        width: 70%;
        background: black;
    }
}

@media only screen and (min-width: 1600px) {
  /* For desktop: */
  body{ background: #EAEAEA; }
    .dvd{
        width: 60%;
        background: black;
    }
    #bigal{
        width: auto;
    }
}

.fetc{
    width: 700px;
}