/* Estilos para tabletas y celulares en modo vertical  */
@media (max-width: 1024px) and (orientation: portrait) {
    .body{
        background-image: url(/assets/images/update/web\ template\ Fondo\ Vertical\ 4Anim.GIF);
        background-size:100% 100%;
        overflow: hidden;
    }

    .container-tv{
        bottom: 22vw;
        left:7%;
    }

    .tv-video{
        width: 62vw;
    }

    .logos {
        margin-bottom: 216%;
        gap: 3.3vw;
    }

    .mail-info{
        display: none;
    }

    .mail-info-2{
        display: flex;
        position: relative;
        top: 15%;
        right: 32%;
        font-size: var(--font-iconos);
    }
}

/*@media (min-height: 375px) and (max-width: 1280px) and (orientation: landscape) {    
    .tv-image {
        height: 75%;
        width: 70vw;
    }
}*/

/* El iphone x de 375x812 reacciona  a la media de widht 731px no a 812px MAX-WIDHT* y ancho 320px/
/* El iphone mini reacciona a 701px no a 780px MAX-WIDHT*/ 
/* El iphone 12 reacciona a 760px no a 844px MAX-WIDHT  */
/* galaxy z el ancho reacciona a 272PX HEIGHT
*/
/*  273 => 360 height*/
@media  (max-height:273px) and (orientation:landscape) {
    /* .main{background-color: rgb(239, 54, 125);} */
    .tv-image {
        height: 75%;
        width: 50vw;
        /* opacity: 0.3; */
    }

    .tv-video{
        left: -15%;
    }

    .logos {
        margin-bottom: 64%;
        gap: 1.8vw;
    }

    .logos i{
        font-size: calc(var(--font-iconos) * 0.8);
    }

    .mail-info{
        font-size: calc(var(--font-mini) * 0.9);
        margin-left: 10%;
    }
}

@media (min-height: 274px) and (max-height:393px) and (orientation:landscape) {
    /* .main{background-color: rgb(98, 0, 255);} */
    .tv-image {
        height: 75%;
        width: 56vw;
    }

    .tv-video{
       left: -6%;
    }

    .logos {
        margin-bottom: 100%;
        gap: 2.3vw;
    }

    .mail-info{
        font-size: calc(var(--font-mini) * 0.8);
        margin-left: 10%;
    }
}

@media (min-height: 394px) and (orientation:landscape) {
    /* .main{background-color: rgb(217, 255, 0);} */
    .tv-image {
        height: 75%;
        width: 72vw;
    }
}

/* 
@media (max-width: 1200px) {
    .tv-image {
        width: 70vw;
    }
    .tv-video {
        width: 45vw;
        height: 70%;
    }
    .rrss {
        left: 70%;
    }
}
  
@media (max-width: 768px) {
    .tv-image {

    }
    .tv-video {
        width: 65vw;
        height: 60%;
    }

    .rrss {
        font-size: var(--font-dos);
        left: 60%;
        bottom: 5%;
    }
}
  
@media (max-width: 480px) {
    .logo{
        font-size: var(--font-mini);
    }

    .mail-info {
        margin-top: -22%;
        margin-left: 50%;
        font-size: var(--font-mini);
    }

    .rrss {
        color:darkgray;
        left: 37%;
        top: 129%;
    }
} */