/* Ajustes de presentacion del sitio estatico de Nectar Sound. 2026-08-17.
   No toca el contenido: corrige lo que el markup original (pegado a mano en un
   widget de texto de WordPress) dejaba sin resolver.
   Revertir = borrar este archivo y su <link> en los .html */

/* 1. Los SVG decorativos no traen viewBox/width/height: el navegador los pinta
      a 300x150 px en gris (opacity .659). Son manchas, no contenido. */
.page-content p > svg { display: none !important; }

/* 2. El contenido vivia suelto en el area del tema, sin ancho maximo ni
      centrado. De ahi que todo se pegara a la izquierda. */
.page-content { max-width: 1140px; margin-left: auto; margin-right: auto;
                padding-left: 24px; padding-right: 24px; }
.page-content img { max-width: 100%; height: auto; }
.page-content > h2, .page-content > h3, .page-content > p { text-align: center; }
.page-content h3 { font-weight: 400; opacity: .8; max-width: 62ch; line-height: 1.6;
                   margin-left: auto; margin-right: auto; }

/* 3. El equipo en rejilla responsiva, con foto circular. */
.ns-equipo { display: grid; gap: 44px 28px; margin: 48px 0 8px;
             grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.ns-card { text-align: center; }
.ns-card img { width: 168px; height: 168px; object-fit: cover;
               border-radius: 50%; display: block; margin: 0 auto 14px; }
.ns-card h2 { font-size: 1rem; letter-spacing: .06em; margin: 0 0 6px; text-align: center; }
.ns-card p  { font-size: .875rem; line-height: 1.55; opacity: .72; margin: 0; text-align: center; }

@media (max-width: 480px) {
  .ns-equipo { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 32px 16px; }
  .ns-card img { width: 132px; height: 132px; }
}