Banner

Contacto

Embed

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Nuestras oficinas</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700&family=Lato:wght@400&display=swap');

    body {
      background-color: #232428;
      margin: 0;
      font-family: 'Lato', sans-serif;
    }

    .districts-section {
      padding: 40px 20px;
      color: #f9f9f9;
      text-align: center;
    }

    h1 {
      margin-bottom: 20px;
      font-size: 48px;
      color: #ffffff;
      font-family: 'Inter Tight', sans-serif;
      font-weight: bold;
    }

    .district-scroll {
      display: flex;
      overflow-x: auto;
      gap: 7px;
      padding: 10px;
      scroll-snap-type: x mandatory;
    }

    .node {
      min-width: 250px;
      max-width: 265px;
      background-color: #f9f9f9;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      flex-shrink: 0;
      scroll-snap-align: start;
      text-align: left;
    }

    .node-title {
      font-family: 'Inter Tight', sans-serif;
      font-weight: bold;
      color: #fec424;
      font-size: 20px;
      margin-bottom: 10px;
      text-decoration: underline;
    }

    ul {
      list-style-type: none;
      padding: 0;
      margin: 10px 0;
      color: #232428;
    }

    ul li {
      margin: 5px 0;
    }

    .contact-button {
      background-color: #fec424;
      border: none;
      padding: 10px 15px;
      border-radius: 5px;
      cursor: pointer;
      color: #fff;
      font-family: 'Inter Tight', sans-serif;
      font-weight: bold;
      margin-top: 10px;
    }

    .contact-button:hover {
      background-color: #d7a71e;
    }

    .popup, .overlay {
      display: none;
      position: fixed;
      z-index: 1000;
    }

    .overlay {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }

    .popup {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      color: #000;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      width: 300px;
      max-width: 90%;
      text-align: center;
    }

    .popup h3 {
      margin-bottom: 15px;
    }

    .popup p {
      margin: 10px 0;
      color: #232428;
    }

    .popup button {
      background-color: #fec424;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      color: #fff;
      font-family: 'Inter Tight', sans-serif;
      font-weight: bold;
    }

    .popup button:hover {
      background-color: #d7a71e;
    }
  </style>
</head>
<body>
  <section class="districts-section">
    <h1>Nuestras oficinas</h1>
    <div class="district-scroll">
      
      <div class="node">
        <div class="node-title">SURQUILLO - CHORRILLOS</div>
        <ul><li>Chorrillos</li><li>Surquillo</li></ul>
        <button class="contact-button" onclick="showPopup('Aldo Iturri Cáceres', '+51 957 090 761 / +51 993 409 007', 'Av. Petit Thouars 5029, Miraflores, Lima', 'eventos@cyh.com.pe')">Contacto</button>
      </div>

      
      <div class="node">
        <div class="node-title">SAN JUAN DE MIRAFLORES</div>
        <ul><li>San Juan de Miraflores</li><li>Villa María del Triunfo</li></ul>
        <button class="contact-button" onclick="showPopup('Jose Francisco Levis Ordoñez', '+51 949 303 145 / +51 993 409 007', 'Av. Petit Thouars 5029, Miraflores, Lima', 'eventos@cyh.com.pe')">Contacto</button>
      </div>

      
      <div class="node">
        <div class="node-title">LA MOLINA</div>
        <ul><li>La Molina</li><li>Ate</li><li>Santa Anita</li><li>Cieneguilla</li><li>Chaclacayo</li><li>Prov. de Huarochirí</li><li>Chosica</li></ul>
        <button class="contact-button" onclick="showPopup('Marcela Lopez Vera', '+51 989 740 828 / +51 989 740 520', 'Av. La Molina 648, Of. 204, La Molina, Lima', 'eventos@cyh.com.pe')">Contacto</button>
      </div>

      
      <div class="node">
        <div class="node-title">SAN BARTOLO - VES</div>
        <ul><li>Lurín</li><li>Pachacamac</li><li>Punta hermosa</li><li>Punta negra</li><li>San Bartolo</li><li>Santa María del Mar</li><li>Pucusana</li><li>Villa el Salvador</li></ul>
        <button class="contact-button" onclick="showPopup('Rudy Racchumi Centeno', '+51 982 235 650 / +51 978 302765', 'Urb. El Carmen km 43 mz h1 lte 23, Punta Hermosa, Lima', 'eventos@cyh.com.pe')">Contacto</button>
      </div>

      
      <div class="node">
        <div class="node-title">CALLAO</div>
        <ul><li>Callao</li><li>Mi Perú</li><li>Carmen de la Legua</li><li>Bellavista</li><li>La Punta</li><li>La Perla</li><li>Ventanilla</li><li>Pueblo libre</li><li>San Miguel</li></ul>
        <button class="contact-button" onclick="showPopup('Enrique Castro Pulcha', '+51 987 281 644 / +51 993 409 007', 'Av. Sáenz Peña 182 Dpto. 301, Callao', 'eventos@cyh.com.pe')">Contacto</button>
      </div>

      
      <div class="node">
        <div class="node-title">BARRANCO</div>
        <ul><li>Barranco</li></ul>
        <button class="contact-button" onclick="showPopup('Eduardo López López', '+51 957 090 705 / +51 993 409 007', 'Av. Petit Thouars 5029, Of. 201, Miraflores, Lima', 'eventos@cyh.com.pe')">Contacto</button>
      </div>
    </div>
  </section>

  
  <div class="overlay" id="overlay" onclick="hidePopup()"></div>
  <div class="popup" id="popup">
    <h3 id="popup-title"></h3>
    <p id="popup-phone"></p>
    <p id="popup-address"></p>
    <p id="popup-email"></p>
    <button onclick="hidePopup()">Cerrar</button>
  </div>

  <script>
    function showPopup(name, phone, address, email) {
      document.getElementById('popup-title').textContent = name;
      document.getElementById('popup-phone').textContent = `Teléfono: ${phone}`;
      document.getElementById('popup-address').textContent = `Dirección: ${address}`;
      document.getElementById('popup-email').innerHTML = `Correo: <a href="mailto:${email}" style="color:#007BFF; text-decoration: none;">${email}</a>`;
      document.getElementById('popup').style.display = 'block';
      document.getElementById('overlay').style.display = 'block';
    }

    function hidePopup() {
      document.getElementById('popup').style.display = 'none';
      document.getElementById('overlay').style.display = 'none';
    }
  </script>
</body>
</html>

Location

Oficina Principal

Call to action

Asegura que las melodías resuenen sin preocupaciones en tu negocio. Confía en CE y HM para gestionar derechos musicales eficientemente.

Protege la Música en tu Espacio

CE y HM

Gestión Autorizada de Derechos de Autor Musicales para Locales y Eventos

¿Utilizas música en tu local o evento? Cumple con la normativa legal y asegúrate de estar al día con los derechos de autor.

Somos CE y HM, una empresa oficialmente autorizada por APDAYC para gestionar los derechos de autor musicales en los siguientes distritos de Lima y alrededores:

Chorrillos, Barranco, Surquillo, San Juan de Miraflores, Villa María del Triunfo, Villa El Salvador, La Molina, Ate, Santa Anita, Cieneguilla, Chaclacayo, San Antonio, Ricardo Palma, San Antonio de Huarochirí, Lurigancho Chosica, Lurín, Pachacámac, Punta Hermosa, Punta Negra, San Bartolo, Callao, Ventanilla, Pueblo Libre, San Miguel.

¿Qué hacemos?

Gestionamos la cobranza por el uso de música de los autores registrados en APDAYC (que representan casi el 90% del total de autores).
Detectamos locales y eventos que utilizan música, empadronamos locales recurrentes, y gestionamos el cobro por evento.
No realizamos el reparto de las regalías; nuestro objetivo es asegurar que los pagos se realicen a APDAYC de manera rápida y efectiva, brindando seguimiento y asistencia en el trámite.
Nuestro compromiso:

Autorización y legalidad: Como empresa autorizada por APDAYC, garantizamos que las gestiones se realizan de forma legal, asegurando el cumplimiento de la normativa vigente.
Eficiencia en la cobranza: Nos encargamos del proceso de empadronamiento y cobranza de manera organizada y constante, para facilitar el pago de nuestros usuarios.
Transparencia: Aunque no nos encargamos del reparto de regalías, brindamos total transparencia en la gestión y seguimiento de las cobranzas, asegurando que las contribuciones lleguen a APDAYC.
Beneficios para los usuarios:

Cumplimiento con la ley y evitación de sanciones.
Asesoría y apoyo en todo el proceso de regularización.
Seguridad en que el uso de música en su local o evento está completamente regularizado.
Contáctanos para recibir más información y regularizar tu uso de música de manera segura y eficiente.

Mulish

Lato

Inter Tight

Merriweather