Quita "sin guion" del lema y fuerza el logo a círculo perfecto

build.py

@@ -168,7 +168,7 @@ page = f'''<!doctype html>
       <img class="neon" src="img/avatar.jpg" alt="Anda Que No Sabes Ná" width="220" height="220">
       <p class="kicker">Directo desde Granada, de noche</p>
       <h1>El programa nocturno<br><em>100% granaíno</em></h1>
-      <p class="lead">Charlas sin guion sobre lo que sabemos, lo que no, y lo que creemos saber.</p>
+      <p class="lead">Charlas sobre lo que sabemos, lo que no, y lo que creemos saber.</p>
       <div class="cta">
         <a class="btn primary" href="{YT}" target="_blank" rel="noopener">Ver en YouTube</a>
         <a class="btn" href="#programas">Últimos programas</a>

public/styles.css

@@ -36,7 +36,7 @@ a { color: inherit; text-decoration: none; }
   backdrop-filter: blur(6px);
 }
 .brand { display: flex; align-items: center; gap: 10px; font-weight: 600; letter-spacing: .02em; }
-.brand img { border-radius: 50%; box-shadow: 0 0 14px rgba(46, 230, 255, .5); }
+.brand img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; box-shadow: 0 0 14px rgba(46, 230, 255, .5); }
 .top nav { display: flex; gap: 22px; font-size: .95rem; color: var(--muted); }
 .top nav a:hover { color: var(--neon); }
 @media (max-width: 640px) { .brand span { display: none; } .top nav { gap: 16px; } }
@@ -59,7 +59,7 @@ a { color: inherit; text-decoration: none; }
 @keyframes drift { to { transform: scale(1.1) translateY(-1.5%); } }
 .hero-inner { position: relative; max-width: 760px; }
 .neon {
-  width: clamp(130px, 22vw, 190px); margin: 0 auto 18px; border-radius: 50%;
+  width: clamp(130px, 22vw, 190px); height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 auto 18px; border-radius: 50%;
   border: 1px solid rgba(46, 230, 255, .35);
   animation: flicker 6s infinite;
 }