*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
    }
    
    body{
    background:#f6f6f6;
    color:#333;
    }
    
    /* NAV */
    
    nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    background:white;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    position:sticky;
    top:0;
    }
    
    .menu a{
    margin-left:20px;
    text-decoration:none;
    color:#333;
    font-weight:bold;
    }
    
    /* HERO */
    
    .hero{
    
    height:80vh;
    
    background:
    linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
    url("https://images.unsplash.com/photo-1506126613408-eca07ce68773");
    
    background-size:cover;
    background-position:center;
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    
    color:white;
    text-align:center;
    
    }
    
    .hero h1{
    font-size:55px;
    margin-bottom:10px;
    }
    
    .hero p{
    font-size:20px;
    margin-bottom:20px;
    }
    
    .btn{
    
    background:#8e44ad;
    color:white;
    
    padding:12px 25px;
    border-radius:30px;
    
    text-decoration:none;
    
    }
    
    /* SECTION */
    
    .section{
    padding:70px 20px;
    text-align:center;
    }
    
    .section h2{
    font-size:35px;
    margin-bottom:30px;
    }
    
    /* SOBRE MI */
    
    .about{
    
    max-width:900px;
    margin:auto;
    
    display:flex;
    gap:30px;
    align-items:center;
    
    }
    
    .about img{
    width:300px;
    border-radius:10px;
    }
    
    /* HORARIOS */
    
    .cards{
    
    display:grid;
    
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    
    gap:20px;
    
    max-width:900px;
    
    margin:auto;
    
    }
    
    .card{
    
    background:white;
    
    padding:25px;
    
    border-radius:10px;
    
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    
    }
    
    /* MAPA */
    
    iframe{
    
    width:100%;
    max-width:800px;
    
    height:350px;
    
    border:none;
    
    border-radius:10px;
    
    }
    
    /* INSTAGRAM */
    
    .instagram{
    
    display:inline-block;
    
    margin-top:20px;
    
    background:#E1306C;
    
    color:white;
    
    padding:12px 25px;
    
    border-radius:25px;
    
    text-decoration:none;
    
    }
    
    /* FOOTER */
    
    footer{
    
    background:#222;
    
    color:white;
    
    padding:20px;
    
    }
    
    /* WHATSAPP */
    
    .whatsapp{
    
    position:fixed;
    
    bottom:20px;
    right:20px;
    
    background:#25D366;
    
    color:white;
    
    font-size:30px;
    
    padding:15px 18px;
    
    border-radius:50%;
    
    text-decoration:none;
    
    box-shadow:0 5px 15px rgba(0,0,0,0.3);
    .instagram-float{

        position:fixed;
        
        bottom:90px;
        right:20px;
        
        background:#E1306C;
        
        color:white;
        
        font-size:28px;
        
        padding:14px 16px;
        
        border-radius:50%;
        
        text-decoration:none;
        
        box-shadow:0 5px 15px rgba(0,0,0,0.3);
        
        }
        
        .instagram-float:hover{
        
        background:#c72c5a;
        
        }
    }