/* CSS */
div.LAT-panel-superior{
    font-size:0;
    margin:0;
    padding:0;
}
    div.LAT-panel-superior>div{
        margin:0;
        padding:0;
    }
        div.LAT-panel-superior>div>div{
            background-color:#e7e7e7;
            margin:0;
            overflow:hidden;
            padding-bottom:50%;
            position:relative;
        }
            /* PANELES Y CONTROLES */
            div.LAT-panel-superior>div>div>div{
                left:0;
                padding-bottom:50%;
                position:absolute;
                top:0;
                width:100%;
                z-index:1;
            }
            div.LAT-panel-superior>div>div>div:first-child+div{/*CONTROLES*/
                z-index:2;
            }
                /* PANELES */
                div.LAT-panel-superior>div>div>div:first-child>div{
                    background-position:center center;
                    background-repeat:no-repeat;
                    background-size:cover;
                    filter:alpha(opacity=0);
                    font-size:70pt;
                    left:0;
                    opacity:0;
                    -ms-opacity:0;
                    -moz-opacity:0;
                    -o-opacity:0;
                    -webkit-opacity:0;
                    padding-bottom:50%;
                    position:absolute;
                    top:0;
                    transition:opacity 0.4s, -ms-opacity 0.4s, -moz-opacity 0.4s, -o-opacity 0.4s, -webkit-opacity 0.4s, filter 0.4s;
                    -ms-transition:opacity 0.4s, -ms-opacity 0.4s, -moz-opacity 0.4s, -o-opacity 0.4s, -webkit-opacity 0.4s, filter 0.4s;
                    -moz-transition:opacity 0.4s, -ms-opacity 0.4s, -moz-opacity 0.4s, -o-opacity 0.4s, -webkit-opacity 0.4s, filter 0.4s;
                    -o-transition:opacity 0.4s, -ms-opacity 0.4s, -moz-opacity 0.4s, -o-opacity 0.4s, -webkit-opacity 0.4s, filter 0.4s;
                    -webkit-transition:opacity 0.4s, -ms-opacity 0.4s, -moz-opacity 0.4s, -o-opacity 0.4s, -webkit-opacity 0.4s, filter 0.4s;
                    width:100%;
                }
                    div.LAT-panel-superior>div>div>div:first-child>div>div{
                        font-family:var(--tipografia-01, sans-serif);
                        left:0;
                        position:absolute;
                        top:50%;
                        width:100%;
                        z-index:1;
                    }
                        div.LAT-panel-superior>div>div>div:first-child>div>div>div{
                            position:relative;
                            top:0;
                            z-index:1;
                        }
                            div.LAT-panel-superior>div>div>div:first-child>div>div>div>div{
                                letter-spacing:-0.05em;
                                overflow:hidden;
                                padding:5px 0;
                                white-space:nowrap;
                                width:0%;
                            }
                            div.LAT-panel-superior>div>div>div:first-child>div>div>div>div:first-child{
                                font-size:85%;
                                font-weight:900;
                            }
                            div.LAT-panel-superior>div>div>div:first-child>div>div>div>div:first-child+div{
                                font-size:70%;
                                font-weight:600;
                            }
                                div.LAT-panel-superior>div>div>div:first-child>div>div>div>div>span{
                                    background-color:#1c1c1cdb;
                                    color:#fff;
                                    display:inline-block;
                                    margin:0 90px;
                                    padding:0 20px;
                                }
                /* ANIMACIÓN PANELES */
                /* REF: https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_delay */
                div.LAT-animblq-panel{
                    filter:alpha(opacity=100)!important;
                    opacity:1!important;
                    -ms-opacity:1!important;
                    -moz-opacity:1!important;
                    -o-opacity:1!important;
                    -webkit-opacity:1!important;
                }
                div.LAT-animtex-01-panel>div:first-child,
                div.LAT-animtex-02-panel>div:last-child{
                    animation-name:LATAnimTexPanel;
                    animation-delay:0.3s;
                    animation-duration:2s;
                    animation-iteration-count:1;
                    animation-fill-mode:forwards;
                }
                div.LAT-animtex-02-panel>div:last-child{
                    animation-delay:0.5s;
                }
                @keyframes LATAnimTexPanel{
                   from {width:0%;}
                   to {width:100%;}
                }
                /* CONTROLES */
                div.LAT-panel-superior>div>div>div:first-child+div>div{
                    display:none;
                    left:0;
                    position:absolute;
                    top:50%;
                    width:100%;
                }
                div.LAT-pan-sup-controles>div{
                    display:block!important;
                }
                    div.LAT-panel-superior>div>div>div:first-child+div>div>div{
                        background-color:#1c1c1c3d;
                        border:5px solid #ffffff87;
                        border-radius:50%;
                        cursor:pointer;
                        font-size:0;
                        height:50px;
                        overflow:hidden;
                        position:absolute;
                        top:-25px;
                        width:50px;
                        z-index:1;
                    }
                    div.LAT-panel-superior>div>div>div:first-child+div>div>div:after{
                        border:10px solid transparent;
                        content:'';
                        display:inline-block;
                        font-size:0;
                        margin-top:30%;
                    }
                    div.LAT-panel-superior>div>div>div:first-child+div>div>div:first-child{
                        left:20px;
                    }
                        div.LAT-panel-superior>div>div>div:first-child+div>div>div:first-child:after{
                            border-right-color:#ffffff87;
                            margin-left:15%;
                        }
                    div.LAT-panel-superior>div>div>div:first-child+div>div>div:last-child{
                        right:20px;
                        z-index:2;
                    }
                        div.LAT-panel-superior>div>div>div:first-child+div>div>div:last-child:after{
                            border-left-color:#ffffff87;
                            margin-left:40%;
                        }
/*
RESPONSIVO
*/
@media screen and (max-width: 1000px){
    /* ALTO ESPACIO */
    div.LAT-panel-superior>div>div{
        padding-bottom:60%;
    }
	div.LAT-panel-superior>div>div>div{
		padding-bottom:60%;
	}
		div.LAT-panel-superior>div>div>div:first-child>div{
			padding-bottom:60%;
		}
    /* TAMAÑO LETRA */
    div.LAT-panel-superior>div>div>div:first-child>div{
        font-size:54pt;
    }
}
@media screen and (max-width: 730px){
    /* ALTO ESPACIO */
    div.LAT-panel-superior>div>div{
        padding-bottom:80%;
    }
	div.LAT-panel-superior>div>div>div{
		padding-bottom:80%;
	}
		div.LAT-panel-superior>div>div>div:first-child>div{
			padding-bottom:80%;
		}
    /* TAMAÑO LETRA */
    div.LAT-panel-superior>div>div>div:first-child>div{
        font-size:40pt;
    }
    /* TEX PANEL */
    div.LAT-panel-superior>div>div>div:first-child>div>div>div>div>span{
        margin:0 84px;
    }
    /* CONTROLES */
    div.LAT-panel-superior>div>div>div:first-child+div>div>div{
        border-width:4px;
        height:46px;
        top:-23px;
        width:46px;
    }
    div.LAT-panel-superior>div>div>div:first-child+div>div>div:after{
        border-width:10px;
        margin-top:30%;
    }
}
@media screen and (max-width: 580px){
    /* ALTO ESPACIO */
    div.LAT-panel-superior>div>div{
        padding-bottom:100%;
    }
	div.LAT-panel-superior>div>div>div{
		padding-bottom:100%;
	}
		div.LAT-panel-superior>div>div>div:first-child>div{
			padding-bottom:100%;
		}
    /* TAMAÑO LETRA */
    div.LAT-panel-superior>div>div>div:first-child>div{
        font-size:32pt;
    }
    /* TEX PANEL */
    div.LAT-panel-superior>div>div>div:first-child>div>div>div>div>span{
        margin:0 76px;
    }
    /* CONTROLES */
    div.LAT-panel-superior>div>div>div:first-child+div>div>div{
        border-width:4px;
        height:40px;
        top:-20px;
        width:40px;
    }
    div.LAT-panel-superior>div>div>div:first-child+div>div>div:after{
        border-width:8px;
        margin-top:30%;
    }
}
@media screen and (max-width: 460px){
    /* ALTO ESPACIO */
    div.LAT-panel-superior>div>div{
        padding-bottom:130%;
    }
	div.LAT-panel-superior>div>div>div{
		padding-bottom:130%;
	}
		div.LAT-panel-superior>div>div>div:first-child>div{
			padding-bottom:130%;
		}
    /* TAMAÑO LETRA */
    div.LAT-panel-superior>div>div>div:first-child>div{
        font-size:26pt;
    }
    /* TEX PANEL */
    div.LAT-panel-superior>div>div>div:first-child>div>div>div>div>span{
        margin:0 58px;
    }
    /* CONTROLES */
    div.LAT-panel-superior>div>div>div:first-child+div>div>div{
        border-width:3px;
        height:34px;
        top:-17px;
        width:34px;
    }
    div.LAT-panel-superior>div>div>div:first-child+div>div>div:after{
        border-width:7px;
        margin-top:30%;
    }
    div.LAT-panel-superior>div>div>div:first-child+div>div>div:first-child{
        left:10px;
    }
    div.LAT-panel-superior>div>div>div:first-child+div>div>div:last-child{
        right:10px;
    }
}
@media screen and (max-width: 420px){
    /* ALTO ESPACIO */
    div.LAT-panel-superior>div>div{
        padding-bottom:145%;
    }
	div.LAT-panel-superior>div>div>div{
		padding-bottom:145%;
	}
		div.LAT-panel-superior>div>div>div:first-child>div{
			padding-bottom:145%;
		}
}