*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
body{
    & main{
        & #Imagen{
            position:absolute;
            width:45dvw;
            height:70dvh;
            border:3px solid black;
            top:50%;
            left:2%;
            transform:translate(0%,-50%);
        }
        & #VentanaDetalles{
            display:none;
            position:absolute;
            width:45dvw;
            height:70dvh;
            background-color:#0d6efd;
            color:white;
            border:3px solid black;
            border-top-left-radius:20px;
            border-bottom-left-radius:20px;
            top:50%;
            left:52%;
            transform:translate(0%,-50%);
            & #Titulo{
                width:90%;
                margin-top:3%;
                margin-bottom:1%;
                text-align:center;
                font-size:2rem;
                font-weight:bold;
            }
            & #Coordenadas{
                text-align:center;
                font-size:1.5rem;
            }
            & .Recuadro{
                border:2px solid black;
                width:80%;
                margin:0 auto 10px auto;
                border-radius:22px;
                & table{
                    width:100%;
                    border-radius:20px;
                    border-collapse:collapse;
                    & thead{
                        width:100%;
                        border-top-right-radius:20px;
                        border-top-left-radius:20px;
                        & th{
                            background-color:burlywood;
                            border-bottom:2px solid black;
                            border-top-right-radius:20px;
                            border-top-left-radius:20px;
                            padding:10px;
                            font-size:1.3rem;
                        }
                    }
                    & tbody{
                        border-bottom-right-radius:20px;
                        border-bottom-left-radius:20px;
                        & tr{
                            td{
                                width:50%;
                                padding-top:5px;
                                padding-bottom:5px;
                                font-size:1.2rem;
                            }
                            & td:nth-of-type(1){
                                text-align:right;
                            }
                            & td:nth-of-type(2){
                                padding-left:10px;
                                text-align:left;
                            }
                        }
                    }
                }
            }
            & img{
                position:absolute;
                width:15%;
                top:-4%;
                left:85%;
            }
        }
    }
    #Geolocalizacion{
        display:grid;
        position:absolute;
        width:100dvw;
        height:40px;
        background-color:red;
        color:white;
        top:61.19px;
        left:0;
        place-items:center;
        font-size:1.3rem;
        font-weight:bold;
    }
    & .Popup{
        display:grid;
        width:10dvw;
        height:27dvh;
        grid-template-columns:repeat(1,100%);
        grid-template-rows:30px 60px 50px 30px 60px;
        gap:10px;
        & #Margen{
            margin:0;
        }
        & #divImagen{
            display:flex;
            width:100%;
            align-items:center;
            justify-content:center;
            & img{
                display:block;
                width:70%;
            }
        }
        & p{
            display:flex;
            width:100%;
            text-align:center;
            align-items:center;
            justify-content:center;
        }
        & p:nth-of-type(1){
            font-weight:bold;
            font-size:2rem;
        }
        & p:nth-of-type(2){
            font-weight:bold;
            font-size:1.2rem;
        }
        & p:nth-of-type(4){
            font-weight:bold;
            font-size:1.5rem;
        }
        & #divBoton{
            width:100%;
            height:60px;
            display:flex;
            align-items:center;
            justify-content:center;
            & #Detalles{
                display:grid;
                position:relative;
                background-color:#0d6efd;
                color:white;
                border:1px solid black;
                padding:10px 20px 10px 20px;
                border-radius:10px;
                place-content:center;
            }
            & #Detalles:hover{
                cursor:pointer;
            }
        }
    }
}
@media (width > 1057){}