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

/*Estilos Principales*/
html,body{
    font-family: 'Seg0e UI', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7em;}

    a{color:#333;text-decoration: none;}
    h1,h2,h3{padding-bottom: 10px 0;}
   
/*utilidades*/
.container{margin: auto; max-width: 1100px;overflow:auto; padding: 0 20px;}

/*paddin*/

.py-1{padding:10px 0;}
.py-2{padding:20px 0;}
.py-3{padding:30px 0;}

.btn{
    display: inline-block;font-size: 18px; color:#fff; background: #333;
    padding: 13px 20px;
}

#navbar{background: #000; color:#fff; overflow: auto;}
#navbar a{color:#fff;}
/* Mantener el título a la izquierda */
#navbar h1{float: left; padding-top: 20px;}

/* Navegación principal */
#navbar ul{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;          /* Mueve el menú a la esquina superior derecha */
}

#navbar ul li{
    display: inline-block;
    margin-left: 15px;      /* Separación entre opciones */
}