{"id":2684,"date":"2026-07-17T07:40:47","date_gmt":"2026-07-17T07:40:47","guid":{"rendered":"https:\/\/lacondesamusic.es\/?page_id=2684"},"modified":"2026-09-03T08:46:47","modified_gmt":"2026-09-03T08:46:47","slug":"inicio","status":"publish","type":"page","link":"https:\/\/lacondesamusic.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2684\" class=\"elementor elementor-2684\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8200842 e-con-full e-flex e-con e-parent\" data-id=\"8200842\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f71fa7b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f71fa7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 HERO \"Convertimos marcas en cultura\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-heroC. La foto (PNG con transparencia real)\r\n     se pone en la etiqueta <img> de abajo (src). Usa object-fit:contain\r\n     y sin fondo en el marco, as\u00ed que la figura flota directamente\r\n     sobre el beige de la secci\u00f3n, sin recuadro. Animaciones de entrada\r\n     (al hacer scroll) + animaci\u00f3n ambiental continua mientras la\r\n     secci\u00f3n est\u00e1 en reposo (Ken Burns en la foto, anillo girando,\r\n     barras de ecualizador latiendo).\r\n     ============================================================ -->\r\n<div class=\"lcm-heroC\" id=\"lcm-heroC\">\r\n  <div class=\"lcm-heroC__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lcm-heroC__inner\">\r\n\r\n    <div class=\"lcm-heroC__copy\">\r\n      <h1 class=\"lcm-heroC__title\">\r\n        <span class=\"lcm-hc-line\"><span class=\"lcm-hc-line__text\">Convertimos<\/span><span class=\"lcm-hc-line__wipe\" style=\"--d:0.05s;\"><\/span><\/span>\r\n        <span class=\"lcm-hc-line\"><span class=\"lcm-hc-line__text\">marcas en<\/span><span class=\"lcm-hc-line__wipe\" style=\"--d:0.22s;\"><\/span><\/span>\r\n        <span class=\"lcm-hc-line lcm-hc-line--gold\"><span class=\"lcm-hc-line__text\">cultura.<\/span><span class=\"lcm-hc-line__wipe\" style=\"--d:0.39s;\"><\/span><\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"lcm-hc-reveal\" style=\"--d:0.75s;\" >Creamos universos sonoros y artistas de marca para que tu marca se escuche, se recuerde y genere comunidad.<\/p>\r\n\r\n      <div class=\"lcm-heroC__cta-row lcm-hc-reveal\" style=\"--d:0.9s;\">\r\n        <a href=\"#calendly\" class=\"lcm-heroC__btn lcmCalendlyBtn\"><span>Hablar con el equipo<\/span><span class=\"lcm-heroC__btn-arrow\">\u2192<\/span><\/a>\r\n        <a href=\"#lcm-cs\" class=\"lcm-heroC__link\">Ver c\u00f3mo funciona <span class=\"lcm-heroC__link-arrow\">\u2193<\/span><\/a>\r\n      <\/div>\r\n\r\n      <p class=\"lcm-heroC__tags lcm-hc-reveal\" style=\"--d:1.05s;\">Branding sonoro \u00a0\u00b7\u00a0 Cultura de marca \u00a0\u00b7\u00a0 Comunidad<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-heroC__visual\" style=\"--d:0.25s;\">\r\n      <span class=\"lcm-hc-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n      <div class=\"lcm-heroC__frame\">\r\n        <!-- Barras de ecualizador decorativas: ahora van DENTRO del marco,\r\n             as\u00ed se anclan al borde real de la imagen sin importar cu\u00e1nto\r\n             espacio tenga la columna alrededor. -->\r\n        <div class=\"lcm-hc-bars-out\" aria-hidden=\"true\">\r\n          <span style=\"--bh:60px;  --bd:0s;\"><\/span>\r\n          <span style=\"--bh:110px; --bd:0.09s;\"><\/span>\r\n          <span style=\"--bh:45px;  --bd:0.18s;\"><\/span>\r\n          <span style=\"--bh:85px;  --bd:0.27s;\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Este PNG s\u00ed tiene transparencia real (fondo alpha:0 verificado),\r\n             por eso ya no hay marco ni fondo negro: la figura flota\r\n             directamente sobre el beige de la secci\u00f3n con object-fit:contain.\r\n             Si cambias la imagen por otra, aseg\u00farate de que tambi\u00e9n tenga\r\n             fondo transparente real (no blanco ni negro s\u00f3lido). -->\r\n        <img decoding=\"async\"\r\n          class=\"lcm-heroC__img\"\r\n          src=\"https:\/\/lacondesamusic.es\/wp-content\/uploads\/2026\/07\/edited-photo-optimizada.png\"\r\n          alt=\"Universo sonoro de La Condesa Music\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  html{ scroll-behavior: smooth; }\r\n\r\n  .lcm-heroC{\r\n    --bg:#F4F1EA;\r\n    --ink:#17140F;\r\n    --ink-soft:#6B6152;\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --border:rgba(23,20,15,0.12);\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:0;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n    min-height:100svh;\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n  .lcm-heroC *{ box-sizing:border-box; }\r\n  .lcm-heroC a{ text-decoration:none; }\r\n\r\n  .lcm-heroC__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.035; mix-blend-mode:multiply;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-heroC__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1380px;\r\n    margin:0 auto;\r\n    padding:110px 32px;\r\n    display:grid;\r\n    grid-template-columns:0.85fr 1.15fr;\r\n    gap:56px;\r\n    align-items:center;\r\n  }\r\n\r\n  .lcm-heroC__title{\r\n    font-family:var(--serif);\r\n    font-weight:700;\r\n    letter-spacing:-0.015em;\r\n    line-height:1.04;\r\n    font-size:clamp(2.6rem, 5.6vw, 4.6rem);\r\n    margin:0 0 26px;\r\n  }\r\n  .lcm-hc-line{ position:relative; display:block; overflow:hidden; }\r\n  .lcm-hc-line--gold .lcm-hc-line__text{ color:var(--gold); font-style:italic; }\r\n  .lcm-hc-line__text{ display:inline-block; }\r\n  .lcm-hc-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--bg);\r\n    transform-origin:right center;\r\n    animation:lcmHcWipe 0.9s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmHcWipe{ to{ transform:scaleX(0); } }\r\n\r\n  .lcm-heroC__copy p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:16.5px;\r\n    line-height:1.65;\r\n    color:var(--ink-soft);\r\n    max-width:440px;\r\n    margin:0 0 34px;\r\n  }\r\n\r\n  .lcm-heroC__cta-row{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-bottom:34px; }\r\n   .lcm-heroC__btn{\r\n    position:relative;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    background:linear-gradient(135deg, var(--gold-bright), var(--gold));\r\n    color:var(--ink);\r\n    font-family:var(--sans);\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    padding:16px 26px;\r\n    border-radius:999px;\r\n    overflow:hidden;\r\n    transition:transform .3s ease;\r\n  }\r\n  .lcm-heroC__btn span:first-child{ position:relative; z-index:1; }\r\n  .lcm-heroC__btn-arrow{ position:relative; z-index:1; transition:transform .3s ease; }\r\n  .lcm-heroC__btn::before{\r\n    content:\"\";\r\n    position:absolute; top:0; left:-120%; width:60%; height:100%;\r\n    background:linear-gradient(115deg, transparent, rgba(255,255,255,0.55), transparent);\r\n    transition:left .55s ease;\r\n  }\r\n  .lcm-heroC__btn:hover{ transform:translateY(-2px); }\r\n  .lcm-heroC__btn:hover::before{ left:130%; }\r\n  .lcm-heroC__btn:hover .lcm-heroC__btn-arrow{ transform:translateX(3px); }\r\n\r\n  @keyframes lcmHcGlow{\r\n    0%,100%{ box-shadow:0 0 0 0 rgba(201,164,91,0.35); }\r\n    50%{ box-shadow:0 0 24px 4px rgba(201,164,91,0.28); }\r\n  }\r\n  .lcm-heroC--visible .lcm-heroC__btn{\r\n    animation: lcmHcGlow 3.2s ease-in-out infinite 1.6s;\r\n  }\r\n  .lcm-heroC__link{\r\n    font-family:var(--sans);\r\n    font-weight:500;\r\n    font-size:14.5px;\r\n    color:var(--ink);\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    border-bottom:1px solid transparent;\r\n    transition:color .3s ease, border-color .3s ease;\r\n  }\r\n  .lcm-heroC__link:hover{ color:var(--gold); border-color:var(--gold); }\r\n  .lcm-heroC__link-arrow{ display:inline-block; animation:lcmArrowBounce 2.4s ease-in-out infinite; }\r\n\r\n  .lcm-heroC__tags{\r\n    font-family:var(--sans);\r\n    font-size:13px;\r\n    letter-spacing:0.02em;\r\n    color:var(--ink-soft);\r\n  }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico para texto ---------- *\/\r\n  .lcm-hc-reveal{\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n  }\r\n  .lcm-heroC--visible .lcm-hc-reveal{\r\n    animation:lcmHcFadeUp 0.85s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmHcFadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  \/* ---------- Visual ---------- *\/\r\n  .lcm-heroC__visual{\r\n    position:relative;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    opacity:0;\r\n    transform:translateY(18px) scale(0.97);\r\n  }\r\n  .lcm-heroC--visible .lcm-heroC__visual{\r\n    animation:lcmHcFadeUp 1s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  \/* ---------- Marco de la foto: se ajusta EXACTO al tama\u00f1o real de la\r\n     imagen (nada de aspect-ratio fijo), as\u00ed las barras quedan pegadas\r\n     a su borde real sin importar la proporci\u00f3n del archivo. El \u00fanico\r\n     valor que controla el tama\u00f1o ahora es max-height en .lcm-heroC__img. ---------- *\/\r\n  .lcm-heroC__frame{\r\n    position:relative;\r\n    z-index:1;\r\n    min-width:0;\r\n    background:transparent;\r\n  }\r\n  .lcm-heroC__img{\r\n    display:block;\r\n    width:900px;\r\n    height:900px;\r\n    max-width:930%;\r\n    max-height:930%;\r\n    transform:scale;(4.00);\r\n  }\r\n  .lcm-heroC--visible .lcm-heroC__img{\r\n    animation:lcmHcImgIn 1.3s cubic-bezier(.16,.8,.24,1) forwards 0.15s,\r\n              lcmHcKenBurns 16s ease-in-out infinite 1.6s;\r\n  }\r\n  @keyframes lcmHcImgIn{ to{ transform:scale(1); } }\r\n  @keyframes lcmHcKenBurns{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.04); } }\r\n\r\n  \/* ---------- Anillo ambiental, mismo lenguaje que el resto del sitio ---------- *\/\r\n  .lcm-hc-ring{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    width:118%; height:118%;\r\n    transform:translate(-50%,-50%);\r\n    border:1px dashed rgba(23,20,15,0.1);\r\n    border-radius:50%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    animation:lcmHcRingSpin 70s linear infinite;\r\n  }\r\n  @keyframes lcmHcRingSpin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }\r\n\r\n  \/* ---------- Barras de ecualizador decorativas, pegadas al marco ---------- *\/\r\n  .lcm-hc-bars-out{\r\n    position:absolute;\r\n    left:-18px; top:50%;\r\n    transform:translateY(-50%);\r\n    display:flex;\r\n    align-items:flex-end;\r\n    gap:7px;\r\n    z-index:2;\r\n  }\r\n  .lcm-hc-bars-out span{\r\n    display:block;\r\n    width:6px;\r\n    height:var(--bh, 60px);\r\n    border-radius:3px;\r\n    background:linear-gradient(180deg, var(--gold-bright) 0%, rgba(201,164,91,0.15) 100%);\r\n    transform-origin:bottom;\r\n    transform:scaleY(0);\r\n    opacity:0;\r\n  }\r\n  .lcm-heroC--visible .lcm-hc-bars-out span{\r\n    animation:lcmHcBarRise 0.6s cubic-bezier(.34,1.56,.64,1) forwards var(--bd, 0s),\r\n              lcmHcBarPulse 2.6s ease-in-out infinite calc(var(--bd, 0s) + 0.8s);\r\n  }\r\n  @keyframes lcmHcBarRise{ to{ transform:scaleY(1); opacity:1; } }\r\n  @keyframes lcmHcBarPulse{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(0.72); } }\r\n\r\n  @keyframes lcmArrowBounce{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(4px); } }\r\n\r\n  @media (max-width:900px){\r\n    .lcm-heroC__inner{ grid-template-columns:1fr; padding:100px 24px 60px; }\r\n    .lcm-heroC__visual{ order:-1; max-width:340px; margin:0 auto 20px; }\r\n    .lcm-hc-bars-out{ display:none; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-hc-line__wipe, .lcm-hc-reveal, .lcm-heroC__visual{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-hc-line__wipe{ display:none; }\r\n    .lcm-heroC__img{ animation:none !important; transform:scale(1); }\r\n    .lcm-hc-ring, .lcm-hc-bars-out span, .lcm-heroC__link-arrow{ animation:none !important; opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-heroC');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-heroC--visible');\r\n      return;\r\n    }\r\n    \/* El hero suele ser lo primero visible: disparamos en carga,\r\n       con IntersectionObserver como respaldo si no est\u00e1 a la vista. *\/\r\n    function reveal(){ el.classList.add('lcm-heroC--visible'); }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){ reveal(); io.unobserve(el); }\r\n        });\r\n      }, { threshold: 0.1 });\r\n      io.observe(el);\r\n    } else {\r\n      reveal();\r\n    }\r\n  })();\r\n<\/script>\r\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  if (window.__lcmCalendlyBound) return;\r\n  window.__lcmCalendlyBound = true;\r\n\r\n  document.querySelectorAll(\".lcmCalendlyBtn\").forEach((btn) => {\r\n    btn.addEventListener(\"click\", (e) => {\r\n      e.preventDefault();\r\n\r\n      if (typeof Calendly === \"undefined\") {\r\n        console.error(\"Calendly no est\u00e1 cargado\");\r\n        return;\r\n      }\r\n\r\n      let origen = 'otro';\r\n      if (btn.closest('#lcm-heroC')) origen = 'hero';\r\n      else if (btn.closest('#lcm-s8')) origen = 's8';\r\n\r\n      if (typeof gtag === 'function') {\r\n        gtag('event', 'cta_click_calendly_' + origen);\r\n      }\r\n\r\n      Calendly.initPopupWidget({\r\n        url: \"https:\/\/calendly.com\/lacondesamusic\/lacondesamusic\"\r\n      });\r\n\r\n      return false;\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22fb249 elementor-widget elementor-widget-html\" data-id=\"22fb249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 SECCI\u00d3N \"Lo que hemos construido juntos\", v2\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-s10. Redise\u00f1o editorial: sin tarjetas ni\r\n     cajas \u2014 el n\u00famero es el elemento dominante de cada dato, en\r\n     degradado dorado-a-blanco con un brillo que lo recorre cada\r\n     pocos segundos. Separadores finos en vez de bordes. Fondo negro\r\n     con un resplandor ambiental que respira detr\u00e1s de todo.\r\n     ============================================================ -->\r\n<div class=\"lcm-s10\" id=\"lcm-s10\">\r\n  <div class=\"lcm-s10__grain\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"lcm-s10__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lcm-s10__inner\">\r\n\r\n    <div class=\"lcm-s10__eyebrow-row lcm-s10-reveal\" style=\"--d:0s;\">\r\n      <span class=\"lcm-s10__eyebrow-dot\"><\/span>\r\n      <span class=\"lcm-s10__eyebrow\">Lo que hemos construido juntos<\/span>\r\n      <span class=\"lcm-s10__eyebrow-line\"><\/span>\r\n    <\/div>\r\n\r\n    <h2 class=\"lcm-s10__h2\">\r\n      <span class=\"lcm-s10-line__text\">M\u00fasica que <em>conecta.<\/em> Resultados que <em>hablan.<\/em><\/span>\r\n      <span class=\"lcm-s10-line__wipe\" style=\"--d:0.15s;\"><\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"lcm-s10__row\">\r\n\r\n      <div class=\"lcm-s10__stat lcm-s10-reveal\" style=\"--d:0.3s;\">\r\n        <svg class=\"lcm-s10__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n          <circle cx=\"14\" cy=\"12\" r=\"5\"\/>\r\n          <path d=\"M6,25 A8,8 0 0 1 22,25\"\/>\r\n          <path class=\"lcm-s10__star\" d=\"M25,7 L26.3,10 L29.5,10.3 L27,12.5 L27.8,15.7 L25,14 L22.2,15.7 L23,12.5 L20.5,10.3 L23.7,10 Z\"\/>\r\n        <\/svg>\r\n        <span class=\"lcm-s10__num\" data-target=\"5\" data-suffix=\"+\">0<\/span>\r\n        <span class=\"lcm-s10__label\">Artistas virtuales<\/span>\r\n        <p>Universos art\u00edsticos con identidades \u00fanicas<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s10__stat lcm-s10-reveal\" style=\"--d:0.42s;\">\r\n        <svg class=\"lcm-s10__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n          <path d=\"M6,18 A10,10 0 0 1 26,18\"\/>\r\n          <rect x=\"4\" y=\"17\" width=\"6\" height=\"9\" rx=\"3\"\/>\r\n          <rect x=\"22\" y=\"17\" width=\"6\" height=\"9\" rx=\"3\"\/>\r\n        <\/svg>\r\n        <span class=\"lcm-s10__num\" data-target=\"15000\" data-suffix=\"+\">0<\/span>\r\n        <span class=\"lcm-s10__label\">Oyentes mensuales<\/span>\r\n        <p>Personas que nos escuchan cada mes en plataformas.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s10__stat lcm-s10-reveal\" style=\"--d:0.54s;\">\r\n        <svg class=\"lcm-s10__icon lcm-s10__icon--play\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n          <path class=\"lcm-s10__play-tri\" d=\"M12,10 L12,22 L23,16 Z\"\/>\r\n        <\/svg>\r\n        <span class=\"lcm-s10__num\" data-target=\"150000\" data-suffix=\"+\">0<\/span>\r\n        <span class=\"lcm-s10__label\">Reproducciones<\/span>\r\n        <p>En plataformas digitales de streaming.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s10__stat lcm-s10-reveal\" style=\"--d:0.66s;\">\r\n        <svg class=\"lcm-s10__icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n          <circle cx=\"16\" cy=\"16\" r=\"2.2\" fill=\"currentColor\" stroke=\"none\"\/>\r\n          <path class=\"lcm-s10__ping\" d=\"M11,11 A7,7 0 0 1 21,11\"\/>\r\n          <path class=\"lcm-s10__ping\" d=\"M11,21 A7,7 0 0 0 21,21\" style=\"--pd:0.55s;\"\/>\r\n        <\/svg>\r\n        <span class=\"lcm-s10__num\" data-target=\"450000\" data-suffix=\"+\">0<\/span>\r\n        <span class=\"lcm-s10__label\">Alcance total<\/span>\r\n        <p>Personas que han escuchado nuestra m\u00fasica en redes y plataformas.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s10{\r\n    --ink:#0B0906;\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --white:#FFFFFF;\r\n    --paper:#F7F2E7;\r\n    --text-muted:rgba(247,242,231,0.5);\r\n    --border:rgba(201,164,91,0.2);\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    display:block;\r\n    width:100%;\r\n    margin:0;\r\n    padding:110px 0;\r\n    background:var(--ink);\r\n    color:var(--paper);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n  }\r\n  .lcm-s10 *{ box-sizing:border-box; }\r\n\r\n  .lcm-s10__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.05; mix-blend-mode:overlay;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-s10__glow{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    width:1100px; height:600px;\r\n    transform:translate(-50%,-50%);\r\n    background:radial-gradient(ellipse, rgba(201,164,91,0.14) 0%, rgba(201,164,91,0) 68%);\r\n    z-index:0;\r\n    pointer-events:none;\r\n    animation:lcmS10GlowBreathe 9s ease-in-out infinite;\r\n  }\r\n  @keyframes lcmS10GlowBreathe{\r\n    0%,100%{ opacity:0.7; transform:translate(-50%,-50%) scale(1); }\r\n    50%{ opacity:1; transform:translate(-50%,-50%) scale(1.08); }\r\n  }\r\n\r\n  .lcm-s10__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n  }\r\n\r\n  .lcm-s10__eyebrow-row{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-bottom:20px;\r\n  }\r\n  .lcm-s10__eyebrow{\r\n    font-family:var(--sans);\r\n    font-size:12px;\r\n    letter-spacing:0.26em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-bright);\r\n    font-weight:600;\r\n  }\r\n  .lcm-s10__eyebrow-dot{\r\n    width:6px; height:6px; border-radius:50%;\r\n    background:var(--gold-bright);\r\n    box-shadow:0 0 0 4px rgba(201,164,91,0.16);\r\n    flex:none;\r\n  }\r\n  .lcm-s10__eyebrow-line{\r\n    width:40px; height:1px; background:rgba(201,164,91,0.4);\r\n    transform:scaleX(0); transform-origin:left center;\r\n  }\r\n  .lcm-s10--visible .lcm-s10__eyebrow-line{\r\n    animation:lcmS10LineGrow 0.7s cubic-bezier(.65,0,.35,1) forwards 0.15s;\r\n  }\r\n  @keyframes lcmS10LineGrow{ to{ transform:scaleX(1); } }\r\n\r\n  .lcm-s10__h2{\r\n    position:relative;\r\n    overflow:hidden;\r\n    text-align:center;\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    font-style:normal;\r\n    letter-spacing:-0.005em;\r\n    line-height:1.3;\r\n    font-size:clamp(1.25rem, 2.2vw, 1.6rem);\r\n    max-width:640px;\r\n    margin:0 auto 78px;\r\n    color:rgba(247,242,231,0.75);\r\n  }\r\n  .lcm-s10__h2 em{ font-style:italic; color:var(--gold-bright); }\r\n  .lcm-s10-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--ink);\r\n    transform-origin:right center;\r\n  }\r\n  .lcm-s10--visible .lcm-s10-line__wipe{\r\n    animation:lcmS10Wipe 0.95s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS10Wipe{ to{ transform:scaleX(0); } }\r\n\r\n  \/* ---------- Fila de datos: sin cajas, solo separadores finos ---------- *\/\r\n  .lcm-s10__row{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n  }\r\n  .lcm-s10__stat{\r\n    position:relative;\r\n    text-align:center;\r\n    padding:0 22px;\r\n  }\r\n  .lcm-s10__stat:not(:last-child)::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:6px; bottom:6px; right:0;\r\n    width:1px;\r\n    background:var(--border);\r\n  }\r\n\r\n  .lcm-s10__icon{\r\n    width:34px; height:34px;\r\n    margin:0 auto 22px;\r\n    fill:none;\r\n    stroke:rgba(201,164,91,0.75);\r\n    stroke-width:1.3;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n    color:rgba(201,164,91,0.75);\r\n    overflow:visible;\r\n    opacity:0;\r\n  }\r\n\r\n  \/* ---------- El n\u00famero: el elemento dominante, degradado con brillo ---------- *\/\r\n  .lcm-s10__num{\r\n    display:block;\r\n    font-family:var(--serif);\r\n    font-weight:700;\r\n    letter-spacing:-0.02em;\r\n    font-size:clamp(2.6rem, 5.6vw, 4.4rem);\r\n    line-height:1;\r\n    margin-bottom:16px;\r\n    font-variant-numeric:tabular-nums;\r\n\r\n    background:linear-gradient(100deg,\r\n      var(--gold) 0%, var(--gold-bright) 30%, var(--white) 48%,\r\n      var(--gold-bright) 66%, var(--gold) 100%);\r\n    background-size:280% 100%;\r\n    background-position:120% 0;\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:var(--gold-bright);\r\n    -webkit-text-fill-color:var(--gold-bright);\r\n  }\r\n  .lcm-s10--visible .lcm-s10__num{\r\n    animation:lcmS10NumShimmer 5s ease-in-out infinite calc(var(--d, 0s) + 1.4s);\r\n    -webkit-text-fill-color:transparent;\r\n  }\r\n  @keyframes lcmS10NumShimmer{\r\n    0%, 70%{ background-position:120% 0; }\r\n    100%{ background-position:-160% 0; }\r\n  }\r\n\r\n  .lcm-s10__label{\r\n    display:block;\r\n    font-family:var(--sans);\r\n    font-weight:600;\r\n    font-size:14px;\r\n    letter-spacing:0.01em;\r\n    color:var(--paper);\r\n    margin-bottom:10px;\r\n  }\r\n  .lcm-s10__stat p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:12.5px;\r\n    line-height:1.55;\r\n    color:var(--text-muted);\r\n    max-width:200px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s10-reveal{ opacity:0; transform:translateY(22px); }\r\n  .lcm-s10--visible .lcm-s10-reveal{\r\n    animation:lcmS10FadeUp 0.85s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS10FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  \/* \u00cdconos: aparecen despu\u00e9s de que la l\u00ednea del stat se asienta *\/\r\n  .lcm-s10--visible .lcm-s10__icon{\r\n    animation:lcmS10IconIn 0.6s ease forwards calc(var(--d, 0s) + 0.15s);\r\n  }\r\n  @keyframes lcmS10IconIn{ to{ opacity:1; } }\r\n\r\n  \/* ---------- Ambiental: estrella titila ---------- *\/\r\n  .lcm-s10__star{ transform-box:fill-box; transform-origin:center; fill:currentColor; stroke:none; }\r\n  .lcm-s10--visible .lcm-s10__star{\r\n    animation:lcmS10Twinkle 3.4s ease-in-out infinite calc(var(--d, 0s) + 1s);\r\n  }\r\n  @keyframes lcmS10Twinkle{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:0.5; transform:scale(0.82); } }\r\n\r\n  \/* ---------- Ambiental: tri\u00e1ngulo de play late ---------- *\/\r\n  .lcm-s10__play-tri{ transform-box:fill-box; transform-origin:center; fill:currentColor; stroke:none; }\r\n  .lcm-s10--visible .lcm-s10__play-tri{\r\n    animation:lcmS10PlayPulse 2.2s ease-in-out infinite calc(var(--d, 0s) + 1s);\r\n  }\r\n  @keyframes lcmS10PlayPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.14); } }\r\n\r\n  \/* ---------- Ambiental: ondas de alcance emitiendo pulsos ---------- *\/\r\n  .lcm-s10__ping{ transform-box:fill-box; transform-origin:center; opacity:0.6; }\r\n  .lcm-s10--visible .lcm-s10__ping{\r\n    animation:lcmS10Ping 2.4s ease-in-out infinite calc(var(--d, 0s) + 1s + var(--pd, 0s));\r\n  }\r\n  @keyframes lcmS10Ping{ 0%,100%{ opacity:0.6; } 50%{ opacity:0.15; } }\r\n\r\n  @media (max-width:900px){\r\n    .lcm-s10__row{ grid-template-columns:1fr 1fr; row-gap:48px; }\r\n    .lcm-s10__stat:nth-child(2)::after{ display:none; }\r\n  }\r\n  @media (max-width:560px){\r\n    .lcm-s10{ padding:80px 0; }\r\n    .lcm-s10__inner{ padding:0 24px; }\r\n    .lcm-s10__row{ grid-template-columns:1fr; row-gap:44px; }\r\n    .lcm-s10__stat::after{ display:none; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s10-reveal, .lcm-s10__eyebrow-line, .lcm-s10-line__wipe, .lcm-s10__icon{\r\n      animation:none !important; opacity:1; transform:none;\r\n    }\r\n    .lcm-s10-line__wipe{ display:none; }\r\n    .lcm-s10__glow, .lcm-s10__star, .lcm-s10__play-tri, .lcm-s10__ping{ animation:none !important; transform:none; opacity:1; }\r\n    .lcm-s10__num{ animation:none !important; background-position:0 0; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s10');\r\n    if (!el) return;\r\n    var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    function countUp(){\r\n      var nums = el.querySelectorAll('.lcm-s10__num');\r\n      nums.forEach(function(node){\r\n        var target = parseInt(node.getAttribute('data-target'), 10) || 0;\r\n        var suffix = node.getAttribute('data-suffix') || '';\r\n        if (reduced){\r\n          node.textContent = target.toLocaleString('es-ES') + suffix;\r\n          return;\r\n        }\r\n        var duration = 1500;\r\n        var start = null;\r\n        function step(ts){\r\n          if (!start) start = ts;\r\n          var progress = Math.min((ts - start) \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - progress, 3);\r\n          var current = Math.floor(eased * target);\r\n          node.textContent = current.toLocaleString('es-ES') + suffix;\r\n          if (progress < 1) requestAnimationFrame(step);\r\n        }\r\n        requestAnimationFrame(step);\r\n      });\r\n    }\r\n\r\n    function reveal(){\r\n      el.classList.add('lcm-s10--visible');\r\n      setTimeout(countUp, reduced ? 0 : 450);\r\n    }\r\n\r\n    if (reduced){ reveal(); return; }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){ reveal(); io.unobserve(el); }\r\n        });\r\n      }, { threshold: 0.25 });\r\n      io.observe(el);\r\n    } else {\r\n      reveal();\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6db1a2a elementor-widget elementor-widget-html\" data-id=\"6db1a2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 SECCI\u00d3N \"Las marcas compiten por atenci\u00f3n\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-s4. Sin im\u00e1genes: la forma de onda es SVG\r\n     puro (l\u00edneas + degradado), hereda la paleta negro \/ blanco \/\r\n     beige claro \/ dorado. Animaci\u00f3n de entrada (barras que suben\r\n     en cascada) + animaci\u00f3n ambiental continua (laten como un\r\n     ecualizador en vivo mientras la secci\u00f3n est\u00e1 en reposo).\r\n     ============================================================ -->\r\n<div class=\"lcm-s4\" id=\"lcm-s4\">\r\n  <div class=\"lcm-s4__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lcm-s4__inner\">\r\n\r\n    <div class=\"lcm-s4__copy\">\r\n      <h2 class=\"lcm-s4__h2\">\r\n        <span class=\"lcm-s4-line\"><span class=\"lcm-s4-line__text\">Las marcas compiten<\/span><span class=\"lcm-s4-line__wipe\" style=\"--d:0.05s;\"><\/span><\/span>\r\n        <span class=\"lcm-s4-line\"><span class=\"lcm-s4-line__text\">por atenci\u00f3n.<\/span><span class=\"lcm-s4-line__wipe\" style=\"--d:0.2s;\"><\/span><\/span>\r\n        <span class=\"lcm-s4-line\"><span class=\"lcm-s4-line__text\">Pero pocas consiguen ser<\/span><span class=\"lcm-s4-line__wipe\" style=\"--d:0.35s;\"><\/span><\/span>\r\n         <span class=\"lcm-hc-line lcm-hc-line--gold\"><span class=\"lcm-hc-line__text\">recordadas.<\/span><span class=\"lcm-hc-line__wipe\" style=\"--d:0.39s;\"><\/span><\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"lcm-s4-reveal\" style=\"--d:0.85s;\">La m\u00fasica crea memoria. Un sonido, una canci\u00f3n o un universo art\u00edstico pueden convertirse en c\u00f3digos propios de una marca: algo que la gente reconoce, comparte y asocia contigo.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-s4__visual lcm-s4-reveal\" style=\"--d:0.15s;\">\r\n      <div class=\"lcm-s4__glow\" aria-hidden=\"true\"><\/div>\r\n      <svg class=\"lcm-s4__wave\" viewBox=\"0 0 620 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n        <g class=\"lcm-s4-bars\">\r\n          <rect x=\"18.5\"  y=\"118\" width=\"3\" height=\"24\"  rx=\"1.5\" style=\"--bx:0;  --h:12; --op:.35;\"\/>\r\n          <rect x=\"47.5\"  y=\"112\" width=\"3\" height=\"36\"  rx=\"1.5\" style=\"--bx:1;  --h:18; --op:.4;\"\/>\r\n          <rect x=\"76.5\"  y=\"120\" width=\"3\" height=\"20\"  rx=\"1.5\" style=\"--bx:2;  --h:10; --op:.3;\"\/>\r\n          <rect x=\"105.5\" y=\"104\" width=\"3\" height=\"52\"  rx=\"1.5\" style=\"--bx:3;  --h:26; --op:.48;\"\/>\r\n          <rect x=\"134.5\" y=\"114\" width=\"3\" height=\"32\"  rx=\"1.5\" style=\"--bx:4;  --h:16; --op:.4;\"\/>\r\n          <rect x=\"163.5\" y=\"90\"  width=\"3\" height=\"80\"  rx=\"1.5\" style=\"--bx:5;  --h:40; --op:.6;\"\/>\r\n          <rect x=\"192.5\" y=\"108\" width=\"3\" height=\"44\"  rx=\"1.5\" style=\"--bx:6;  --h:22; --op:.5;\"\/>\r\n          <rect x=\"221.5\" y=\"75\"  width=\"3.5\" height=\"110\" rx=\"1.75\" style=\"--bx:7; --h:55; --op:.72;\"\/>\r\n          <rect x=\"251\"   y=\"100\" width=\"3\" height=\"60\"  rx=\"1.5\" style=\"--bx:8;  --h:30; --op:.55;\"\/>\r\n          <rect x=\"280\"   y=\"50\"  width=\"4\" height=\"160\" rx=\"2\" fill=\"#3F3423\" style=\"--bx:9; --h:80; --op:1;\"\/>\r\n          <rect x=\"310\"   y=\"84\"  width=\"3.5\" height=\"92\"  rx=\"1.75\" style=\"--bx:10; --h:46; --op:.75;\"\/>\r\n          <rect x=\"339.5\" y=\"65\"  width=\"3.5\" height=\"130\" rx=\"1.75\" style=\"--bx:11; --h:65; --op:.85;\"\/>\r\n          <rect x=\"369\"   y=\"96\"  width=\"3\" height=\"68\"  rx=\"1.5\" style=\"--bx:12; --h:34; --op:.58;\"\/>\r\n          <rect x=\"398\"   y=\"80\"  width=\"3.5\" height=\"100\" rx=\"1.75\" style=\"--bx:13; --h:50; --op:.7;\"\/>\r\n          <rect x=\"427.5\" y=\"104\" width=\"3\" height=\"52\"  rx=\"1.5\" style=\"--bx:14; --h:26; --op:.48;\"\/>\r\n          <rect x=\"456.5\" y=\"92\"  width=\"3\" height=\"76\"  rx=\"1.5\" style=\"--bx:15; --h:38; --op:.58;\"\/>\r\n          <rect x=\"485.5\" y=\"112\" width=\"3\" height=\"36\"  rx=\"1.5\" style=\"--bx:16; --h:18; --op:.4;\"\/>\r\n          <rect x=\"514.5\" y=\"102\" width=\"3\" height=\"56\"  rx=\"1.5\" style=\"--bx:17; --h:28; --op:.5;\"\/>\r\n          <rect x=\"543.5\" y=\"116\" width=\"3\" height=\"28\"  rx=\"1.5\" style=\"--bx:18; --h:14; --op:.36;\"\/>\r\n          <rect x=\"572.5\" y=\"110\" width=\"3\" height=\"40\"  rx=\"1.5\" style=\"--bx:19; --h:20; --op:.42;\"\/>\r\n          <rect x=\"601.5\" y=\"120\" width=\"3\" height=\"20\"  rx=\"1.5\" style=\"--bx:20; --h:10; --op:.3;\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s4{\r\n    --bg:#F3ECE3;\r\n    --ink:#1E1A12;\r\n    --ink-soft:#786C5A;\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:130px 0;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n  }\r\n  .lcm-s4 *{ box-sizing:border-box; }\r\n\r\n  .lcm-s4__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.035; mix-blend-mode:multiply;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-s4__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n    display:grid;\r\n    grid-template-columns:0.95fr 1.15fr;\r\n    gap:40px;\r\n    align-items:center;\r\n  }\r\n  .lcm-hc-line--gold .lcm-hc-line__text{ color:var(--gold); font-style:italic;\r\n      font-size: 70px; \r\n      }\r\n\r\n  .lcm-s4__h2{\r\n    font-family:var(--serif);\r\n    font-weight:700;\r\n    letter-spacing:-0.015em;\r\n    line-height:1.14;\r\n    font-size:clamp(2rem, 3.6vw, 2.9rem);\r\n    margin:0 0 22px;\r\n  }\r\n  .lcm-s4-line{ position:relative; display:block; overflow:hidden; }\r\n  .lcm-s4-line__text{ display:inline-block; }\r\n  .lcm-s4-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--bg);\r\n    transform-origin:right center;\r\n    animation:lcmS4Wipe 0.85s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS4Wipe{ to{ transform:scaleX(0); } }\r\n\r\n  .lcm-s4__copy p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:15px;\r\n    line-height:1.65;\r\n    color:var(--ink-soft);\r\n    max-width:400px;\r\n    margin:0;\r\n  }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s4-reveal{ opacity:0; transform:translateY(16px); }\r\n  .lcm-s4--visible .lcm-s4-reveal{\r\n    animation:lcmS4FadeUp 0.85s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS4FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  \/* ---------- Visual: forma de onda ---------- *\/\r\n  .lcm-s4__visual{ position:relative; }\r\n  .lcm-s4__glow{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    width:70%; height:140%;\r\n    transform:translate(-50%,-50%);\r\n    background:radial-gradient(ellipse, rgba(201,164,91,0.16) 0%, rgba(201,164,91,0) 70%);\r\n    pointer-events:none;\r\n  }\r\n  .lcm-s4__wave{ position:relative; z-index:1; width:100%; height:auto; display:block; }\r\n\r\n  .lcm-s4-bars rect{\r\n    fill:var(--gold);\r\n    opacity:var(--op, .5);\r\n    transform-box:fill-box;\r\n    transform-origin:center;\r\n    transform:scaleY(0);\r\n  }\r\n  .lcm-s4--visible .lcm-s4-bars rect{\r\n    animation:lcmS4Rise 0.5s cubic-bezier(.34,1.56,.64,1) forwards,\r\n              lcmS4Breathe calc(1.8s + var(--bx) * 0.05s) ease-in-out infinite;\r\n    animation-delay:calc(var(--bx) * 0.035s), calc(0.6s + var(--bx) * 0.035s);\r\n  }\r\n  @keyframes lcmS4Rise{ to{ transform:scaleY(1); } }\r\n  @keyframes lcmS4Breathe{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(1.14); } }\r\n\r\n  @media (max-width:860px){\r\n    .lcm-s4{ padding:90px 0; }\r\n    .lcm-s4__inner{ grid-template-columns:1fr; gap:44px; padding:0 24px; }\r\n    .lcm-s4__visual{ order:-1; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s4-line__wipe, .lcm-s4-reveal{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-s4-line__wipe{ display:none; }\r\n    .lcm-s4-bars rect{ animation:none !important; transform:scaleY(1); }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s4');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-s4--visible');\r\n      return;\r\n    }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            el.classList.add('lcm-s4--visible');\r\n            io.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.2 });\r\n      io.observe(el);\r\n    } else {\r\n      el.classList.add('lcm-s4--visible');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b5f0df elementor-widget elementor-widget-html\" data-id=\"2b5f0df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 SECCI\u00d3N \"Creamos activos culturales para tu marca\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-s5. Los 4 \u00edconos son SVG de l\u00ednea (sin\r\n     im\u00e1genes), cada uno con su propia animaci\u00f3n de entrada (se\r\n     \"dibujan\" con stroke-dashoffset) y su propio gesto ambiental\r\n     en reposo, acorde a lo que representa cada tarjeta.\r\n     ============================================================ -->\r\n<div class=\"lcm-s5\" id=\"lcm-s5\">\r\n  <div class=\"lcm-s5__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lcm-s5__inner\">\r\n\r\n    <div class=\"lcm-s5__eyebrow-row lcm-s5-reveal\" style=\"--d:0s;\">\r\n      <span class=\"lcm-s5__eyebrow-line\"><\/span>\r\n      <span class=\"lcm-s5__eyebrow\">Creamos activos culturales para tu marca<\/span>\r\n      <span class=\"lcm-s5__eyebrow-line\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-s5__grid\">\r\n\r\n      <div class=\"lcm-s5__col lcm-s5-reveal\" style=\"--d:0.12s;\">\r\n        <svg class=\"lcm-s5__icon lcm-s5-icon--fingerprint\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n          <path d=\"M8.41,14.75 A18,22.5 0 1 1 39.59,14.75\"\/>\r\n          <path d=\"M11.01,16.63 A15,18.75 0 1 1 36.99,16.63\"\/>\r\n          <path d=\"M13.61,18.5 A12,15 0 1 1 34.39,18.5\"\/>\r\n          <path d=\"M16.21,20.38 A9,11.25 0 1 1 31.79,20.38\"\/>\r\n          <path d=\"M18.8,22.25 A6,7.5 0 1 1 29.2,22.25\"\/>\r\n          <path d=\"M21.4,24.13 A3,3.75 0 1 1 26.6,24.13\"\/>\r\n        <\/svg>\r\n        <h3>Recuerdo<br>de marca<\/h3>\r\n        <p>C\u00f3digos sonoros y canciones que ayudan a que tu marca sea m\u00e1s reconocible.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s5__col lcm-s5-reveal\" style=\"--d:0.24s;\">\r\n        <span class=\"lcm-s5__ping\" aria-hidden=\"true\"><\/span>\r\n        <svg class=\"lcm-s5__icon lcm-s5-icon--community\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n          <circle cx=\"13\" cy=\"15\" r=\"5\"\/>\r\n          <path d=\"M6,26 A7,7 0 0 1 20,26\"\/>\r\n          <circle cx=\"35\" cy=\"15\" r=\"5\"\/>\r\n          <path d=\"M28,26 A7,7 0 0 1 42,26\"\/>\r\n          <circle class=\"lcm-s5__community-front\" cx=\"24\" cy=\"17\" r=\"6.5\"\/>\r\n          <path class=\"lcm-s5__community-front\" d=\"M13,30 A11,11 0 0 1 35,30\"\/>\r\n        <\/svg>\r\n        <h3>Comunidad<\/h3>\r\n        <p>Un territorio musical que puede reunir a clientes, fans y audiencias alrededor de una idea.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s5__col lcm-s5-reveal\" style=\"--d:0.36s;\">\r\n        <svg class=\"lcm-s5__icon lcm-s5-icon--play\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n          <circle class=\"lcm-s5__play-ring\" cx=\"24\" cy=\"24\" r=\"16\"\/>\r\n          <path d=\"M20,16 L20,32 L34,24 Z\"\/>\r\n        <\/svg>\r\n        <h3>Contenido<br>constante<\/h3>\r\n        <p>Canciones, clips, frases, visuales y piezas para redes que nacen del mismo universo.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s5__col lcm-s5-reveal\" style=\"--d:0.48s;\">\r\n        <svg class=\"lcm-s5__icon lcm-s5-icon--gem\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n          <path d=\"M14,12 L34,12 L40,20 L24,38 L8,20 Z M8,20 L40,20 M14,12 L24,20 M34,12 L24,20\"\/>\r\n          <path class=\"lcm-s5__gem-glint\" d=\"M24,20 L24,38\"\/>\r\n        <\/svg>\r\n        <h3>Activo<br>de marca.<\/h3>\r\n        <p>Un universo que puede vivir m\u00e1s all\u00e1 de una campa\u00f1a: en redes, eventos, tiendas y experiencias.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s5{\r\n    --bg:#FFFFFF;\r\n    --ink:#1E1A12;\r\n    --ink-soft:#786C5A;\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --border:rgba(23,20,15,0.12);\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:110px 0;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n  }\r\n  .lcm-s5 *{ box-sizing:border-box; }\r\n\r\n  .lcm-s5__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.035; mix-blend-mode:multiply;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-s5__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n  }\r\n\r\n  .lcm-s5__eyebrow-row{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:18px;\r\n    margin-bottom:70px;\r\n  }\r\n  .lcm-s5__eyebrow{\r\n    font-family:var(--sans);\r\n    font-size:12.5px;\r\n    letter-spacing:0.24em;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n    font-weight:600;\r\n    white-space:nowrap;\r\n  }\r\n  .lcm-s5__eyebrow-line{\r\n    width:44px; height:1px; background:rgba(138,112,67,0.4);\r\n    transform:scaleX(0);\r\n  }\r\n  .lcm-s5__eyebrow-line:first-child{ transform-origin:right center; }\r\n  .lcm-s5__eyebrow-line:last-child{ transform-origin:left center; }\r\n  .lcm-s5--visible .lcm-s5__eyebrow-line{\r\n    animation:lcmS5LineGrow 0.8s cubic-bezier(.65,0,.35,1) forwards 0.15s;\r\n  }\r\n  @keyframes lcmS5LineGrow{ to{ transform:scaleX(1); } }\r\n\r\n  .lcm-s5__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, 1fr);\r\n  }\r\n  .lcm-s5__col{\r\n    position:relative;\r\n    text-align:center;\r\n    padding:0 30px;\r\n  }\r\n  .lcm-s5__col + .lcm-s5__col::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; top:8px; bottom:8px;\r\n    width:1px;\r\n    background:var(--border);\r\n  }\r\n\r\n  .lcm-s5__icon{\r\n    width:52px; height:52px;\r\n    margin:0 auto 26px;\r\n    fill:none;\r\n    stroke:var(--gold);\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n    overflow:visible;\r\n  }\r\n\r\n  .lcm-s5__col h3{\r\n    font-family:var(--serif);\r\n    font-weight:700;\r\n    font-size:21px;\r\n    line-height:1.3;\r\n    color:var(--ink);\r\n    margin:0 0 14px;\r\n  }\r\n  .lcm-s5__col p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:13.5px;\r\n    line-height:1.6;\r\n    color:var(--ink-soft);\r\n    max-width:230px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s5-reveal{ opacity:0; transform:translateY(18px); }\r\n  .lcm-s5--visible .lcm-s5-reveal{\r\n    animation:lcmS5FadeUp 0.8s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS5FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  \/* ---------- \u00cdconos: se dibujan con stroke-dashoffset al entrar ---------- *\/\r\n  .lcm-s5__icon path, .lcm-s5__icon circle{\r\n    stroke-dasharray:130;\r\n    stroke-dashoffset:130;\r\n  }\r\n  .lcm-s5--visible .lcm-s5-reveal .lcm-s5__icon path,\r\n  .lcm-s5--visible .lcm-s5-reveal .lcm-s5__icon circle{\r\n    animation:lcmS5Draw 1.1s ease forwards;\r\n    animation-delay:calc(var(--d, 0s) + 0.25s);\r\n  }\r\n  @keyframes lcmS5Draw{ to{ stroke-dashoffset:0; } }\r\n\r\n  \/* ---------- Gestos ambientales por \u00edcono, cada uno distinto ---------- *\/\r\n\r\n  \/* Huella: respira como un pulso de reconocimiento *\/\r\n  .lcm-s5-icon--fingerprint{ transform-box:fill-box; transform-origin:center; }\r\n  .lcm-s5--visible .lcm-s5-icon--fingerprint{\r\n    animation:lcmS5Pulse 3.6s ease-in-out infinite 1.6s;\r\n  }\r\n  @keyframes lcmS5Pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.045); opacity:0.85; } }\r\n\r\n  \/* Comunidad: anillo de \"se\u00f1al\" que emite pulsos suaves *\/\r\n  .lcm-s5__ping{\r\n    position:absolute;\r\n    top:0; left:50%;\r\n    width:52px; height:52px;\r\n    margin-left:-26px;\r\n    border-radius:50%;\r\n    border:1px solid var(--gold-bright);\r\n    opacity:0;\r\n    pointer-events:none;\r\n  }\r\n  .lcm-s5--visible .lcm-s5__ping{ animation:lcmS5Ping 3.2s ease-out infinite 1.8s; }\r\n  @keyframes lcmS5Ping{\r\n    0%{ transform:scale(0.85); opacity:0; }\r\n    15%{ opacity:0.5; }\r\n    100%{ transform:scale(1.35); opacity:0; }\r\n  }\r\n  .lcm-s5__community-front{ transform-box:fill-box; transform-origin:center; }\r\n  .lcm-s5--visible .lcm-s5__community-front{ animation:lcmS5Bob 3.6s ease-in-out infinite 1.7s; }\r\n  @keyframes lcmS5Bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-1.5px); } }\r\n\r\n  \/* Play: el aro late como invitando a reproducir *\/\r\n  .lcm-s5__play-ring{ transform-box:fill-box; transform-origin:center; }\r\n  .lcm-s5--visible .lcm-s5__play-ring{\r\n    animation:lcmS5PlayPulse 2.4s ease-in-out infinite 1.6s;\r\n  }\r\n  @keyframes lcmS5PlayPulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.06); opacity:0.6; } }\r\n\r\n  \/* Diamante: una faceta se ilumina como un destello, cada pocos segundos *\/\r\n  .lcm-s5__gem-glint{\r\n    stroke:var(--gold);\r\n    animation:lcmS5Glint 4.5s ease-in-out infinite 2s;\r\n  }\r\n  @keyframes lcmS5Glint{\r\n    0%, 80%, 100%{ stroke:var(--gold); stroke-width:1.6; }\r\n    88%{ stroke:#F3DFA8; stroke-width:2.2; }\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .lcm-s5__grid{ grid-template-columns:1fr 1fr; row-gap:56px; }\r\n    .lcm-s5__col:nth-child(3)::before{ display:none; }\r\n    .lcm-s5__col:nth-child(2n+1)::before{ display:none; }\r\n  }\r\n  @media (max-width:560px){\r\n    .lcm-s5{ padding:80px 0; }\r\n    .lcm-s5__inner{ padding:0 24px; }\r\n    .lcm-s5__grid{ grid-template-columns:1fr; row-gap:48px; }\r\n    .lcm-s5__col::before{ display:none; }\r\n    .lcm-s5__eyebrow{ white-space:normal; text-align:center; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s5-reveal, .lcm-s5__eyebrow-line{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-s5__icon path, .lcm-s5__icon circle{ animation:none !important; stroke-dashoffset:0; }\r\n    .lcm-s5-icon--fingerprint, .lcm-s5__community-front, .lcm-s5__play-ring, .lcm-s5__gem-glint, .lcm-s5__ping{\r\n      animation:none !important; opacity:1; transform:none;\r\n    }\r\n    .lcm-s5__ping{ display:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s5');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-s5--visible');\r\n      return;\r\n    }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            el.classList.add('lcm-s5--visible');\r\n            io.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.2 });\r\n      io.observe(el);\r\n    } else {\r\n      el.classList.add('lcm-s5--visible');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1735364 elementor-widget elementor-widget-html\" data-id=\"1735364\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 SECCI\u00d3N \"Dos formas de convertir tu marca en cultura\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-s6. Fondo negro, acentos dorados. \u00cdconos en\r\n     SVG (onda de sonido + destello), sin im\u00e1genes. Animaci\u00f3n de\r\n     entrada (cortina en t\u00edtulos, l\u00ednea divisoria que se dibuja,\r\n     texto en cascada) + animaci\u00f3n ambiental en reposo (ecualizador\r\n     late, destello titila).\r\n     ============================================================ -->\r\n<div class=\"lcm-s6\" id=\"lcm-s6\">\r\n  <div class=\"lcm-s6__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lcm-s6__inner\">\r\n\r\n    <div class=\"lcm-s6__eyebrow-row lcm-s6-reveal\" style=\"--d:0s;\">\r\n      <span class=\"lcm-s6__eyebrow-line\"><\/span>\r\n      <span class=\"lcm-s6__eyebrow\">Dos formas de convertir tu marca en cultura<\/span>\r\n      <span class=\"lcm-s6__eyebrow-line\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-s6__grid\">\r\n      <span class=\"lcm-s6__divider\" aria-hidden=\"true\"><\/span>\r\n\r\n      <div class=\"lcm-s6__col\">\r\n        <div class=\"lcm-s6__head lcm-s6-reveal\" style=\"--d:0.12s;\">\r\n          <svg class=\"lcm-s6__icon lcm-s6-icon--wave\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n            <rect x=\"2.5\"  y=\"13\" width=\"2.6\" height=\"6\"  rx=\"1.3\"\/>\r\n            <rect x=\"9\"    y=\"7\"  width=\"2.6\" height=\"18\" rx=\"1.3\"\/>\r\n            <rect x=\"15.5\" y=\"1\"  width=\"2.6\" height=\"30\" rx=\"1.3\"\/>\r\n            <rect x=\"22\"   y=\"7\"  width=\"2.6\" height=\"18\" rx=\"1.3\"\/>\r\n            <rect x=\"28.5\" y=\"13\" width=\"2.6\" height=\"6\"  rx=\"1.3\"\/>\r\n          <\/svg>\r\n          <h3 class=\"lcm-s6__h3\">\r\n            <span class=\"lcm-s6-line\"><span class=\"lcm-s6-line__text\">Universo Sonoro<\/span><span class=\"lcm-s6-line__wipe\" style=\"--d:0.28s;\"><\/span><\/span>\r\n            <span class=\"lcm-s6-line\"><span class=\"lcm-s6-line__text\">de Marca<\/span><span class=\"lcm-s6-line__wipe\" style=\"--d:0.42s;\"><\/span><\/span>\r\n          <\/h3>\r\n        <\/div>\r\n\r\n        <span class=\"lcm-s6__rule lcm-s6-reveal\" style=\"--d:0.55s;\"><\/span>\r\n\r\n        <p class=\"lcm-s6-reveal\" style=\"--d:0.62s;\">Creamos el sonido, las canciones, la narrativa y los c\u00f3digos musicales de tu marca.<\/p>\r\n        <p class=\"lcm-s6-reveal\" style=\"--d:0.7s;\">Para marcas que quieren diferenciarse, ser recordadas y construir una identidad m\u00e1s emocional.<\/p>\r\n\r\n        <a href=\"https:\/\/lacondesamusic.es\/empieza\/\" id=\"lcmOpenSonoroBtn\" class=\"lcm-s6__btn lcm-s6-reveal\" style=\"--d:0.8s;\"><span>Crear un universo sonoro<\/span><span class=\"lcm-s6__btn-arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s6__col\">\r\n        <div class=\"lcm-s6__head lcm-s6-reveal\" style=\"--d:0.24s;\">\r\n          <svg class=\"lcm-s6__icon lcm-s6-icon--sparkle\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n            <path class=\"lcm-s6__star-big\" d=\"M29,14 L20.47,16.47 L18,25 L15.53,16.47 L7,14 L15.53,11.53 L18,3 L20.47,11.53 Z\"\/>\r\n            <path class=\"lcm-s6__star-small\" d=\"M13.5,22 L10.06,23.06 L9,26.5 L7.94,23.06 L4.5,22 L7.94,20.94 L9,17.5 L10.06,20.94 Z\"\/>\r\n          <\/svg>\r\n          <h3 class=\"lcm-s6__h3\">\r\n            <span class=\"lcm-s6-line\"><span class=\"lcm-s6-line__text\">Artista<\/span><span class=\"lcm-s6-line__wipe\" style=\"--d:0.34s;\"><\/span><\/span>\r\n            <span class=\"lcm-s6-line\"><span class=\"lcm-s6-line__text\">de Marca<\/span><span class=\"lcm-s6-line__wipe\" style=\"--d:0.48s;\"><\/span><\/span>\r\n          <\/h3>\r\n        <\/div>\r\n\r\n        <span class=\"lcm-s6__rule lcm-s6-reveal\" style=\"--d:0.6s;\"><\/span>\r\n\r\n        <p class=\"lcm-s6-reveal\" style=\"--d:0.67s;\">Creamos un artista propio para tu marca: identidad, est\u00e9tica, canciones, narrativa, contenido y comunidad.<\/p>\r\n        <p class=\"lcm-s6-reveal\" style=\"--d:0.75s;\">Para marcas que quieren ir m\u00e1s all\u00e1 de una campa\u00f1a y crear algo que la gente pueda seguir.<\/p>\r\n\r\n        <a href=\"https:\/\/lacondesamusic.es\/empieza\/\" id=\"lcmOpenArtistaBtn\" class=\"lcm-s6__btn lcm-s6-reveal\" style=\"--d:0.85s;\"><span>Crear un artista de marca<\/span><span class=\"lcm-s6__btn-arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s6{\r\n    --ink:#141110;\r\n    --paper:#F7F2E7;\r\n    --text-muted:rgba(247,242,231,0.62);\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --border:rgba(201,164,91,0.25);\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:100px 0;\r\n    background:var(--ink);\r\n    color:var(--paper);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n  }\r\n  .lcm-s6 *{ box-sizing:border-box; }\r\n  .lcm-s6 a{ text-decoration:none; }\r\n\r\n  .lcm-s6__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.05; mix-blend-mode:overlay;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-s6__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n  }\r\n\r\n  .lcm-s6__eyebrow-row{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:18px;\r\n    margin-bottom:64px;\r\n  }\r\n  .lcm-s6__eyebrow{\r\n    font-family:var(--sans);\r\n    font-size:12px;\r\n    letter-spacing:0.24em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-bright);\r\n    font-weight:600;\r\n    white-space:nowrap;\r\n  }\r\n  .lcm-s6__eyebrow-line{\r\n    width:44px; height:1px; background:rgba(201,164,91,0.4);\r\n    transform:scaleX(0);\r\n  }\r\n  .lcm-s6__eyebrow-line:first-child{ transform-origin:right center; }\r\n  .lcm-s6__eyebrow-line:last-child{ transform-origin:left center; }\r\n  .lcm-s6--visible .lcm-s6__eyebrow-line{\r\n    animation:lcmS6LineGrow 0.8s cubic-bezier(.65,0,.35,1) forwards 0.1s;\r\n  }\r\n  @keyframes lcmS6LineGrow{ to{ transform:scaleX(1); } }\r\n\r\n  .lcm-s6__grid{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:64px;\r\n  }\r\n  .lcm-s6__divider{\r\n    position:absolute;\r\n    top:6px; bottom:6px; left:50%;\r\n    width:1px;\r\n    background:var(--border);\r\n    transform:scaleY(0);\r\n    transform-origin:top;\r\n  }\r\n  .lcm-s6--visible .lcm-s6__divider{\r\n    animation:lcmS6DividerGrow 1.1s cubic-bezier(.65,0,.35,1) forwards 0.2s;\r\n  }\r\n  @keyframes lcmS6DividerGrow{ to{ transform:scaleY(1); } }\r\n\r\n  .lcm-s6__head{ display:flex; align-items:center; gap:16px; margin-bottom:20px; }\r\n  .lcm-s6__icon{ width:34px; height:34px; flex:none; fill:none; stroke:var(--gold-bright); stroke-width:1.4; overflow:visible; }\r\n  .lcm-s6-icon--wave rect{ fill:var(--gold-bright); stroke:none; }\r\n\r\n  .lcm-s6__h3{\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    font-size:clamp(1.5rem, 2.6vw, 2rem);\r\n    line-height:1.18;\r\n    color:var(--paper);\r\n  }\r\n  .lcm-s6-line{ position:relative; display:block; overflow:hidden; }\r\n  .lcm-s6-line__text{ display:inline-block; }\r\n  .lcm-s6-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--ink);\r\n    transform-origin:right center;\r\n    animation:lcmS6Wipe 0.85s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS6Wipe{ to{ transform:scaleX(0); } }\r\n\r\n  .lcm-s6__rule{\r\n    display:block;\r\n    width:40px; height:1px;\r\n    background:var(--gold);\r\n    margin:0 0 22px;\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n  }\r\n  .lcm-s6--visible .lcm-s6__rule{\r\n    animation:lcmS6RuleGrow 0.6s cubic-bezier(.65,0,.35,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS6RuleGrow{ to{ transform:scaleX(1); } }\r\n\r\n  .lcm-s6__col p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:14.5px;\r\n    line-height:1.65;\r\n    color:var(--text-muted);\r\n    max-width:360px;\r\n    margin:0 0 16px;\r\n  }\r\n\r\n  .lcm-s6__btn{\r\n    position:relative;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-top:18px;\r\n    padding:15px 26px;\r\n    border:1px solid var(--border);\r\n    border-radius:999px;\r\n    color:var(--paper);\r\n    font-family:var(--sans);\r\n    font-size:13.5px;\r\n    font-weight:500;\r\n    overflow:hidden;\r\n    transition:border-color .3s ease, transform .3s ease, color .3s ease;\r\n  }\r\n  .lcm-s6__btn span:first-child{ position:relative; z-index:1; }\r\n  .lcm-s6__btn-arrow{ position:relative; z-index:1; transition:transform .3s ease; }\r\n  .lcm-s6__btn::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(120deg, var(--gold), var(--gold-bright));\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n    transition:transform .4s cubic-bezier(.65,0,.35,1);\r\n    z-index:0;\r\n  }\r\n  .lcm-s6__btn:hover{ border-color:var(--gold-bright); color:var(--ink); transform:translateY(-2px); }\r\n  .lcm-s6__btn:hover::before{ transform:scaleX(1); }\r\n  .lcm-s6__btn:hover .lcm-s6__btn-arrow{ transform:translateX(3px); }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s6-reveal{ opacity:0; transform:translateY(16px); }\r\n  .lcm-s6--visible .lcm-s6-reveal{\r\n    animation:lcmS6FadeUp 0.8s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS6FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  \/* ---------- Ambiental: onda de sonido late para siempre ---------- *\/\r\n  .lcm-s6-icon--wave rect{ transform-box:fill-box; transform-origin:center; }\r\n  .lcm-s6--visible .lcm-s6-icon--wave rect{ animation:lcmS6Bar 2.2s ease-in-out infinite; }\r\n  .lcm-s6-icon--wave rect:nth-child(1){ animation-delay:0s; }\r\n  .lcm-s6-icon--wave rect:nth-child(2){ animation-delay:.15s; }\r\n  .lcm-s6-icon--wave rect:nth-child(3){ animation-delay:.3s; }\r\n  .lcm-s6-icon--wave rect:nth-child(4){ animation-delay:.15s; }\r\n  .lcm-s6-icon--wave rect:nth-child(5){ animation-delay:0s; }\r\n  @keyframes lcmS6Bar{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(0.55); } }\r\n\r\n  \/* ---------- Ambiental: destello que titila ---------- *\/\r\n  .lcm-s6__star-big, .lcm-s6__star-small{\r\n    transform-box:fill-box; transform-origin:center;\r\n    fill:var(--gold-bright);\r\n  }\r\n  .lcm-s6--visible .lcm-s6__star-big{ animation:lcmS6Twinkle 3.4s ease-in-out infinite 0.4s; }\r\n  .lcm-s6--visible .lcm-s6__star-small{ animation:lcmS6Twinkle 3.4s ease-in-out infinite 1.9s; }\r\n  @keyframes lcmS6Twinkle{\r\n    0%,100%{ transform:scale(1); opacity:1; }\r\n    50%{ transform:scale(0.82); opacity:0.6; }\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .lcm-s6{ padding:80px 0; }\r\n    .lcm-s6__inner{ padding:0 24px; }\r\n    .lcm-s6__grid{ grid-template-columns:1fr; gap:56px; }\r\n    .lcm-s6__divider{ display:none; }\r\n    .lcm-s6__eyebrow{ white-space:normal; text-align:center; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s6-reveal, .lcm-s6__eyebrow-line, .lcm-s6__divider, .lcm-s6__rule{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-s6-line__wipe{ animation:none !important; display:none; }\r\n    .lcm-s6-icon--wave rect, .lcm-s6__star-big, .lcm-s6__star-small{ animation:none !important; transform:none; opacity:1; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s6');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-s6--visible');\r\n      return;\r\n    }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            el.classList.add('lcm-s6--visible');\r\n            io.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      io.observe(el);\r\n    } else {\r\n      el.classList.add('lcm-s6--visible');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- ===== Popup \"Universo Sonoro de Marca\" ===== -->\r\n<div class=\"lcm-s6-modal-backdrop\" id=\"lcmS6ModalBackdropSonoro\">\r\n  <div class=\"lcm-s6-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lcmS6ModalTitleSonoro\">\r\n    <button type=\"button\" class=\"lcm-s6-modal__close\" data-lcm-close aria-label=\"Cerrar\">\u00d7<\/button>\r\n\r\n    <div class=\"lcm-s6-modal__banner\">\r\n      <svg class=\"lcm-s6-modal__banner-icon\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n        <rect x=\"2.5\"  y=\"13\" width=\"2.6\" height=\"6\"  rx=\"1.3\"\/>\r\n        <rect x=\"9\"    y=\"7\"  width=\"2.6\" height=\"18\" rx=\"1.3\"\/>\r\n        <rect x=\"15.5\" y=\"1\"  width=\"2.6\" height=\"30\" rx=\"1.3\"\/>\r\n        <rect x=\"22\"   y=\"7\"  width=\"2.6\" height=\"18\" rx=\"1.3\"\/>\r\n        <rect x=\"28.5\" y=\"13\" width=\"2.6\" height=\"6\"  rx=\"1.3\"\/>\r\n      <\/svg>\r\n      <span id=\"lcmS6ModalTitleSonoro\">Universo Sonoro de Marca<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-s6-modal__body\">\r\n      <p class=\"lcm-s6-modal__subtitle\">Cu\u00e9ntanos sobre tu marca y te contactamos en menos de 24h.<\/p>\r\n\r\n      <form class=\"lcm-s6-modal__form\" data-lcm-form novalidate>\r\n        <div class=\"lcm-s6-hp\" aria-hidden=\"true\">\r\n          <label>No completar este campo\r\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <input type=\"hidden\" name=\"service\" value=\"Universo Sonoro de Marca\">\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Nombre*<\/span>\r\n          <input type=\"text\" name=\"name\" required autocomplete=\"name\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Correo*<\/span>\r\n          <input type=\"email\" name=\"email\" required autocomplete=\"email\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Tel\u00e9fono<\/span>\r\n          <input type=\"tel\" name=\"phone\" autocomplete=\"tel\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Cu\u00e9ntanos sobre tu marca<\/span>\r\n          <textarea name=\"message\" rows=\"4\">Hola, buenos d\u00edas. Nos gustar\u00eda crear un universo sonoro para nuestra marca: m\u00fasica e identidad propias que podamos usar en distintos formatos y canales. Querr\u00eda saber c\u00f3mo empezar y c\u00f3mo es el proceso. Un saludo.<\/textarea>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"lcm-s6-modal__submit\"><span>Enviar<\/span><\/button>\r\n\r\n        <p class=\"lcm-s6-modal__status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s6-modal-backdrop{\r\n    position:fixed; inset:0; z-index:99999;\r\n    display:flex; align-items:center; justify-content:center; padding:24px;\r\n    background:rgba(20,17,16,0.72);\r\n    backdrop-filter:blur(3px);\r\n    opacity:0; visibility:hidden;\r\n    transition:opacity .3s ease, visibility .3s ease;\r\n  }\r\n  .lcm-s6-modal-backdrop.is-open{ opacity:1; visibility:visible; }\r\n\r\n  .lcm-s6-modal{\r\n    position:relative;\r\n    width:100%; max-width:460px;\r\n    max-height:90vh;\r\n    overflow-y:auto;\r\n    background:#1B1815;\r\n    border:1px solid rgba(201,164,91,0.35);\r\n    border-radius:20px;\r\n    font-family:'Inter', sans-serif;\r\n    color:#F7F2E7;\r\n    transform:translateY(20px) scale(0.97);\r\n    transition:transform .35s cubic-bezier(.16,.8,.24,1);\r\n  }\r\n  .lcm-s6-modal-backdrop.is-open .lcm-s6-modal{ transform:translateY(0) scale(1); }\r\n\r\n  .lcm-s6-modal__close{\r\n    position:absolute; top:16px; right:16px; z-index:2;\r\n    width:32px; height:32px; border-radius:50%;\r\n    background:rgba(20,17,16,0.35); border:1px solid rgba(247,242,231,0.4);\r\n    color:#F7F2E7; font-size:18px; line-height:1; cursor:pointer;\r\n    transition:border-color .2s ease, color .2s ease;\r\n  }\r\n  .lcm-s6-modal__close:hover{ border-color:#131110; color:#131110; }\r\n\r\n  \/* Banner llamativo *\/\r\n  .lcm-s6-modal__banner{\r\n    display:flex; align-items:center; gap:12px;\r\n    background:linear-gradient(135deg, #C9A45B, #8A7043);\r\n    border-radius:20px 20px 0 0;\r\n    padding:24px 52px 24px 28px;\r\n  }\r\n  .lcm-s6-modal__banner-icon{\r\n    width:26px; height:26px; flex:none;\r\n    fill:#131110;\r\n  }\r\n  .lcm-s6-modal__banner-icon rect{\r\n    transform-box:fill-box; transform-origin:center;\r\n    animation:lcmS6ModalBar 2s ease-in-out infinite;\r\n  }\r\n  .lcm-s6-modal__banner-icon rect:nth-child(1){ animation-delay:0s; }\r\n  .lcm-s6-modal__banner-icon rect:nth-child(2){ animation-delay:.15s; }\r\n  .lcm-s6-modal__banner-icon rect:nth-child(3){ animation-delay:.3s; }\r\n  .lcm-s6-modal__banner-icon rect:nth-child(4){ animation-delay:.15s; }\r\n  .lcm-s6-modal__banner-icon rect:nth-child(5){ animation-delay:0s; }\r\n  @keyframes lcmS6ModalBar{ 0%,100%{ transform:scaleY(1); } 50%{ transform:scaleY(0.5); } }\r\n\r\n  .lcm-s6-modal__banner span{\r\n    font-family:'Fraunces', serif;\r\n    font-weight:500;\r\n    font-size:1.3rem;\r\n    color:#131110;\r\n  }\r\n\r\n  .lcm-s6-modal__body{ padding:26px 28px 32px; }\r\n\r\n  .lcm-s6-modal__subtitle{\r\n    font-size:13.5px; color:rgba(247,242,231,0.58); margin:0 0 22px;\r\n  }\r\n\r\n  .lcm-s6-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }\r\n\r\n  .lcm-s6-field{ display:block; margin-bottom:14px; font-size:13px; }\r\n  .lcm-s6-field span{ display:block; margin-bottom:6px; color:rgba(247,242,231,0.75); }\r\n  .lcm-s6-field input,\r\n  .lcm-s6-field textarea{\r\n    width:100%; background:#131110; color:#F7F2E7;\r\n    border:1px solid rgba(201,164,91,0.35); border-radius:10px;\r\n    padding:11px 13px; font-family:'Inter', sans-serif; font-size:14px;\r\n    resize:vertical;\r\n  }\r\n  .lcm-s6-field textarea{ line-height:1.5; }\r\n  .lcm-s6-field input:focus,\r\n  .lcm-s6-field textarea:focus{ outline:none; border-color:#C9A45B; }\r\n\r\n  .lcm-s6-modal__submit{\r\n    width:100%; margin-top:6px; border:none; cursor:pointer;\r\n    background:linear-gradient(135deg, #C9A45B, #8A7043);\r\n    color:#131110; font-family:'Inter', sans-serif; font-weight:600;\r\n    font-size:14.5px; padding:15px 26px; border-radius:999px;\r\n    transition:transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  .lcm-s6-modal__submit:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(201,164,91,0.25); }\r\n  .lcm-s6-modal__submit:disabled{ opacity:0.6; cursor:not-allowed; transform:none; box-shadow:none; }\r\n\r\n  .lcm-s6-modal__status{ min-height:18px; font-size:13px; margin:14px 0 0; text-align:center; }\r\n  .lcm-s6-modal__status.is-success{ color:#8FBF8A; }\r\n  .lcm-s6-modal__status.is-error{ color:#E08383; }\r\n\r\n  @media (max-width:480px){\r\n    .lcm-s6-modal__banner{ padding:20px 48px 20px 22px; }\r\n    .lcm-s6-modal__banner span{ font-size:1.1rem; }\r\n    .lcm-s6-modal__body{ padding:22px 22px 26px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  function lcmInitModal(openBtnId, backdropId, eventId){\r\n    const openBtn  = document.getElementById(openBtnId);\r\n    const backdrop = document.getElementById(backdropId);\r\n    if (!openBtn || !backdrop) return;\r\n\r\n    document.body.appendChild(backdrop);\r\n\r\n    const form      = backdrop.querySelector('[data-lcm-form]');\r\n    const statusEl  = backdrop.querySelector('.lcm-s6-modal__status');\r\n    const submitBtn = form.querySelector('.lcm-s6-modal__submit');\r\n    const submitLbl = submitBtn.querySelector('span');\r\n    let lastFocused = null;\r\n    let formStarted = false; \/\/ NUEVO\r\n\r\n    function openModal(e){\r\n      e.preventDefault();\r\n      if (typeof gtag === 'function') gtag('event', 'cta_click_' + eventId); \/\/ NUEVO\r\n      formStarted = false; \/\/ NUEVO\r\n      lastFocused = document.activeElement;\r\n      backdrop.classList.add('is-open');\r\n      document.body.style.overflow = 'hidden';\r\n      const firstInput = form.querySelector('input[name=\"name\"]');\r\n      if (firstInput) firstInput.focus();\r\n    }\r\n    function closeModal(){\r\n      backdrop.classList.remove('is-open');\r\n      document.body.style.overflow = '';\r\n      if (lastFocused) lastFocused.focus();\r\n    }\r\n\r\n    openBtn.addEventListener('click', openModal);\r\n    backdrop.querySelectorAll('[data-lcm-close]').forEach(el => el.addEventListener('click', closeModal));\r\n    backdrop.addEventListener('click', (e) => { if (e.target === backdrop) closeModal(); });\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && backdrop.classList.contains('is-open')) closeModal();\r\n    });\r\n\r\n    \/\/ NUEVO: primer campo que se toca en el formulario\r\n    form.addEventListener('input', () => {\r\n      if (!formStarted) {\r\n        formStarted = true;\r\n        if (typeof gtag === 'function') gtag('event', 'form_start_' + eventId);\r\n      }\r\n    });\r\n\r\n    form.addEventListener('submit', (e) => {\r\n      e.preventDefault();\r\n      if (typeof gtag === 'function') gtag('event', 'form_submit_click_' + eventId); \/\/ NUEVO\r\n      statusEl.textContent = '';\r\n      statusEl.className = 'lcm-s6-modal__status';\r\n\r\n      const formData = new FormData(form);\r\n      formData.append('action', 'lcm_contact_form');\r\n\r\n      submitBtn.disabled = true;\r\n      submitLbl.textContent = 'Enviando...';\r\n\r\n      fetch('\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData,\r\n        credentials: 'same-origin'\r\n      })\r\n        .then(res => res.json())\r\n        .then(data => {\r\n          if (data && data.success) {\r\n            statusEl.textContent = data.data?.message || '\u00a1Gracias! Te contactaremos pronto.';\r\n            statusEl.classList.add('is-success');\r\n            form.reset();\r\n            setTimeout(closeModal, 1800);\r\n          } else {\r\n            statusEl.textContent = data?.data?.message || 'Algo sali\u00f3 mal. Int\u00e9ntalo de nuevo.';\r\n            statusEl.classList.add('is-error');\r\n          }\r\n        })\r\n        .catch(() => {\r\n          statusEl.textContent = 'Error de conexi\u00f3n. Int\u00e9ntalo de nuevo.';\r\n          statusEl.classList.add('is-error');\r\n        })\r\n        .finally(() => {\r\n          submitBtn.disabled = false;\r\n          submitLbl.textContent = 'Enviar';\r\n        });\r\n    });\r\n  }\r\n\r\n  lcmInitModal('lcmOpenSonoroBtn', 'lcmS6ModalBackdropSonoro', 's6_sonoro');\r\n});\r\n<\/script>\r\n<!-- ===== Popup \"Artista de Marca\" ===== -->\r\n<div class=\"lcm-s6-modal-backdrop\" id=\"lcmS6ModalBackdropArtista\">\r\n  <div class=\"lcm-s6-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lcmS6ModalTitleArtista\">\r\n    <button type=\"button\" class=\"lcm-s6-modal__close\" data-lcm-close aria-label=\"Cerrar\">\u00d7<\/button>\r\n\r\n    <div class=\"lcm-s6-modal__banner lcm-s6-modal__banner--artista\">\r\n      <svg class=\"lcm-s6-modal__banner-icon lcm-s6-modal__banner-icon--sparkle\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\r\n        <path class=\"lcm-s6-modal__star-big\" d=\"M29,14 L20.47,16.47 L18,25 L15.53,16.47 L7,14 L15.53,11.53 L18,3 L20.47,11.53 Z\"\/>\r\n        <path class=\"lcm-s6-modal__star-small\" d=\"M13.5,22 L10.06,23.06 L9,26.5 L7.94,23.06 L4.5,22 L7.94,20.94 L9,17.5 L10.06,20.94 Z\"\/>\r\n      <\/svg>\r\n      <span id=\"lcmS6ModalTitleArtista\">Artista de Marca<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-s6-modal__body\">\r\n      <p class=\"lcm-s6-modal__subtitle\">Cu\u00e9ntanos sobre tu marca y te contactamos en menos de 24h.<\/p>\r\n\r\n      <form class=\"lcm-s6-modal__form\" data-lcm-form novalidate>\r\n        <div class=\"lcm-s6-hp\" aria-hidden=\"true\">\r\n          <label>No completar este campo\r\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <input type=\"hidden\" name=\"service\" value=\"Artista de Marca\">\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Nombre*<\/span>\r\n          <input type=\"text\" name=\"name\" required autocomplete=\"name\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Correo*<\/span>\r\n          <input type=\"email\" name=\"email\" required autocomplete=\"email\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Tel\u00e9fono<\/span>\r\n          <input type=\"tel\" name=\"phone\" autocomplete=\"tel\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s6-field\">\r\n          <span>Cu\u00e9ntanos sobre tu marca<\/span>\r\n          <textarea name=\"message\" rows=\"4\">Hola, buenos d\u00edas. Me gustar\u00eda informaci\u00f3n sobre c\u00f3mo crear un artista de marca para nuestra empresa: m\u00fasica propia, identidad y presencia en streaming y redes sociales. Querr\u00eda saber c\u00f3mo es el proceso y los plazos. Un saludo.<\/textarea>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"lcm-s6-modal__submit\"><span>Enviar<\/span><\/button>\r\n\r\n        <p class=\"lcm-s6-modal__status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Reutiliza .lcm-s6-modal-backdrop, .lcm-s6-modal, .lcm-s6-field, etc.\r\n     definidos en el popup de \"Universo Sonoro\". Solo se a\u00f1aden aqu\u00ed\r\n     los estilos propios del \u00edcono de destello. *\/\r\n  .lcm-s6-modal__banner-icon--sparkle{ width:24px; height:24px; }\r\n  .lcm-s6-modal__star-big,\r\n  .lcm-s6-modal__star-small{\r\n    fill:#131110;\r\n    transform-box:fill-box;\r\n    transform-origin:center;\r\n  }\r\n  .lcm-s6-modal__star-big{ animation:lcmS6ModalTwinkle 2.6s ease-in-out infinite 0.2s; }\r\n  .lcm-s6-modal__star-small{ animation:lcmS6ModalTwinkle 2.6s ease-in-out infinite 1.1s; }\r\n  @keyframes lcmS6ModalTwinkle{\r\n    0%,100%{ transform:scale(1); opacity:1; }\r\n    50%{ transform:scale(0.78); opacity:0.55; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  function lcmInitModal(openBtnId, backdropId, eventId){\r\n    const openBtn  = document.getElementById(openBtnId);\r\n    const backdrop = document.getElementById(backdropId);\r\n    if (!openBtn || !backdrop) return;\r\n\r\n    document.body.appendChild(backdrop);\r\n\r\n    const form      = backdrop.querySelector('[data-lcm-form]');\r\n    const statusEl  = backdrop.querySelector('.lcm-s6-modal__status');\r\n    const submitBtn = form.querySelector('.lcm-s6-modal__submit');\r\n    const submitLbl = submitBtn.querySelector('span');\r\n    let lastFocused = null;\r\n    let formStarted = false; \/\/ NUEVO\r\n\r\n    function openModal(e){\r\n      e.preventDefault();\r\n      if (typeof gtag === 'function') gtag('event', 'cta_click_' + eventId); \/\/ NUEVO\r\n      formStarted = false; \/\/ NUEVO\r\n      lastFocused = document.activeElement;\r\n      backdrop.classList.add('is-open');\r\n      document.body.style.overflow = 'hidden';\r\n      const firstInput = form.querySelector('input[name=\"name\"]');\r\n      if (firstInput) firstInput.focus();\r\n    }\r\n    function closeModal(){\r\n      backdrop.classList.remove('is-open');\r\n      document.body.style.overflow = '';\r\n      if (lastFocused) lastFocused.focus();\r\n    }\r\n\r\n    openBtn.addEventListener('click', openModal);\r\n    backdrop.querySelectorAll('[data-lcm-close]').forEach(el => el.addEventListener('click', closeModal));\r\n    backdrop.addEventListener('click', (e) => { if (e.target === backdrop) closeModal(); });\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && backdrop.classList.contains('is-open')) closeModal();\r\n    });\r\n\r\n    \/\/ NUEVO: primer campo que se toca en el formulario\r\n    form.addEventListener('input', () => {\r\n      if (!formStarted) {\r\n        formStarted = true;\r\n        if (typeof gtag === 'function') gtag('event', 'form_start_' + eventId);\r\n      }\r\n    });\r\n\r\n    form.addEventListener('submit', (e) => {\r\n      e.preventDefault();\r\n      if (typeof gtag === 'function') gtag('event', 'form_submit_click_' + eventId); \/\/ NUEVO\r\n      statusEl.textContent = '';\r\n      statusEl.className = 'lcm-s6-modal__status';\r\n\r\n      const formData = new FormData(form);\r\n      formData.append('action', 'lcm_contact_form');\r\n\r\n      submitBtn.disabled = true;\r\n      submitLbl.textContent = 'Enviando...';\r\n\r\n      fetch('\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData,\r\n        credentials: 'same-origin'\r\n      })\r\n        .then(res => res.json())\r\n        .then(data => {\r\n          if (data && data.success) {\r\n            statusEl.textContent = data.data?.message || '\u00a1Gracias! Te contactaremos pronto.';\r\n            statusEl.classList.add('is-success');\r\n            form.reset();\r\n            setTimeout(closeModal, 1800);\r\n          } else {\r\n            statusEl.textContent = data?.data?.message || 'Algo sali\u00f3 mal. Int\u00e9ntalo de nuevo.';\r\n            statusEl.classList.add('is-error');\r\n          }\r\n        })\r\n        .catch(() => {\r\n          statusEl.textContent = 'Error de conexi\u00f3n. Int\u00e9ntalo de nuevo.';\r\n          statusEl.classList.add('is-error');\r\n        })\r\n        .finally(() => {\r\n          submitBtn.disabled = false;\r\n          submitLbl.textContent = 'Enviar';\r\n        });\r\n    });\r\n  }\r\n\r\n lcmInitModal('lcmOpenArtistaBtn', 'lcmS6ModalBackdropArtista', 's6_artista');\r\n});\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d181b9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6d181b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 SECCI\u00d3N \"Caso real: La Tundra\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     Namespaced con .lcm-s7.\r\n\r\n     >>> PARA PONER TU IMAGEN <<<\r\n     Busca la l\u00ednea que dice   src=\"PON_AQUI_LA_URL_DE_TU_IMAGEN.jpg\"\r\n     (unas l\u00edneas m\u00e1s abajo) y reemplaza esa URL por la de tu foto.\r\n     El recuadro ya est\u00e1 configurado con la relaci\u00f3n de aspecto (7:5,\r\n     igual que en tu referencia) y usa object-fit:cover, as\u00ed que\r\n     cualquier foto que pongas se recorta autom\u00e1ticamente para\r\n     llenar ese marco sin deformarse, sin importar su tama\u00f1o original.\r\n     ============================================================ -->\r\n<div class=\"lcm-s7\" id=\"lcm-s7\">\r\n  <div class=\"lcm-s7__inner\">\r\n    <div class=\"lcm-s7__grid\">\r\n\r\n      <div class=\"lcm-s7__media lcm-s7-reveal\" style=\"--d:0.05s;\">\r\n        <div class=\"lcm-s7__frame\">\r\n          <img decoding=\"async\"\r\n            class=\"lcm-s7__img\"\r\n            src=\"https:\/\/lacondesamusic.es\/wp-content\/uploads\/2026\/05\/tundra2.png\"\r\n            alt=\"La Tundra\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"lcm-s7__scrim\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"lcm-s7__logo lcm-s7-reveal\" style=\"--d:0.55s;\">\r\n            <span>LA<\/span>\r\n            <span class=\"lcm-s7__logo-line\">TUNDRA<i class=\"lcm-s7__logo-star\" aria-hidden=\"true\">\u2733<\/i><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s7__copy\">\r\n        <span class=\"lcm-s7__eyebrow lcm-s7-reveal\" style=\"--d:0.15s;\"><span class=\"lcm-s7__eyebrow-dot\"><\/span>Caso real<\/span>\r\n\r\n        <h2 class=\"lcm-s7__h2\">\r\n          <span class=\"lcm-s7-line\"><span class=\"lcm-s7-line__text\">De cero a comunidad:<\/span><span class=\"lcm-s7-line__wipe\" style=\"--d:0.32s;\"><\/span><\/span>\r\n          <span class=\"lcm-s7-line\"><span class=\"lcm-s7-line__text\">La Tundra<\/span><span class=\"lcm-s7-line__wipe\" style=\"--d:0.46s;\"><\/span><\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"lcm-s7-reveal\" style=\"--d:0.65s;\">La Tundra es un artista creado desde cero por La Condesa Music, con identidad, canciones, narrativa y una comunidad en crecimiento.<\/p>\r\n\r\n        <p class=\"lcm-s7-reveal\" style=\"--d:0.75s;\">Hoy cuenta con miles de oyentes mensuales y demuestra c\u00f3mo un universo art\u00edstico puede nacer desde una idea y convertirse en un activo cultural.<\/p>\r\n\r\n        <a href=\"https:\/\/lacondesamusic.es\/la-tundra\/\" class=\"lcm-s7__link lcm-s7-reveal\" style=\"--d:0.88s;\">Ver caso completo <span class=\"lcm-s7__link-arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s7{\r\n    --bg:#F4F1EA;\r\n    --ink:#17140F;\r\n    --ink-soft:#6B6152;\r\n    --gold:#8A7043;\r\n    --gold-bright:#C9A45B;\r\n    --border:rgba(23,20,15,0.12);\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:100px 0;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n    box-sizing:border-box;\r\n    overflow:hidden;\r\n  }\r\n  .lcm-s7 *{ box-sizing:border-box; }\r\n  .lcm-s7 a{ text-decoration:none; }\r\n\r\n  .lcm-s7__inner{\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n  }\r\n\r\n  .lcm-s7__grid{\r\n    display:grid;\r\n    grid-template-columns:1.05fr 1fr;\r\n    gap:64px;\r\n    align-items:center;\r\n  }\r\n\r\n  \/* ---------- Imagen ---------- *\/\r\n  .lcm-s7__frame{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:7 \/ 5;\r\n    border-radius:6px;\r\n    overflow:hidden;\r\n    background:var(--ink);\r\n    box-shadow:0 18px 40px rgba(23,20,15,0.16);\r\n  }\r\n  .lcm-s7__img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    display:block;\r\n    transform:scale(1.12);\r\n  }\r\n  .lcm-s7--visible .lcm-s7__img{\r\n    animation:lcmS7ImgIn 1.4s cubic-bezier(.16,.8,.24,1) forwards 0.1s,\r\n              lcmS7KenBurns 14s ease-in-out infinite 1.6s;\r\n  }\r\n  @keyframes lcmS7ImgIn{ to{ transform:scale(1.04); } }\r\n  @keyframes lcmS7KenBurns{ 0%,100%{ transform:scale(1.04); } 50%{ transform:scale(1.1); } }\r\n\r\n  .lcm-s7__scrim{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(0deg, rgba(10,8,5,0.65) 0%, rgba(10,8,5,0.15) 38%, transparent 60%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .lcm-s7__logo{\r\n    position:absolute;\r\n    left:22px; bottom:20px;\r\n    font-family:var(--sans);\r\n    font-weight:800;\r\n    color:#F7F2E7;\r\n    line-height:0.95;\r\n    letter-spacing:-0.01em;\r\n    text-shadow:0 2px 10px rgba(0,0,0,0.35);\r\n  }\r\n  .lcm-s7__logo span:first-child{ display:block; font-size:15px; letter-spacing:0.1em; margin-bottom:1px; }\r\n  .lcm-s7__logo-line{ display:flex; align-items:center; gap:6px; font-size:34px; }\r\n  .lcm-s7__logo-star{\r\n    font-style:normal;\r\n    font-size:20px;\r\n    color:var(--gold-bright);\r\n    animation:lcmS7StarSpin 9s linear infinite;\r\n    display:inline-block;\r\n  }\r\n  @keyframes lcmS7StarSpin{ to{ transform:rotate(360deg); } }\r\n\r\n  \/* ---------- Copy ---------- *\/\r\n  .lcm-s7__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-family:var(--sans);\r\n    font-size:11px;\r\n    letter-spacing:0.28em;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n    font-weight:600;\r\n    margin-bottom:16px;\r\n  }\r\n  .lcm-s7__eyebrow-dot{\r\n    width:6px; height:6px; border-radius:50%;\r\n    background:var(--gold);\r\n    box-shadow:0 0 0 4px rgba(138,112,67,0.18);\r\n  }\r\n\r\n  .lcm-s7__h2{\r\n    font-family:var(--serif);\r\n    font-weight:700;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.16;\r\n    font-size:clamp(1.8rem, 3vw, 2.5rem);\r\n    margin:0 0 22px;\r\n  }\r\n  .lcm-s7-line{ position:relative; display:block; overflow:hidden; }\r\n  .lcm-s7-line__text{ display:inline-block; }\r\n  .lcm-s7-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--bg);\r\n    border-left:3px solid var(--gold);\r\n    transform-origin:right center;\r\n    animation:lcmS7Wipe 0.9s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS7Wipe{ to{ transform:scaleX(0); } }\r\n\r\n  .lcm-s7__copy p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:15px;\r\n    line-height:1.65;\r\n    color:var(--ink-soft);\r\n    max-width:440px;\r\n    margin:0 0 16px;\r\n  }\r\n\r\n  .lcm-s7__link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-top:10px;\r\n    font-family:var(--sans);\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    color:var(--ink);\r\n    border-bottom:1px solid var(--ink);\r\n    padding-bottom:2px;\r\n    transition:color .3s ease, border-color .3s ease;\r\n  }\r\n  .lcm-s7__link:hover{ color:var(--gold); border-color:var(--gold); }\r\n  .lcm-s7__link-arrow{ display:inline-block; transition:transform .3s ease; }\r\n  .lcm-s7__link:hover .lcm-s7__link-arrow{ transform:translateX(3px); }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s7-reveal{ opacity:0; transform:translateY(18px); }\r\n  .lcm-s7--visible .lcm-s7-reveal{\r\n    animation:lcmS7FadeUp 0.85s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS7FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n\r\n  @media (max-width:860px){\r\n    .lcm-s7{ padding:80px 0; }\r\n    .lcm-s7__inner{ padding:0 24px; }\r\n    .lcm-s7__grid{ grid-template-columns:1fr; gap:40px; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s7-reveal, .lcm-s7-line__wipe{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-s7-line__wipe{ display:none; }\r\n    .lcm-s7__img{ animation:none !important; transform:scale(1.04); }\r\n    .lcm-s7__logo-star{ animation:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s7');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-s7--visible');\r\n      return;\r\n    }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            el.classList.add('lcm-s7--visible');\r\n            io.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      io.observe(el);\r\n    } else {\r\n      el.classList.add('lcm-s7--visible');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;800&display=swap\" rel=\"stylesheet\">\r\n-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de7bc99 elementor-widget elementor-widget-html\" data-id=\"de7bc99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     LA CONDESA MUSIC \u2014 CTA FINAL \"\u00bfY si tu marca tuviera algo...\"\r\n     Widget HTML para Elementor. Pegar tal cual en un widget \"HTML\".\r\n     ============================================================ -->\r\n<div class=\"lcm-s8\" id=\"lcm-s8\">\r\n  <div class=\"lcm-s8__grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <svg class=\"lcm-s8__swirls\" viewBox=\"0 0 900 400\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n    <defs>\r\n      <linearGradient id=\"lcmSwirlFade\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n        <stop offset=\"0%\" stop-color=\"#C9A45B\" stop-opacity=\"0.4\"\/>\r\n        <stop offset=\"55%\" stop-color=\"#C9A45B\" stop-opacity=\"0.14\"\/>\r\n        <stop offset=\"100%\" stop-color=\"#C9A45B\" stop-opacity=\"0\"\/>\r\n      <\/linearGradient>\r\n    <\/defs>\r\n    <g class=\"lcm-s8__swirl-group\" fill=\"none\" stroke=\"url(#lcmSwirlFade)\" stroke-width=\"1.4\">\r\n      <path d=\"M-50,50 C150,-30 300,150 550,60 C700,10 800,120 950,40\"\/>\r\n      <path d=\"M-50,150 C180,60 320,260 560,160 C720,100 820,220 950,140\"\/>\r\n      <path d=\"M-50,250 C160,180 340,340 540,240 C700,180 830,300 950,230\"\/>\r\n      <path d=\"M-50,340 C170,300 300,400 520,330 C680,280 800,360 950,310\"\/>\r\n    <\/g>\r\n  <\/svg>\r\n\r\n  <div class=\"lcm-s8__inner\">\r\n    <div class=\"lcm-s8__grid\">\r\n\r\n      <div class=\"lcm-s8__copy\">\r\n        <h2 class=\"lcm-s8__h2\">\r\n          <span class=\"lcm-s8-line\"><span class=\"lcm-s8-line__text\">\u00bfY si tu marca tuviera algo<\/span><span class=\"lcm-s8-line__wipe\" style=\"--d:0.05s;\"><\/span><\/span>\r\n          <span class=\"lcm-s8-line\"><span class=\"lcm-s8-line__text\">que la gente pueda <em>escuchar,<\/em><\/span><span class=\"lcm-s8-line__wipe\" style=\"--d:0.2s;\"><\/span><\/span>\r\n          <span class=\"lcm-s8-line\"><span class=\"lcm-s8-line__text\"><em>recordar y seguir<\/em>?<\/span><span class=\"lcm-s8-line__wipe\" style=\"--d:0.35s;\"><\/span><\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"lcm-s8-reveal\" style=\"--d:0.65s;\">Cu\u00e9ntanos qu\u00e9 marca quieres construir. Te ayudamos a entender si necesitas un universo sonoro, un artista de marca o una activaci\u00f3n cultural.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lcm-s8__actions\">\r\n        <a href=\"#\"\r\n           target=\"_blank\"\r\n           class=\"lcm-s8__btn lcm-s8__btn--fill lcm-s8-reveal lcmCalendlyBtn\"\r\n           style=\"--d:0.55s;\">\r\n          <span>Hablar con el equipo<\/span><span class=\"lcm-s8__btn-arrow\">\u2192<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/lacondesamusic.es\/contacto\/\" id=\"lcmOpenFormBtn\" class=\"lcm-s8__btn lcm-s8__btn--line lcm-s8-reveal\" style=\"--d:0.68s;\"><span>Dejar mis datos<\/span><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ===== Popup \"Dejar mis datos\" ===== -->\r\n  <div class=\"lcm-s8-modal-backdrop\" id=\"lcmS8ModalBackdrop\">\r\n    <div class=\"lcm-s8-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"lcmS8ModalTitle\">\r\n      <button type=\"button\" class=\"lcm-s8-modal__close\" data-lcm-close aria-label=\"Cerrar\">\u00d7<\/button>\r\n\r\n      <h3 id=\"lcmS8ModalTitle\" class=\"lcm-s8-modal__title\">Cu\u00e9ntanos sobre tu marca<\/h3>\r\n      <p class=\"lcm-s8-modal__subtitle\">D\u00e9janos tus datos y te contactamos en menos de 24h.<\/p>\r\n\r\n      <form id=\"lcmS8Form\" class=\"lcm-s8-modal__form\" novalidate>\r\n        <div class=\"lcm-s8-hp\" aria-hidden=\"true\">\r\n          <label>No completar este campo\r\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\r\n          <\/label>\r\n        <\/div>\r\n\r\n        <label class=\"lcm-s8-field\">\r\n          <span>Nombre*<\/span>\r\n          <input type=\"text\" name=\"name\" required autocomplete=\"name\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s8-field\">\r\n          <span>Email*<\/span>\r\n          <input type=\"email\" name=\"email\" required autocomplete=\"email\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s8-field\">\r\n          <span>Tel\u00e9fono<\/span>\r\n          <input type=\"tel\" name=\"phone\" autocomplete=\"tel\">\r\n        <\/label>\r\n\r\n        <label class=\"lcm-s8-field\">\r\n          <span>\u00bfQu\u00e9 necesitas?<\/span>\r\n          <select name=\"message\">\r\n            <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n            <option value=\"Universo sonoro\">Universo sonoro<\/option>\r\n            <option value=\"Artistas de marca\">Artistas de marca<\/option>\r\n            <option value=\"Otros\">Otros<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"lcm-s8__btn lcm-s8__btn--fill lcm-s8-modal__submit\">\r\n          <span>Enviar<\/span>\r\n        <\/button>\r\n\r\n        <p class=\"lcm-s8-modal__status\" role=\"status\" aria-live=\"polite\"><\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lcm-s8-modal-backdrop{\r\n    position:fixed; inset:0; z-index:99999;\r\n    display:flex; align-items:center; justify-content:center; padding:24px;\r\n    background:rgba(19,17,16,0.72);\r\n    backdrop-filter:blur(3px);\r\n    opacity:0; visibility:hidden;\r\n    transition:opacity .3s ease, visibility .3s ease;\r\n  }\r\n  .lcm-s8-modal-backdrop.is-open{ opacity:1; visibility:visible; }\r\n\r\n  .lcm-s8-modal{\r\n    position:relative;\r\n    width:100%; max-width:440px;\r\n    background:#1B1815;\r\n    border:1px solid rgba(201,164,91,0.35);\r\n    border-radius:20px;\r\n    padding:36px 32px;\r\n    font-family:'Inter', sans-serif;\r\n    color:#F7F2E7;\r\n    transform:translateY(20px) scale(0.97);\r\n    transition:transform .35s cubic-bezier(.16,.8,.24,1);\r\n  }\r\n  .lcm-s8-modal-backdrop.is-open .lcm-s8-modal{ transform:translateY(0) scale(1); }\r\n\r\n  .lcm-s8-modal__close{\r\n    position:absolute; top:16px; right:16px;\r\n    width:32px; height:32px; border-radius:50%;\r\n    background:transparent; border:1px solid rgba(201,164,91,0.35);\r\n    color:#F7F2E7; font-size:18px; line-height:1; cursor:pointer;\r\n    transition:border-color .2s ease, color .2s ease;\r\n  }\r\n  .lcm-s8-modal__close:hover{ border-color:#C9A45B; color:#C9A45B; }\r\n\r\n  .lcm-s8-modal__title{\r\n    font-family:'Fraunces', serif; font-weight:400; font-size:1.5rem;\r\n    margin:0 0 6px; color:#fff;\r\n  }\r\n  .lcm-s8-modal__subtitle{\r\n    font-size:13.5px; color:rgba(247,242,231,0.58); margin:0 0 22px;\r\n  }\r\n\r\n  .lcm-s8-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }\r\n\r\n  .lcm-s8-field{ display:block; margin-bottom:14px; font-size:13px; }\r\n  .lcm-s8-field span{ display:block; margin-bottom:6px; color:rgba(247,242,231,0.75); }\r\n  .lcm-s8-field input,\r\n  .lcm-s8-field textarea{\r\n    width:100%; background:#131110; color:#F7F2E7;\r\n    border:1px solid rgba(201,164,91,0.35); border-radius:10px;\r\n    padding:11px 13px; font-family:'Inter', sans-serif; font-size:14px;\r\n    resize:vertical;\r\n  }\r\n  .lcm-s8-field input:focus,\r\n  .lcm-s8-field textarea:focus{ outline:none; border-color:#C9A45B; }\r\n  .lcm-s8-field select{\r\n    width:100%;\r\n    background-color:#131110;\r\n    color:#F7F2E7;\r\n    border:1px solid rgba(201,164,91,0.35);\r\n    border-radius:10px;\r\n    padding:11px 36px 11px 13px;\r\n    font-family:'Inter', sans-serif;\r\n    font-size:14px;\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n    cursor:pointer;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23C9A45B' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\r\n    background-repeat:no-repeat;\r\n    background-position:right 14px center;\r\n  }\r\n  .lcm-s8-field select:focus{ outline:none; border-color:#C9A45B; }\r\n  .lcm-s8-field select option{ background:#131110; color:#F7F2E7; }\r\n  .lcm-s8-field select:invalid{ color:rgba(247,242,231,0.5); }\r\n\r\n  .lcm-s8-modal__submit{ width:100%; margin-top:6px; border:none; cursor:pointer; }\r\n  .lcm-s8-modal__submit:disabled{ opacity:0.6; cursor:not-allowed; }\r\n\r\n  .lcm-s8-modal__status{ min-height:18px; font-size:13px; margin:12px 0 0; text-align:center; }\r\n  .lcm-s8-modal__status.is-success{ color:#8FBF8A; }\r\n  .lcm-s8-modal__status.is-error{ color:#E08383; }\r\n\r\n  @media (max-width:480px){\r\n    .lcm-s8-modal{ padding:28px 22px; }\r\n  }\r\n<\/style>\r\n\r\n<style>\r\n  .lcm-s8{\r\n    --ink:#131110;\r\n    --paper:#F7F2E7;\r\n    --text-muted:rgba(247,242,231,0.58);\r\n    --gold:#C9A45B;\r\n    --gold-deep:#8A7043;\r\n    --border:rgba(201,164,91,0.35);\r\n\r\n    --serif:'Fraunces', serif;\r\n    --sans:'Inter', sans-serif;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    margin:0;\r\n    padding:90px 0;\r\n    background:var(--ink);\r\n    color:var(--paper);\r\n    overflow:hidden;\r\n    box-sizing:border-box;\r\n  }\r\n  .lcm-s8 *{ box-sizing:border-box; }\r\n  .lcm-s8 a{ text-decoration:none; }\r\n\r\n  .lcm-s8__grain{\r\n    position:absolute; inset:0; z-index:0; pointer-events:none;\r\n    opacity:0.05; mix-blend-mode:overlay;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n  }\r\n\r\n  .lcm-s8__swirls{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n  }\r\n  .lcm-s8__swirl-group{\r\n    transform-origin:0px 200px;\r\n    animation:lcmS8SwirlDrift 22s ease-in-out infinite;\r\n  }\r\n  @keyframes lcmS8SwirlDrift{\r\n    0%,100%{ transform:rotate(0deg) translateX(0); }\r\n    50%{ transform:rotate(1.2deg) translateX(6px); }\r\n  }\r\n\r\n  .lcm-s8__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    padding:0 32px;\r\n  }\r\n\r\n  .lcm-s8__grid{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:56px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .lcm-s8__copy{ flex:1.4; min-width:320px; }\r\n  .lcm-s8__h2{\r\n    font-family:var(--serif);\r\n    font-weight:400;\r\n    letter-spacing:-0.01em;\r\n    line-height:1.22;\r\n    font-size:clamp(1.7rem, 3.1vw, 2.5rem);\r\n    margin:0 0 20px;\r\n    color:#FFFFFF;\r\n  }\r\n  .lcm-s8__h2 em{ font-style:normal; color:var(--gold); }\r\n  .lcm-s8-line{ position:relative; display:block; overflow:hidden; }\r\n  .lcm-s8-line__text{ display:inline-block; }\r\n  .lcm-s8-line__wipe{\r\n    position:absolute; inset:0;\r\n    background:var(--ink);\r\n    transform-origin:right center;\r\n    animation:lcmS8Wipe 0.85s cubic-bezier(.76,0,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS8Wipe{ to{ transform:scaleX(0); } }\r\n\r\n  .lcm-s8__copy p{\r\n    font-family:var(--sans);\r\n    font-weight:300;\r\n    font-size:14.5px;\r\n    line-height:1.6;\r\n    color:var(--text-muted);\r\n    max-width:460px;\r\n    margin:0;\r\n  }\r\n\r\n  .lcm-s8__actions{\r\n    flex:none;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:14px;\r\n    min-width:260px;\r\n  }\r\n  .lcm-s8__btn{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    padding:17px 30px;\r\n    border-radius:999px;\r\n    font-family:var(--sans);\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    overflow:hidden;\r\n    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  }\r\n  .lcm-s8__btn span:first-child{ position:relative; z-index:1; }\r\n  .lcm-s8__btn-arrow{ position:relative; z-index:1; display:inline-block; transition:transform .3s ease; }\r\n\r\n  .lcm-s8__btn--fill{\r\n    background:linear-gradient(135deg, var(--gold), var(--gold-deep));\r\n    color:var(--ink);\r\n  }\r\n  .lcm-s8__btn--fill::before{\r\n    content:\"\";\r\n    position:absolute; top:0; left:-120%; width:60%; height:100%;\r\n    background:linear-gradient(115deg, transparent, rgba(255,255,255,0.55), transparent);\r\n    transition:left .55s ease;\r\n  }\r\n  .lcm-s8__btn--fill:hover{ transform:translateY(-2px); }\r\n  .lcm-s8__btn--fill:hover::before{ left:130%; }\r\n  .lcm-s8__btn--fill:hover .lcm-s8__btn-arrow{ transform:translateX(3px); }\r\n  @keyframes lcmS8Glow{\r\n    0%,100%{ box-shadow:0 0 0 0 rgba(201,164,91,0.35); }\r\n    50%{ box-shadow:0 0 24px 4px rgba(201,164,91,0.28); }\r\n  }\r\n\r\n  .lcm-s8__btn--line{\r\n    border:1px solid var(--border);\r\n    color:var(--paper);\r\n  }\r\n  .lcm-s8__btn--line:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }\r\n\r\n  \/* ---------- Reveal gen\u00e9rico ---------- *\/\r\n  .lcm-s8-reveal{ opacity:0; transform:translateY(16px); }\r\n  .lcm-s8--visible .lcm-s8-reveal{\r\n    animation:lcmS8FadeUp 0.8s cubic-bezier(.16,.8,.24,1) forwards;\r\n    animation-delay:var(--d, 0s);\r\n  }\r\n  @keyframes lcmS8FadeUp{ to{ opacity:1; transform:translateY(0); } }\r\n  .lcm-s8--visible .lcm-s8__btn--fill{\r\n    animation:lcmS8FadeUp 0.8s cubic-bezier(.16,.8,.24,1) forwards var(--d, 0s),\r\n              lcmS8Glow 3.2s ease-in-out infinite 1.6s;\r\n  }\r\n\r\n  @media (max-width:760px){\r\n    .lcm-s8{ padding:70px 0; }\r\n    .lcm-s8__inner{ padding:0 24px; }\r\n    .lcm-s8__grid{ flex-direction:column; align-items:flex-start; gap:32px; }\r\n    .lcm-s8__actions{ width:100%; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .lcm-s8-reveal, .lcm-s8-line__wipe{ animation:none !important; opacity:1; transform:none; }\r\n    .lcm-s8-line__wipe{ display:none; }\r\n    .lcm-s8__swirl-group, .lcm-s8__btn--fill{ animation:none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    var el = document.getElementById('lcm-s8');\r\n    if (!el) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n      el.classList.add('lcm-s8--visible');\r\n      return;\r\n    }\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if (entry.isIntersecting){\r\n            el.classList.add('lcm-s8--visible');\r\n            io.unobserve(el);\r\n          }\r\n        });\r\n      }, { threshold: 0.2 });\r\n      io.observe(el);\r\n    } else {\r\n      el.classList.add('lcm-s8--visible');\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const openBtn  = document.getElementById('lcmOpenFormBtn');\r\n  const backdrop = document.getElementById('lcmS8ModalBackdrop');\r\n  if (!openBtn || !backdrop) return;\r\n\r\n  document.body.appendChild(backdrop);\r\n\r\n  const form      = backdrop.querySelector('#lcmS8Form');\r\n  const statusEl  = backdrop.querySelector('.lcm-s8-modal__status');\r\n  const submitBtn = form.querySelector('.lcm-s8-modal__submit');\r\n  const submitLbl = submitBtn.querySelector('span');\r\n  let lastFocused = null;\r\n  let formStarted = false;\r\n\r\n  function openModal(e){\r\n    e.preventDefault();\r\n    if (typeof gtag === 'function') gtag('event', 'cta_click_s8_dejar_datos');\r\n    formStarted = false;\r\n    lastFocused = document.activeElement;\r\n    backdrop.classList.add('is-open');\r\n    document.body.style.overflow = 'hidden';\r\n    const firstInput = form.querySelector('input[name=\"name\"]');\r\n    if (firstInput) firstInput.focus();\r\n  }\r\n  function closeModal(){\r\n    backdrop.classList.remove('is-open');\r\n    document.body.style.overflow = '';\r\n    if (lastFocused) lastFocused.focus();\r\n  }\r\n\r\n  openBtn.addEventListener('click', openModal);\r\n  backdrop.querySelectorAll('[data-lcm-close]').forEach(el => el.addEventListener('click', closeModal));\r\n  backdrop.addEventListener('click', (e) => { if (e.target === backdrop) closeModal(); });\r\n  document.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape' && backdrop.classList.contains('is-open')) closeModal();\r\n  });\r\n\r\n  form.addEventListener('input', () => {\r\n    if (!formStarted) {\r\n      formStarted = true;\r\n      if (typeof gtag === 'function') gtag('event', 'form_start_s8_dejar_datos');\r\n    }\r\n  });\r\n\r\n  form.addEventListener('submit', (e) => {\r\n    e.preventDefault();\r\n    if (typeof gtag === 'function') gtag('event', 'form_submit_click_s8_dejar_datos');\r\n    statusEl.textContent = '';\r\n    statusEl.className = 'lcm-s8-modal__status';\r\n\r\n    const formData = new FormData(form);\r\n    formData.append('action', 'lcm_contact_form');\r\n\r\n    submitBtn.disabled = true;\r\n    submitLbl.textContent = 'Enviando...';\r\n\r\n    fetch('\/wp-admin\/admin-ajax.php', {\r\n      method: 'POST',\r\n      body: formData,\r\n      credentials: 'same-origin'\r\n    })\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        if (data && data.success) {\r\n          statusEl.textContent = data.data?.message || '\u00a1Gracias! Te contactaremos pronto.';\r\n          statusEl.classList.add('is-success');\r\n          form.reset();\r\n          setTimeout(closeModal, 1800);\r\n        } else {\r\n          statusEl.textContent = data?.data?.message || 'Algo sali\u00f3 mal. Int\u00e9ntalo de nuevo.';\r\n          statusEl.classList.add('is-error');\r\n        }\r\n      })\r\n      .catch(() => {\r\n        statusEl.textContent = 'Error de conexi\u00f3n. Int\u00e9ntalo de nuevo.';\r\n        statusEl.classList.add('is-error');\r\n      })\r\n      .finally(() => {\r\n        submitBtn.disabled = false;\r\n        submitLbl.textContent = 'Enviar';\r\n      });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  if (window.__lcmCalendlyBound) return;\r\n  window.__lcmCalendlyBound = true;\r\n\r\n  document.querySelectorAll(\".lcmCalendlyBtn\").forEach((btn) => {\r\n    btn.addEventListener(\"click\", (e) => {\r\n      e.preventDefault();\r\n\r\n      if (typeof Calendly === \"undefined\") {\r\n        console.error(\"Calendly no est\u00e1 cargado\");\r\n        return;\r\n      }\r\n\r\n      let origen = 'otro';\r\n      if (btn.closest('#lcm-heroC')) origen = 'hero';\r\n      else if (btn.closest('#lcm-s8')) origen = 's8';\r\n\r\n      if (typeof gtag === 'function') {\r\n        gtag('event', 'cta_click_calendly_' + origen);\r\n      }\r\n\r\n      Calendly.initPopupWidget({\r\n        url: \"https:\/\/calendly.com\/lacondesamusic\/lacondesamusic\"\r\n      });\r\n\r\n      return false;\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<!-- Si Fraunces\/Inter no est\u00e1n ya cargadas globalmente en el tema, descomenta:\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a68284c elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"a68284c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"lcm-cs\" id=\"lcm-cs\">\n  <div class=\"lcm-cs__grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"lcm-cs__inner\">\n    <div class=\"lcm-cs__grid\">\n\n      <div class=\"lcm-cs__info\">\n        <div class=\"lcm-cs__logo\">LA CONDESA <span>MUSIC<\/span><\/div>\n\n        <p class=\"lcm-cs__eyebrow\">Estamos para ayudarte<\/p>\n        <h1 class=\"lcm-cs__title\">Hablemos de tu pr\u00f3ximo proyecto<\/h1>\n\n        <span class=\"lcm-cs__rule\">\n          <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M29,14 L20.47,16.47 L18,25 L15.53,16.47 L7,14 L15.53,11.53 L18,3 L20.47,11.53 Z\"\/><\/svg>\n        <\/span>\n\n        <p class=\"lcm-cs__desc\">Cu\u00e9ntanos tus ideas y objetivos. Nuestro equipo te responder\u00e1 en <strong>menos de 24 horas<\/strong> con propuestas estrat\u00e9gicas y soluciones a la medida de tu marca.<\/p>\n\n                <ul class=\"lcm-cs__features\">\n          <li>\n            <span class=\"lcm-cs__feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n            <\/span>\n            <div>\n              <strong>Respuesta r\u00e1pida<\/strong>\n              <span>Te respondemos en menos de 24 horas.<\/span>\n            <\/div>\n          <\/li>\n          <li>\n            <span class=\"lcm-cs__feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/span>\n            <div>\n              <strong>Informaci\u00f3n segura<\/strong>\n              <span>Tus datos est\u00e1n protegidos.<\/span>\n            <\/div>\n          <\/li>\n          <li>\n            <span class=\"lcm-cs__feature-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n            <\/span>\n            <div>\n              <strong>Atenci\u00f3n personalizada<\/strong>\n              <span>Acompa\u00f1amiento en cada etapa del proceso.<\/span>\n            <\/div>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"lcm-cs__card\">\n        <div class=\"lcm-cs__card-dots\" aria-hidden=\"true\"><\/div>\n\n        <h2 class=\"lcm-cs__card-title\">\n          <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M29,14 L20.47,16.47 L18,25 L15.53,16.47 L7,14 L15.53,11.53 L18,3 L20.47,11.53 Z\"\/><\/svg>\n          Formulario de Contacto\n        <\/h2>\n\n        <form class=\"lcm-cs__form\" data-lcm-form novalidate>\n          <input type=\"hidden\" name=\"lcm_nonce\" value=\"13667a787b\">\n\n          <div class=\"lcm-cs-hp\" aria-hidden=\"true\">\n            <label>No completar este campo\n              <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/label>\n          <\/div>\n\n          <div class=\"lcm-cs__row\">\n            <label class=\"lcm-cs__field\">\n              <span>Nombre <em>*<\/em><\/span>\n              <input type=\"text\" name=\"name\" placeholder=\"Tu nombre\" required autocomplete=\"name\">\n            <\/label>\n            <label class=\"lcm-cs__field\">\n              <span>Marca \/ Proyecto<\/span>\n              <input type=\"text\" name=\"company\" placeholder=\"Nombre de tu marca o proyecto\" autocomplete=\"organization\">\n            <\/label>\n          <\/div>\n\n          <div class=\"lcm-cs__row\">\n            <label class=\"lcm-cs__field\">\n              <span>Correo electr\u00f3nico <em>*<\/em><\/span>\n              <input type=\"email\" name=\"email\" placeholder=\"tu@email.com\" required autocomplete=\"email\">\n            <\/label>\n            <label class=\"lcm-cs__field\">\n              <span>\u00bfQu\u00e9 quieres crear?<\/span>\n              <select name=\"service\">\n                <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n                <option value=\"Universo Sonoro de Marca\">Universo Sonoro de Marca<\/option>\n                <option value=\"Artista de Marca\">Artista de Marca<\/option>\n                <option value=\"Otros\">Otros<\/option>\n              <\/select>\n            <\/label>\n          <\/div>\n\n          <label class=\"lcm-cs__field lcm-cs__field--full\">\n            <span>Cu\u00e9ntanos en qu\u00e9 podemos ayudarte<\/span>\n            <textarea name=\"message\" rows=\"4\" placeholder=\"Escr\u00edbenos sobre tu marca, tus objetivos o lo que tengas en mente...\"><\/textarea>\n          <\/label>\n\n          <button type=\"submit\" class=\"lcm-cs__submit\">\n            <span>ENVIAR MENSAJE<\/span><span class=\"lcm-cs__submit-arrow\">\u2192<\/span>\n          <\/button>\n\n          <p class=\"lcm-cs__lock\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 0 1 8 0v4\" stroke-linecap=\"round\"\/><\/svg>\n            Tu informaci\u00f3n est\u00e1 100% segura. Nunca compartimos tus datos.\n          <\/p>\n\n          <p class=\"lcm-cs__status\" role=\"status\" aria-live=\"polite\"><\/p>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .lcm-cs{\n    --ink:#17140F;\n    --paper:#F4F1EA;\n    --text-muted:#6B6152;\n    --gold:#8A7043;\n    --gold-bright:#C9A45B;\n    --border:rgba(23,20,15,0.12);\n    --serif:'Fraunces', serif;\n    --sans:'Inter', sans-serif;\n\n    position:relative;\n    width:100%;\n    margin:0;\n    padding:100px 0;\n    background:var(--paper);\n    color:var(--ink);\n    overflow:hidden;\n    box-sizing:border-box;\n  }\n  .lcm-cs *{ box-sizing:border-box; }\n\n  .lcm-cs__grain{\n    position:absolute; inset:0; z-index:0; pointer-events:none;\n    opacity:0.035; mix-blend-mode:multiply;\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\n  }\n\n  .lcm-cs__inner{\n    position:relative; z-index:1;\n    width:100%; max-width:1280px;\n    margin:0 auto; padding:0 32px;\n  }\n\n  .lcm-cs__grid{\n    display:grid;\n    grid-template-columns:0.95fr 1.05fr;\n    gap:64px;\n    align-items:center;\n  }\n\n  \/* ---------- Columna izquierda ---------- *\/\n  .lcm-cs__logo{\n    font-family:var(--serif); font-size:1.3rem; letter-spacing:0.02em;\n    margin-bottom:38px;\n  }\n  .lcm-cs__logo span{\n    display:block; font-family:var(--sans); font-size:10px;\n    letter-spacing:0.4em; color:var(--gold); font-weight:600; margin-top:2px;\n  }\n\n  .lcm-cs__eyebrow{\n    font-family:var(--sans); font-size:12px; font-weight:700;\n    letter-spacing:0.2em; text-transform:uppercase; color:var(--gold);\n    margin:0 0 14px;\n  }\n  .lcm-cs__title{\n    font-family:var(--serif); font-weight:700; letter-spacing:-0.02em;\n    line-height:1.05; font-size:clamp(2.2rem, 4vw, 3.4rem);\n    margin:0 0 26px; color:var(--ink);\n  }\n\n  .lcm-cs__rule{\n    display:inline-flex; align-items:center; gap:8px;\n    width:70px; height:1px; background:var(--gold-bright);\n    margin-bottom:26px; position:relative;\n  }\n  .lcm-cs__rule svg{\n    position:absolute; right:-4px; top:50%; transform:translateY(-50%);\n    width:12px; height:12px; fill:var(--gold-bright);\n  }\n\n  .lcm-cs__desc{\n    font-family:var(--sans); font-weight:300; font-size:16px; line-height:1.7;\n    color:var(--text-muted); max-width:460px; margin:0 0 42px;\n  }\n  .lcm-cs__desc strong{ color:var(--ink); font-weight:600; }\n\n  .lcm-cs__features{ list-style:none; margin:0; padding:0; max-width:460px; }\n  .lcm-cs__features li{\n    display:flex; align-items:flex-start; gap:16px;\n    padding:18px 0; border-top:1px solid var(--border);\n  }\n  .lcm-cs__features li:first-child{ border-top:none; padding-top:0; }\n   .lcm-cs__feature-icon{\n    position:relative;\n    flex:none; width:42px; height:42px; border-radius:50%;\n    border:1px solid var(--border);\n    overflow:hidden;\n    color:var(--gold-bright);\n  }\n  .lcm-cs__feature-icon svg{\n    display:block;\n    position:absolute;\n    top:50%; left:50%;\n    width:19px; height:19px;\n    margin:0; padding:0;\n    transform:translate(-50%, -50%);\n  }\n  .lcm-cs__features strong{\n    display:block; font-family:var(--sans); font-size:14.5px; font-weight:700;\n    color:var(--ink); margin-bottom:2px;\n  }\n  .lcm-cs__features span{\n    display:block; font-family:var(--sans); font-size:13px; color:var(--text-muted);\n  }\n\n  \/* ---------- Tarjeta \/ formulario ---------- *\/\n  .lcm-cs__card{\n    position:relative;\n    background:#131110;\n    border-radius:22px;\n    padding:44px 44px 38px;\n    color:#F7F2E7;\n    overflow:hidden;\n    box-shadow:0 30px 60px -20px rgba(19,17,16,0.35);\n  }\n  .lcm-cs__card-dots{\n    position:absolute; top:0; right:0; width:160px; height:160px;\n    background-image:radial-gradient(rgba(201,164,91,0.35) 1.4px, transparent 1.4px);\n    background-size:14px 14px;\n    -webkit-mask-image:linear-gradient(225deg, #000 10%, transparent 70%);\n    mask-image:linear-gradient(225deg, #000 10%, transparent 70%);\n    pointer-events:none;\n  }\n\n  .lcm-cs__card-title{\n    display:flex; align-items:center; gap:12px;\n    font-family:var(--serif); font-weight:700; font-size:1.7rem;\n    color:#fff; margin:0 0 30px;\n  }\n  .lcm-cs__card-title svg{ width:20px; height:20px; fill:var(--gold-bright); flex:none; }\n\n  .lcm-cs__row{\n    display:grid; grid-template-columns:1fr 1fr; gap:18px;\n    margin-bottom:18px;\n  }\n\n  .lcm-cs-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }\n\n  .lcm-cs__field{ display:block; font-size:13px; }\n  .lcm-cs__field span{\n    display:block; margin-bottom:8px; font-family:var(--sans);\n    font-weight:600; color:rgba(247,242,231,0.85);\n  }\n  .lcm-cs__field span em{ font-style:normal; color:var(--gold-bright); }\n .lcm-cs__field input,\n  .lcm-cs__field select,\n  .lcm-cs__field textarea{\n    width:100%; background:rgba(247,242,231,0.05); color:#F7F2E7;\n    border:1px solid rgba(201,164,91,0.3); border-radius:10px;\n    padding:13px 14px; font-family:var(--sans); font-size:14px;\n    line-height:1.4;\n    resize:vertical;\n  }\n  .lcm-cs__field input{ height:47px; padding-top:0; padding-bottom:0; }\n  .lcm-cs__field input::placeholder,\n  .lcm-cs__field textarea::placeholder{ color:rgba(247,242,231,0.35); }\n  .lcm-cs__field input:focus,\n  .lcm-cs__field select:focus,\n  .lcm-cs__field textarea:focus{ outline:none; border-color:var(--gold-bright); }\n\n  .lcm-cs__field select{\n    appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;\n    height:47px;\n    line-height:45px;\n    padding:0 36px 0 14px;\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23C9A45B' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\n    background-repeat:no-repeat; background-position:right 14px center;\n  }\n  .lcm-cs__field select option{ background:#131110; color:#F7F2E7; }\n\n  .lcm-cs__field--full{ margin-bottom:24px; }\n\n  .lcm-cs__submit{\n    width:100%; border:none; cursor:pointer;\n    display:flex; align-items:center; justify-content:center; gap:10px;\n    background:linear-gradient(135deg, var(--gold-bright), var(--gold));\n    color:#131110; font-family:var(--sans); font-weight:700; font-size:13.5px;\n    letter-spacing:0.06em; padding:17px 26px; border-radius:12px;\n    transition:transform .3s ease, box-shadow .3s ease;\n  }\n  .lcm-cs__submit:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(201,164,91,0.3); }\n  .lcm-cs__submit:disabled{ opacity:0.6; cursor:not-allowed; transform:none; box-shadow:none; }\n  .lcm-cs__submit-arrow{ transition:transform .3s ease; }\n  .lcm-cs__submit:hover .lcm-cs__submit-arrow{ transform:translateX(3px); }\n\n  .lcm-cs__lock{\n    display:flex; align-items:center; justify-content:center; gap:8px;\n    margin:16px 0 0; font-family:var(--sans); font-size:12px;\n    font-weight:600; color:var(--gold-bright);\n  }\n  .lcm-cs__lock svg{ width:14px; height:14px; flex:none; }\n\n  .lcm-cs__status{ min-height:18px; font-size:13px; margin:10px 0 0; text-align:center; }\n  .lcm-cs__status.is-success{ color:#8FBF8A; }\n  .lcm-cs__status.is-error{ color:#E08383; }\n\n  @media (max-width:900px){\n    .lcm-cs{ padding:70px 0; }\n    .lcm-cs__grid{ grid-template-columns:1fr; gap:48px; }\n    .lcm-cs__card{ padding:34px 26px 30px; }\n    .lcm-cs__row{ grid-template-columns:1fr; gap:14px; }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  document.querySelectorAll('.lcm-cs').forEach((section) => {\n    const form      = section.querySelector('[data-lcm-form]');\n    if (!form) return;\n    const statusEl  = section.querySelector('.lcm-cs__status');\n    const submitBtn = form.querySelector('.lcm-cs__submit');\n    const submitLbl = submitBtn.querySelector('span');\n    let formStarted = false; \/\/ NUEVO\n\n    \/\/ NUEVO: primer campo que se toca\n    form.addEventListener('input', () => {\n      if (!formStarted) {\n        formStarted = true;\n        if (typeof gtag === 'function') gtag('event', 'form_start_contacto_seccion');\n      }\n    });\n\n    form.addEventListener('submit', (e) => {\n      e.preventDefault();\n      if (typeof gtag === 'function') gtag('event', 'form_submit_click_contacto_seccion'); \/\/ NUEVO\n      statusEl.textContent = '';\n      statusEl.className = 'lcm-cs__status';\n\n      const formData = new FormData(form);\n      if (!formData.get('service')) {\n        formData.set('service', 'Formulario de contacto');\n      }\n      formData.append('action', 'lcm_contact_form');\n\n      submitBtn.disabled = true;\n      submitLbl.textContent = 'ENVIANDO...';\n\n      fetch('https:\/\/lacondesamusic.es\/wp-admin\/admin-ajax.php', {\n        method: 'POST',\n        body: formData,\n        credentials: 'same-origin'\n      })\n        .then(res => res.json())\n        .then(data => {\n          if (data && data.success) {\n            statusEl.textContent = data.data?.message || '\u00a1Gracias! Te contactaremos pronto.';\n            statusEl.classList.add('is-success');\n            form.reset();\n          } else {\n            statusEl.textContent = data?.data?.message || 'Algo sali\u00f3 mal. Int\u00e9ntalo de nuevo.';\n            statusEl.classList.add('is-error');\n          }\n        })\n        .catch(() => {\n          statusEl.textContent = 'Error de conexi\u00f3n. Int\u00e9ntalo de nuevo.';\n          statusEl.classList.add('is-error');\n        })\n        .finally(() => {\n          submitBtn.disabled = false;\n          submitLbl.textContent = 'ENVIAR MENSAJE';\n        });\n    });\n  });\n});\n<\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Convertimos marcas en cultura. Creamos universos sonoros y artistas de marca para que tu marca se escuche, se recuerde y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-2684","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/pages\/2684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/comments?post=2684"}],"version-history":[{"count":52,"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/pages\/2684\/revisions"}],"predecessor-version":[{"id":2771,"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/pages\/2684\/revisions\/2771"}],"wp:attachment":[{"href":"https:\/\/lacondesamusic.es\/en\/wp-json\/wp\/v2\/media?parent=2684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}