/* --- SECCIÓN AUTOR (LA TRAMA) --- */
           #autor {
               background: white;
               border-top: 1px solid #e2e8f0;
           }

           .author-container {
               display: flex;
               align-items: center;
               justify-content: center;
               gap: 4rem;
               max-width: 1100px;
               margin: 0 auto;
               background: #fff;
           }

           .author-logo-wrapper {
               flex: 1;
               display: flex;
               justify-content: center;
               align-items: center;
           }

           .latrama-logo {
               max-width: 280px;
               /* Ajusta según tamaño real */
               height: auto;
               filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));
               transition: transform 0.3s ease;
           }

           .latrama-logo:hover {
               transform: scale(1.05);
           }

           .author-content {
               flex: 1.5;
           }

           .author-label {
               font-size: 0.9rem;
               text-transform: uppercase;
               letter-spacing: 2px;
               color: var(--accent);
               font-weight: 700;
               margin-bottom: 10px;
               display: block;
           }

           .author-name {
               font-size: 2.5rem;
               font-weight: 900;
               color: var(--text);
               margin-bottom: 1rem;
               line-height: 1.1;
           }

           .author-desc {
               font-size: 1.1rem;
               line-height: 1.6;
               color: var(--text-secondary);
               margin-bottom: 2rem;
           }

           .social-buttons {
               display: flex;
               gap: 15px;
               flex-wrap: wrap;
           }

           .btn-social {
               display: inline-flex;
               align-items: center;
               gap: 8px;
               padding: 12px 24px;
               border-radius: 50px;
               font-weight: 600;
               font-size: 1rem;
               transition: all 0.3s ease;
               text-decoration: none;
           }

           .btn-linkedin {
               background-color: #0077b5;
               color: white;
               border: 2px solid #0077b5;
           }

           .btn-linkedin:hover {
               background-color: white;
               color: #0077b5;
           }

           .btn-trama {
               background-color: #fcd34d;
               /* Amarillo Trama aprox */
               color: #1c2636;
               border: 2px solid #fcd34d;
           }

           .btn-trama:hover {
               background-color: white;
               color: #d97706;
               border-color: #d97706;
           }

           /* --- SECCIÓN YOUTUBE PALOMITEROS (PRE-FOOTER) --- */
           #yt-palomiteros {
               background: var(--text);
               /* Fondo oscuro */
               color: white;
               text-align: center;
               padding: 5rem 5%;
               position: relative;
               overflow: hidden;
           }

           #yt-palomiteros::before {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: radial-gradient(circle at center, rgba(198, 59, 54, 0.2) 0%, rgba(28, 38, 54, 0) 70%);
               pointer-events: none;
           }

           .yt-content {
               position: relative;
               z-index: 2;
               max-width: 800px;
               margin: 0 auto;
           }

           .yt-title {
               font-size: 2.5rem;
               font-weight: 900;
               margin-bottom: 1rem;
           }

           .yt-text {
               font-size: 1.2rem;
               color: #cbd5e1;
               margin-bottom: 2.5rem;
           }

           .btn-yt-channel {
               background-color: #FF0000;
               color: white;
               padding: 16px 40px;
               font-size: 1.2rem;
               border-radius: 8px;
               font-weight: 700;
               box-shadow: 0 10px 25px rgba(255, 0, 0, 0.3);
               display: inline-flex;
               align-items: center;
               gap: 10px;
               border: 2px solid #FF0000;
           }

           .btn-yt-channel:hover {
               background-color: transparent;
               color: #FF0000;
               transform: translateY(-3px);
           }

           /* RESPONSIVE TWEAKS */
           @media (max-width: 768px) {
               .author-container {
                   flex-direction: column;
                   text-align: center;
                   gap: 2rem;
               }

               .social-buttons {
                   justify-content: center;
               }

               .author-name {
                   font-size: 2rem;
               }
           }