{"id":8,"date":"2026-04-24T18:03:27","date_gmt":"2026-04-24T18:03:27","guid":{"rendered":"https:\/\/www.panoramasportpro.com\/?page_id=8"},"modified":"2026-04-24T20:00:52","modified_gmt":"2026-04-24T20:00:52","slug":"home","status":"publish","type":"page","link":"https:\/\/www.panoramasportpro.com\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fd00cc e-con-full e-flex e-con e-parent\" data-id=\"2fd00cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50453f5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"50453f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Panorama Sports Difusi\u00f3n \u2014 El Rugido de la N\u00e1utica de \u00c9lite<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&family=DM+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold:       #c9a96e;\n      --gold-dim:   rgba(201,169,110,0.4);\n      --gold-faint: rgba(201,169,110,0.08);\n      --black:      #080808;\n      --surface:    #0e0e0e;\n      --surface2:   #141414;\n      --line:       rgba(201,169,110,0.14);\n      --text:       #f0ebe2;\n      --muted:      rgba(240,235,226,0.38);\n      --mid:        rgba(240,235,226,0.6);\n    }\n\n    html { scroll-behavior: smooth; }\n\n    \/* \u2500\u2500\u2500 NAV OFFSET \u2014 todas las secciones con ancla \u2500\u2500\u2500 *\/\n    #nosotros, #servicios, #trabajos, #blog, #calendario, #trabaja, #contacto, #presupuesto {\n      scroll-margin-top: 80px;\n    }\n\n    body {\n      background: var(--black);\n      color: var(--text);\n      font-family: 'DM Sans', sans-serif;\n      font-weight: 300;\n      overflow-x: hidden;\n      cursor: none;\n    }\n\n    \/* \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500 *\/\n    .cur  { position:fixed; width:5px; height:5px; background:var(--gold); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); }\n    .ring { position:fixed; width:28px; height:28px; border:1px solid rgba(201,169,110,0.4); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .22s,height .22s,border-color .22s; }\n\n    \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n    #nav {\n      position: fixed; top:0; left:0; right:0; z-index:200;\n      display: flex; justify-content:space-between; align-items:center;\n      padding: 32px 56px;\n      transition: padding .5s, background .6s, border-color .4s;\n      border-bottom: 1px solid transparent;\n    }\n    #nav.on {\n      padding: 16px 56px;\n      background: rgba(8,8,8,0.96);\n      backdrop-filter: blur(18px);\n      border-bottom: 1px solid var(--line);\n    }\n    .logo { display:flex; flex-direction:column; gap:4px; text-decoration:none; }\n    .logo-top { font-family:'DM Sans',sans-serif; font-size:15px; font-weight:400; letter-spacing:0.38em; text-transform:uppercase; color:var(--text); }\n    .logo-sub  { font-size:8px; letter-spacing:0.55em; text-transform:uppercase; color:var(--gold); font-weight:300; }\n\n    .nav-menu { display:flex; gap:32px; list-style:none; align-items:center; overflow:visible; }\n    .nav-menu > li { position:relative; display:flex; align-items:center; overflow:visible; }\n    .nav-menu a { font-size:9px; letter-spacing:0.28em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .3s; white-space:nowrap; }\n    .nav-menu a:hover { color:var(--gold); }\n\n\n    \/* Nav CTA \u2014 Presupuesto *\/\n    .nav-btn-presupuesto {\n      font-size:9px; letter-spacing:0.24em; text-transform:uppercase;\n      background:var(--gold); color:var(--black);\n      padding:10px 24px; text-decoration:none;\n      transition:background .3s, transform .3s; font-weight:500; flex-shrink:0;\n    }\n    .nav-btn-presupuesto:hover { background:#ddb97e; transform:translateY(-1px); }\n\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n    .hero {\n      position:relative; width:100%; height:100vh;\n      overflow:hidden; display:flex; align-items:center; justify-content:center;\n    }\n    .hero-bg {\n      position:absolute; inset:0;\n      background:linear-gradient(165deg,#060d14 0%,#0a1828 50%,#04080e 100%);\n    }\n    .hero-bg::before {\n      content:''; position:absolute; inset:-10%;\n      background:\n        radial-gradient(ellipse 70% 50% at 25% 65%,rgba(0,60,120,0.22) 0%,transparent 60%),\n        radial-gradient(ellipse 50% 40% at 75% 35%,rgba(0,90,160,0.16) 0%,transparent 55%),\n        radial-gradient(ellipse 90% 30% at 50% 88%,rgba(201,169,110,0.05) 0%,transparent 60%);\n      animation:seaLight 16s ease-in-out infinite alternate;\n    }\n    @keyframes seaLight {\n      0%  { transform:translate(0,0) scale(1); }\n      50% { transform:translate(-2%,3%) scale(1.05); }\n      100%{ transform:translate(3%,-2%) scale(0.97); }\n    }\n    .hero-bg::after {\n      content:''; position:absolute; inset:0;\n      background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n      opacity:0.4; pointer-events:none;\n    }\n    .hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.75; z-index:1; }\n\n    \/* YouTube iframe background *\/\n    .hero-yt-bg {\n      position:absolute; inset:0; z-index:1;\n      overflow:hidden; pointer-events:none;\n    }\n    .hero-yt-bg::after {\n      content:''; position:absolute; inset:0; z-index:2;\n      background: rgba(8,8,8,0.0);\n    }\n    .hero-yt-bg iframe {\n      position:absolute;\n      \/* Oversized to hide letterbox bars \u2014 16:9 scale trick *\/\n      top:50%; left:50%;\n      width:100vw; height:56.25vw; \/* 16:9 at viewport width *\/\n      min-height:100vh; min-width:177.78vh; \/* 16:9 at viewport height *\/\n      transform:translate(-50%,-50%);\n      border:none; opacity:0.45;\n    }\n    .hero-scrim {\n      position:absolute; inset:0; z-index:2;\n      background:linear-gradient(to bottom,rgba(8,8,8,0.45) 0%,rgba(8,8,8,0.25) 35%,rgba(8,8,8,0.35) 60%,rgba(8,8,8,0.92) 100%);\n    }\n    .hero-body {\n      position:relative; z-index:3;\n      display:flex; flex-direction:column; align-items:center;\n      text-align:center; max-width:1100px; padding:0 40px;\n    }\n    .hero-tag {\n      display:flex; align-items:center; gap:18px; margin-bottom:44px;\n      opacity:0; animation:rise 1.2s .3s cubic-bezier(.16,1,.3,1) forwards;\n    }\n    .hero-tag::before,.hero-tag::after { content:''; display:block; width:36px; height:1px; background:var(--gold-dim); }\n    .hero-tag span { font-size:9px; letter-spacing:.52em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; }\n    .hero-h1 {\n      font-family:'DM Sans',sans-serif;\n      font-size:clamp(58px,9.5vw,128px); font-weight:600; line-height:0.88;\n      letter-spacing:-0.04em;\n      opacity:0; animation:rise 1.4s .6s cubic-bezier(.16,1,.3,1) forwards;\n    }\n    .hero-h1 span { display:block; font-style:italic; color:var(--gold); font-weight:300; letter-spacing:-0.02em; }\n    .hero-divider { width:1px; height:64px; background:linear-gradient(to bottom,var(--gold-dim),transparent); margin:52px auto; opacity:0; animation:rise 1s 1.2s forwards; }\n    .hero-copy { font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); line-height:2.2; max-width:540px; opacity:0; animation:rise 1s 1.4s forwards; }\n    .hero-ctas { display:flex; gap:18px; margin-top:48px; opacity:0; animation:rise 1s 1.6s forwards; }\n    .cta-fill {\n      font-size:9px; letter-spacing:.28em; text-transform:uppercase;\n      background:var(--gold); color:var(--black); padding:15px 46px;\n      text-decoration:none; transition:background .35s,transform .35s; font-family:'DM Sans',sans-serif; font-weight:500;\n    }\n    .cta-fill:hover { background:#ddb97e; transform:translateY(-2px); }\n    .cta-line {\n      font-size:9px; letter-spacing:.28em; text-transform:uppercase;\n      border:1px solid var(--line); color:var(--mid); padding:15px 46px;\n      text-decoration:none; transition:border-color .35s,color .35s,transform .35s;\n    }\n    .cta-line:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }\n    .hero-anchor {\n      position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:3;\n      display:flex; flex-direction:column; align-items:center; gap:10px;\n      opacity:0; animation:rise 1s 2s forwards;\n    }\n    .anchor-line { width:1px; height:52px; background:linear-gradient(to bottom,var(--gold),transparent); animation:blink 2.4s ease-in-out infinite; }\n    @keyframes blink { 0%,100%{opacity:1;transform:scaleY(1)} 50%{opacity:.2;transform:scaleY(.3)} }\n    .anchor-label { font-size:7.5px; letter-spacing:.48em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    .reel-btn { position:absolute; bottom:44px; right:56px; z-index:3; display:flex; align-items:center; gap:12px; opacity:0; animation:rise 1s 2.2s forwards; }\n    .reel-circle { width:52px; height:52px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .3s,transform .3s; cursor:none; }\n    .reel-circle svg { width:12px; height:12px; fill:var(--gold); margin-left:3px; }\n    .reel-circle:hover { border-color:var(--gold); transform:scale(1.08); }\n    .reel-label { font-size:8px; letter-spacing:.36em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    @keyframes rise { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n    \/* \u2500\u2500\u2500 SHARED \u2500\u2500\u2500 *\/\n    .overline { font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.52em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:20px; }\n    .sep { display:flex; align-items:center; padding:0 56px; }\n    .sep::before,.sep::after { content:''; flex:1; height:1px; background:var(--line); }\n    .sep-mark { width:4px; height:4px; background:var(--gold); transform:rotate(45deg); margin:0 18px; opacity:.7; }\n    .rv { opacity:0; transform:translateY(30px); transition:opacity .95s ease,transform .95s ease; }\n    .rv.in { opacity:1; transform:translateY(0); }\n    .rv.d1 { transition-delay:.13s; }\n    .rv.d2 { transition-delay:.26s; }\n    .rv.d3 { transition-delay:.39s; }\n\n    \/* \u2500\u2500\u2500 NOSOTROS \/ ABOUT \u2500\u2500\u2500 *\/\n    #nosotros { background: var(--black); }\n    .about {\n      display:grid; grid-template-columns:1fr 1fr;\n      max-width:1400px; margin:0 auto; padding:160px 56px; gap:0;\n      border-bottom:1px solid var(--line);\n    }\n    .about-left { padding-right:80px; border-right:1px solid var(--line); overflow:hidden; }\n    .about-year { font-family:'DM Sans',sans-serif; font-size:clamp(80px,10vw,140px); font-weight:200; line-height:1; color:rgba(201,169,110,0.07); margin-bottom:-10px; display:block; letter-spacing:-0.04em; }\n    .about-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(34px,3.8vw,52px); font-weight:500; line-height:1.1; margin-bottom:36px; letter-spacing:-0.02em; }\n    .about-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .about-right { padding-left:80px; display:flex; flex-direction:column; justify-content:center; }\n    .about-body { font-size:14px; line-height:2.15; color:var(--mid); margin-bottom:24px; letter-spacing:.02em; }\n    .about-body strong { color:var(--text); font-weight:400; }\n\n    \/* Team strip *\/\n    .team-strip {\n      margin-top:56px; padding-top:48px; border-top:1px solid var(--line);\n    }\n    .team-strip-label { font-size:8px; letter-spacing:.44em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; margin-bottom:28px; }\n    .team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }\n    .team-card {\n      padding:28px 24px; background:var(--surface2); border:1px solid var(--line);\n      transition:background .35s,border-color .35s;\n    }\n    .team-card:hover { background:var(--gold-faint); border-color:rgba(201,169,110,0.28); }\n    .team-avatar {\n      width:72px; height:72px; border-radius:50%; border:1px solid var(--line);\n      background:linear-gradient(135deg,#0c1f2e,#1a3550);\n      display:flex; align-items:center; justify-content:center;\n      margin-bottom:16px; font-size:16px; color:var(--gold);\n      overflow:hidden; flex-shrink:0;\n    }\n    .team-avatar img {\n      width:100%; height:100%; object-fit:cover; object-position:top center; display:block;\n    }\n    .team-name { font-size:13px; font-weight:500; color:var(--text); margin-bottom:4px; letter-spacing:-.01em; }\n    .team-role { font-size:8px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; }\n    .team-pending { font-size:10px; color:var(--muted); margin-top:8px; font-style:italic; }\n\n    \/* Stats *\/\n    .stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; border-top:1px solid var(--line); }\n    .stat { padding:36px 28px; border-right:1px solid var(--line); position:relative; overflow:hidden; transition:background .4s; }\n    .stat:last-child { border-right:none; }\n    .stat:hover { background:var(--gold-faint); }\n    .stat::after { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .5s; }\n    .stat:hover::after { transform:scaleX(1); }\n    .stat-n { font-family:'DM Sans',sans-serif; font-size:52px; font-weight:200; line-height:1; color:var(--gold); display:block; margin-bottom:8px; letter-spacing:-0.03em; }\n    .stat-l { font-size:8.5px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n\n\n    \/* \u2500\u2500\u2500 BROADCAST \/ LOGOS \u2500\u2500\u2500 *\/\n    .broadcast { background:var(--surface); padding:88px 0; border-bottom:1px solid var(--line); }\n    .broadcast-head { text-align:center; padding:0 56px; margin-bottom:52px; }\n    .broadcast-head .overline { justify-content:center; display:flex; margin-bottom:14px; }\n    .broadcast-head p { font-family:'DM Sans',sans-serif; font-size:22px; font-weight:300; color:rgba(240,235,226,0.35); letter-spacing:-0.01em; }\n    .broadcast-head p em { font-style:italic; color:rgba(240,235,226,0.65); }\n    .logos-wrap { overflow:hidden; position:relative; }\n    .logos-wrap::before,.logos-wrap::after { content:''; position:absolute; top:0; bottom:0; width:150px; z-index:2; }\n    .logos-wrap::before { left:0; background:linear-gradient(to right,var(--surface),transparent); }\n    .logos-wrap::after  { right:0; background:linear-gradient(to left,var(--surface),transparent); }\n    .logos-strip { display:flex; align-items:center; animation:scroll 46s linear infinite; width:max-content; }\n    .logos-strip:hover { animation-play-state:paused; }\n    @keyframes scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n    .tv { display:flex; align-items:center; justify-content:center; padding:0 56px; height:68px; border-right:1px solid rgba(201,169,110,0.06); flex-shrink:0; opacity:.35; transition:opacity .4s; cursor:none; }\n    .tv:hover { opacity:.75; }\n    .tv img { height:28px; width:auto; max-width:120px; object-fit:contain; filter:brightness(0) invert(1); display:block; }\n    .tv.tall img { height:36px; }\n    .tv.icon img { height:36px; width:36px; filter:none; border-radius:8px; }\n    .tv span { font-family:'DM Sans',sans-serif; font-size:13px; font-weight:400; letter-spacing:.18em; text-transform:uppercase; color:var(--text); white-space:nowrap; }\n\n\n    \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n    .services { max-width:1400px; margin:0 auto; padding:160px 56px; }\n    .services-head { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:80px; padding-bottom:60px; border-bottom:1px solid var(--line); }\n    .services-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(34px,4vw,54px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .services-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .services-desc { font-size:13px; line-height:2.1; color:var(--muted); letter-spacing:.03em; }\n    .svc-list { display:flex; flex-direction:column; }\n    .svc-row { display:grid; grid-template-columns:52px 1fr auto 28px; align-items:center; gap:32px; padding:26px 0; border-bottom:1px solid var(--line); cursor:none; transition:padding-left .4s; }\n    .svc-row:hover { padding-left:14px; }\n    .svc-row:hover .svc-name { color:var(--gold); }\n    .svc-row:hover .svc-arrow { opacity:1; transform:translateX(5px); }\n    .svc-n { font-family:'DM Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:.1em; }\n    .svc-name { font-family:'DM Sans',sans-serif; font-size:26px; font-weight:400; transition:color .3s; letter-spacing:-0.01em; }\n    .svc-tag { font-size:8px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); text-align:right; font-family:'DM Mono',monospace; }\n    .svc-arrow { font-size:16px; color:var(--gold); opacity:0; transition:opacity .3s,transform .3s; }\n\n    \/* \u2500\u2500\u2500 PROJECTS \/ WORK \u2500\u2500\u2500 *\/\n    .work { background:var(--surface); border-top:1px solid var(--line); }\n    .work-head { padding:100px 56px 56px; display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1px solid var(--line); }\n    .work-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(30px,3.8vw,50px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .work-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .work-link { font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); text-decoration:none; font-family:'DM Mono',monospace; border-bottom:1px solid var(--line); padding-bottom:3px; transition:border-color .3s; }\n    .work-link:hover { border-color:var(--gold); }\n\n    \/* Filter tabs *\/\n    .work-filters { padding:28px 56px; border-bottom:1px solid var(--line); display:flex; gap:8px; flex-wrap:wrap; }\n    .filter-btn {\n      font-size:8px; letter-spacing:.28em; text-transform:uppercase; font-family:'DM Mono',monospace;\n      padding:8px 18px; border:1px solid var(--line); color:var(--muted);\n      background:transparent; cursor:none; transition:border-color .3s,color .3s,background .3s;\n    }\n    .filter-btn:hover,.filter-btn.active { border-color:var(--gold); color:var(--gold); background:var(--gold-faint); }\n\n    .work-grid { display:grid; grid-template-columns:1.5fr 1fr; grid-template-rows:520px 300px; gap:2px; }\n    \/* YouTube thumbnail click-to-load *\/\n    .w-cell { position:relative; overflow:hidden; cursor:none; }\n    .w-yt-thumb {\n      position:absolute; inset:0; width:100%; height:100%;\n      object-fit:cover; transition:transform 1s cubic-bezier(.16,1,.3,1), opacity .4s;\n    }\n    .w-cell:hover .w-yt-thumb { transform:scale(1.05); }\n    .w-play-btn {\n      position:absolute; inset:0; z-index:3;\n      display:flex; align-items:center; justify-content:center;\n      opacity:0; transition:opacity .3s;\n    }\n    .w-cell:hover .w-play-btn { opacity:1; }\n    .w-play-circle {\n      width:64px; height:64px; border-radius:50%;\n      background:rgba(201,169,110,0.85); backdrop-filter:blur(4px);\n      display:flex; align-items:center; justify-content:center;\n    }\n    .w-play-circle svg { width:18px; height:18px; fill:#080808; margin-left:4px; }\n\n    \/* YouTube iframe overlay *\/\n    .w-iframe-wrap {\n      position:absolute; inset:0; z-index:10;\n      display:none;\n    }\n    .w-iframe-wrap.active { display:block; }\n    .w-iframe-wrap iframe { width:100%; height:100%; border:none; }\n    .w-iframe-close {\n      position:absolute; top:12px; right:12px; z-index:11;\n      width:32px; height:32px; background:rgba(8,8,8,0.85); border:none;\n      border-radius:50%; color:var(--gold); font-size:16px; cursor:pointer;\n      display:flex; align-items:center; justify-content:center;\n      line-height:1;\n    }\n    .w-cell:nth-child(1) { grid-row:1\/3; }\n    .w-cell-bg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:transform 1s cubic-bezier(.16,1,.3,1); }\n    .w-cell:hover .w-cell-bg { transform:scale(1.05); }\n    .w-cell:nth-child(1) .w-cell-bg { background:linear-gradient(155deg,#060f1a 0%,#0c2034 55%,#040c14 100%); }\n    .w-cell:nth-child(2) .w-cell-bg { background:linear-gradient(135deg,#081422 0%,#111e2e 100%); }\n    .w-cell:nth-child(3) .w-cell-bg { background:linear-gradient(135deg,#060f1a 0%,#0c1c2a 100%); }\n    .w-cell:nth-child(4) .w-cell-bg { background:linear-gradient(135deg,#091520 0%,#0a1928 100%); }\n    .w-cell:nth-child(5) .w-cell-bg { background:linear-gradient(135deg,#07111c 0%,#10202e 100%); }\n    .w-icon { opacity:.12; }\n    .w-icon svg { width:56px; height:56px; stroke:var(--gold); fill:none; stroke-width:.55; }\n    \/* YouTube embed tag *\/\n    .w-yt { position:absolute; top:20px; right:20px; z-index:3; display:flex; align-items:center; gap:6px; padding:5px 12px; background:rgba(8,8,8,0.7); border:1px solid rgba(201,169,110,0.2); }\n    .w-yt-dot { width:6px; height:6px; background:#ff3333; border-radius:50%; }\n    .w-yt-label { font-size:7px; letter-spacing:.28em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    .w-caption { position:absolute; bottom:0; left:0; right:0; padding:28px 32px; background:linear-gradient(to top,rgba(8,8,8,.88) 0%,transparent 100%); display:flex; justify-content:space-between; align-items:flex-end; transform:translateY(60%); opacity:0; transition:transform .5s ease,opacity .5s ease; }\n    .w-cell:first-child .w-caption { transform:translateY(0); opacity:1; background:linear-gradient(to top,rgba(8,8,8,.82) 0%,transparent 60%); }\n    .w-cell:hover .w-caption { transform:translateY(0); opacity:1; }\n    .w-cat { font-size:8px; letter-spacing:.4em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; }\n    .w-title { font-family:'DM Sans',sans-serif; font-size:22px; font-weight:500; margin-top:5px; letter-spacing:-0.01em; }\n    .w-year { font-size:9px; letter-spacing:.2em; font-family:'DM Mono',monospace; color:var(--muted); align-self:flex-end; }\n\n    \/* CTA presupuesto r\u00e1pido \u2014 midpage banner *\/\n    .cta-banner {\n      background:var(--surface2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n      padding:72px 56px;\n    }\n    .cta-banner-inner { max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:48px; flex-wrap:wrap; }\n    .cta-banner-text {}\n    .cta-banner-h { font-family:'DM Sans',sans-serif; font-size:clamp(24px,3vw,42px); font-weight:500; line-height:1.1; letter-spacing:-0.03em; margin-bottom:12px; }\n    .cta-banner-h em { color:var(--gold); font-style:italic; font-weight:300; }\n    .cta-banner-p { font-size:13px; color:var(--mid); line-height:1.8; max-width:480px; }\n    .cta-banner-actions { display:flex; gap:14px; flex-wrap:wrap; }\n\n    \/* \u2500\u2500\u2500 CALENDAR \u2500\u2500\u2500 *\/\n    .calendar { max-width:1400px; margin:0 auto; padding:160px 56px; }\n    .cal-head { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-bottom:72px; }\n    .cal-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(34px,4.2vw,56px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .cal-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .cal-intro { font-size:13px; line-height:2.15; color:var(--muted); letter-spacing:.03em; }\n    .cal-intro strong { color:var(--text); font-weight:400; }\n    .event-table { width:100%; border-collapse:collapse; }\n    .event-table tr { border-bottom:1px solid var(--line); cursor:none; transition:background .25s; }\n    .event-table tr:first-child { border-top:1px solid var(--line); }\n    .event-table tr:hover { background:var(--gold-faint); }\n    .event-table td { padding:22px 0; vertical-align:middle; }\n    .event-table td:nth-child(1) { width:90px; }\n    .event-table td:nth-child(3) { text-align:right; width:110px; }\n    .event-table td:nth-child(4) { text-align:right; width:90px; padding-left:20px; }\n    .ev-mo { font-family:'DM Mono',monospace; font-size:11px; letter-spacing:.14em; color:var(--gold); text-transform:uppercase; }\n    .ev-name { font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:400; }\n    .ev-loc { font-size:9px; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    .ev-scope { font-size:7.5px; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; border:1px solid var(--line); padding:4px 10px; }\n\n    \/* \u2500\u2500\u2500 BLOG PREVIEW \u2500\u2500\u2500 *\/\n    .blog-preview { background:var(--surface); border-top:1px solid var(--line); padding:120px 56px; }\n    .blog-preview-inner { max-width:1400px; margin:0 auto; }\n    .blog-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:56px; padding-bottom:40px; border-bottom:1px solid var(--line); }\n    .blog-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(28px,3.5vw,46px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .blog-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .blog-link { font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); text-decoration:none; font-family:'DM Mono',monospace; border-bottom:1px solid var(--line); padding-bottom:3px; transition:border-color .3s; }\n    .blog-link:hover { border-color:var(--gold); }\n    .blog-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2px; }\n    .blog-card { position:relative; overflow:hidden; cursor:none; }\n    .blog-card-bg { width:100%; height:280px; display:flex; align-items:center; justify-content:center; transition:transform .8s cubic-bezier(.16,1,.3,1); }\n    .blog-card:hover .blog-card-bg img { transform:scale(1.05); }\n    .blog-card:nth-child(1) .blog-card-bg { background:linear-gradient(135deg,#070f18 0%,#0d1f30 100%); height:380px; }\n    .blog-card:nth-child(2) .blog-card-bg { background:linear-gradient(135deg,#080e18 0%,#0c1a28 100%); }\n    .blog-card:nth-child(3) .blog-card-bg { background:linear-gradient(135deg,#060c16 0%,#0b1825 100%); }\n    .blog-card-icon { opacity:.1; }\n    .blog-card-icon svg { width:44px; height:44px; stroke:var(--gold); fill:none; stroke-width:.6; }\n    .blog-card-content { position:absolute; bottom:0; left:0; right:0; padding:24px 28px; background:linear-gradient(to top,rgba(8,8,8,.9) 0%,transparent 100%); }\n    .blog-card-cat { font-size:8px; letter-spacing:.4em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; margin-bottom:8px; }\n    .blog-card-title { font-size:15px; font-weight:500; line-height:1.3; letter-spacing:-.01em; margin-bottom:10px; }\n    .blog-card:nth-child(1) .blog-card-title { font-size:20px; }\n    .blog-card-meta { font-size:8px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n\n    \/* \u2500\u2500\u2500 TALENT \/ TRABAJA \u2500\u2500\u2500 *\/\n    .talent { background:var(--surface2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:140px 56px; }\n    .talent-inner { max-width:1400px; margin:0 auto; }\n    .talent-head { display:grid; grid-template-columns:1.1fr 0.9fr; gap:80px; align-items:start; margin-bottom:80px; }\n    .talent-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(36px,5vw,68px); font-weight:600; line-height:0.96; letter-spacing:-0.04em; }\n    .talent-h2 em { display:block; font-style:italic; color:var(--gold); font-weight:300; margin-top:4px; }\n    .talent-intro { font-size:14px; line-height:2.1; color:var(--mid); letter-spacing:.02em; padding-top:8px; }\n    .talent-intro strong { color:var(--text); font-weight:400; }\n    .talent-roles { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-bottom:0; }\n    .role-card { background:rgba(201,169,110,0.04); border:1px solid var(--line); padding:32px 28px; display:flex; flex-direction:column; gap:14px; transition:background .35s,border-color .35s,transform .35s; cursor:none; }\n    .role-card:hover { background:rgba(201,169,110,0.09); border-color:rgba(201,169,110,0.35); transform:translateY(-3px); }\n    .role-icon { width:36px; height:36px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; transition:border-color .3s; }\n    .role-card:hover .role-icon { border-color:var(--gold); }\n    .role-name { font-family:'DM Sans',sans-serif; font-size:15px; font-weight:500; color:var(--text); letter-spacing:-0.01em; line-height:1.2; }\n    .role-desc { font-size:11px; line-height:1.8; color:var(--muted); letter-spacing:.02em; }\n\n    \/* Talent form *\/\n    .talent-form-wrap {\n      margin-top:56px; padding:52px 0; border-top:1px solid var(--line);\n      display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;\n    }\n    .talent-form-text {}\n    .talent-form-text h3 { font-family:'DM Sans',sans-serif; font-size:22px; font-weight:500; letter-spacing:-.02em; margin-bottom:16px; }\n    .talent-form-text p { font-size:13px; line-height:2; color:var(--mid); }\n    .talent-form-text p strong { color:var(--text); font-weight:400; }\n    .talent-form { display:flex; flex-direction:column; gap:22px; }\n    .ff label { display:block; font-size:8px; letter-spacing:.42em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; font-family:'DM Mono',monospace; }\n    .ff input,.ff textarea,.ff select {\n      width:100%; background:transparent; border:none; border-bottom:1px solid var(--line);\n      color:var(--text); font-family:'DM Sans',sans-serif; font-size:13px; font-weight:300;\n      padding:12px 0; outline:none; transition:border-color .3s; cursor:none;\n    }\n    .ff input:focus,.ff textarea:focus,.ff select:focus { border-color:var(--gold); }\n    .ff textarea { height:80px; resize:none; }\n    .ff select option { background:#0e0e0e; }\n    .ff-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }\n    .ff-note { font-size:9px; color:var(--muted); letter-spacing:.06em; margin-top:-8px; font-style:italic; }\n\n    \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n    .contact { background:var(--surface); border-top:1px solid var(--line); padding:160px 56px; }\n    .contact-inner { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:120px; align-items:start; }\n    .contact-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(32px,3.8vw,52px); font-weight:500; line-height:1.08; margin:20px 0 28px; letter-spacing:-0.03em; }\n    .contact-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .contact-p { font-size:13px; line-height:2.1; color:var(--muted); letter-spacing:.03em; margin-bottom:48px; }\n    .c-details { display:flex; flex-direction:column; gap:28px; margin-bottom:48px; }\n    .c-lbl { font-size:8px; letter-spacing:.42em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:6px; font-family:'DM Mono',monospace; }\n    .c-val { font-family:'DM Sans',sans-serif; font-size:21px; color:var(--text); text-decoration:none; transition:color .3s; letter-spacing:-0.01em; }\n    .c-val:hover { color:var(--gold); }\n\n    \/* Social links *\/\n    .social-grid { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }\n    .social-link {\n      display:flex; align-items:center; gap:8px;\n      padding:8px 16px; border:1px solid var(--line);\n      text-decoration:none; color:var(--muted); font-size:8.5px; letter-spacing:.28em; text-transform:uppercase; font-family:'DM Mono',monospace;\n      transition:border-color .3s,color .3s;\n    }\n    .social-link:hover { border-color:var(--gold); color:var(--gold); }\n\n    \/* Two-tab contact forms *\/\n    .contact-forms {}\n    .form-tabs { display:flex; gap:0; margin-bottom:36px; border-bottom:1px solid var(--line); }\n    .form-tab { font-size:9px; letter-spacing:.28em; text-transform:uppercase; font-family:'DM Mono',monospace; color:var(--muted); padding:14px 28px; cursor:none; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .3s,border-color .3s; }\n    .form-tab.active { color:var(--gold); border-bottom-color:var(--gold); }\n    .form-tab:hover:not(.active) { color:var(--mid); }\n    .form-panel { display:none; flex-direction:column; gap:22px; }\n    .form-panel.active { display:flex; }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    footer { padding:60px 56px 40px; border-top:1px solid var(--line); }\n    .footer-top { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:60px; margin-bottom:60px; }\n    .footer-brand {}\n    .footer-logo-text { font-family:'DM Sans',sans-serif; font-size:13px; font-weight:400; letter-spacing:.32em; text-transform:uppercase; color:var(--text); margin-bottom:16px; }\n    .footer-logo-text b { color:var(--gold); font-weight:400; }\n    .footer-tagline { font-size:11px; color:var(--muted); line-height:1.8; letter-spacing:.04em; max-width:240px; }\n    .footer-email-press { margin-top:20px; }\n    .footer-email-press .c-lbl { color:var(--muted); }\n    .footer-email-press a { font-size:12px; color:var(--text); text-decoration:none; letter-spacing:.04em; transition:color .3s; }\n    .footer-email-press a:hover { color:var(--gold); }\n    .footer-col-title { font-size:8px; letter-spacing:.44em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; margin-bottom:20px; }\n    .footer-nav { display:flex; flex-direction:column; gap:12px; }\n    .footer-nav a { font-size:11px; letter-spacing:.08em; color:var(--muted); text-decoration:none; transition:color .3s; }\n    .footer-nav a:hover { color:var(--text); }\n    .footer-social { display:flex; flex-direction:column; gap:10px; }\n    .footer-social a { font-size:11px; letter-spacing:.08em; color:var(--muted); text-decoration:none; transition:color .3s; display:flex; align-items:center; gap:8px; }\n    .footer-social a:hover { color:var(--gold); }\n    .footer-social a::before { content:'\u2197'; font-size:9px; color:var(--gold); }\n    .footer-bottom { max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding-top:32px; border-top:1px solid var(--line); flex-wrap:wrap; gap:16px; }\n    .f-copy { font-size:8px; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    .footer-legal { display:flex; gap:24px; }\n    .footer-legal a { font-size:8px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:color .3s; }\n    .footer-legal a:hover { color:var(--text); }\n\n    \/* Cookie banner *\/\n    .cookie-banner {\n      position:fixed; bottom:0; left:0; right:0; z-index:500;\n      background:rgba(8,8,8,0.97); border-top:1px solid var(--line);\n      backdrop-filter:blur(20px);\n      padding:20px 56px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;\n      transform:translateY(0); transition:transform .4s ease;\n    }\n    .cookie-banner.hidden { transform:translateY(110%); }\n    .cookie-text { font-size:11px; color:var(--muted); line-height:1.7; max-width:640px; }\n    .cookie-text a { color:var(--gold); text-decoration:none; }\n    .cookie-actions { display:flex; gap:10px; flex-shrink:0; }\n    .cookie-btn { font-size:8px; letter-spacing:.28em; text-transform:uppercase; padding:10px 20px; cursor:none; border:1px solid var(--line); color:var(--muted); background:transparent; transition:all .3s; }\n    .cookie-btn.accept { background:var(--gold); color:var(--black); border-color:var(--gold); font-weight:500; }\n    .cookie-btn:hover:not(.accept) { border-color:var(--gold); color:var(--text); }\n    .cookie-btn.accept:hover { background:#ddb97e; }\n\n    \/* \u2500\u2500\u2500 RECONOCIMIENTOS \u2500\u2500\u2500 *\/\n    .awards {\n      max-width:1400px; margin:0 auto; padding:140px 56px;\n      border-bottom:1px solid var(--line);\n    }\n    .awards-head { margin-bottom:72px; }\n    .awards-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(30px,3.8vw,50px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .awards-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .awards-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; }\n    .award-card {\n      padding:52px 48px; border:1px solid var(--line);\n      display:flex; flex-direction:column; gap:20px;\n      transition:background .35s,border-color .35s;\n    }\n    .award-card:hover { background:var(--gold-faint); border-color:rgba(201,169,110,0.3); }\n    .award-icon { font-size:28px; }\n    .award-name {\n      font-family:'DM Sans',sans-serif; font-size:clamp(18px,2vw,26px);\n      font-weight:500; line-height:1.15; letter-spacing:-0.02em;\n    }\n    .award-desc { font-size:13px; line-height:2; color:var(--mid); letter-spacing:.02em; }\n    .award-year { font-family:'DM Mono',monospace; font-size:8px; letter-spacing:.4em; text-transform:uppercase; color:var(--gold); margin-top:8px; }\n\n    \/* \u2500\u2500\u2500 CLIENTES \u2500\u2500\u2500 *\/\n    .clients {\n      background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n      padding:120px 56px;\n    }\n    .clients-inner { max-width:1400px; margin:0 auto; }\n    .clients-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:64px; padding-bottom:40px; border-bottom:1px solid var(--line); }\n    .clients-h2 { font-family:'DM Sans',sans-serif; font-size:clamp(28px,3.5vw,46px); font-weight:500; line-height:1.05; letter-spacing:-0.03em; }\n    .clients-h2 em { font-style:italic; color:var(--gold); font-weight:300; }\n    .clients-sub { font-size:9px; letter-spacing:.32em; text-transform:uppercase; color:var(--muted); font-family:'DM Mono',monospace; }\n    .clients-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }\n    .client-card {\n      padding:36px 32px; border:1px solid var(--line);\n      display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;\n      transition:background .3s,border-color .3s;\n      cursor:none; min-height:140px;\n    }\n    .client-card:hover { background:var(--gold-faint); border-color:rgba(201,169,110,0.28); }\n    .client-logo {\n      max-width:140px; max-height:64px; width:auto; height:auto;\n      object-fit:contain;\n      filter: brightness(0) invert(1);\n      opacity:0.55; transition:opacity .3s;\n    }\n    .client-card:hover .client-logo { opacity:0.9; }\n    .client-name { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:400; color:var(--muted); line-height:1.3; letter-spacing:.04em; text-align:center; text-transform:uppercase; }\n    .client-type { font-size:8px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); font-family:'DM Mono',monospace; }\n\n    \/* \u2500\u2500\u2500 PHOTO GALLERY \u2500\u2500\u2500 *\/\n    .photo-gallery {\n      display:grid;\n      grid-template-columns: 1.4fr 1fr 1fr;\n      grid-template-rows: 320px 240px;\n      gap:3px;\n    }\n    .photo-gallery-item {\n      position:relative; overflow:hidden; cursor:none;\n    }\n    .photo-gallery-item:first-child {\n      grid-row: 1 \/ 3;\n    }\n    .photo-gallery-item img {\n      width:100%; height:100%; object-fit:cover;\n      transition:transform .9s cubic-bezier(.16,1,.3,1);\n      display:block;\n    }\n    .photo-gallery-item:hover img { transform:scale(1.05); }\n    .photo-gallery-item::after {\n      content:''; position:absolute; inset:0;\n      background:linear-gradient(to top, rgba(8,8,8,0.5) 0%, transparent 50%);\n      opacity:0; transition:opacity .4s;\n    }\n    .photo-gallery-item:hover::after { opacity:1; }\n\n    \/* \u2500\u2500\u2500 AWARDS (updated with photos) \u2500\u2500\u2500 *\/\n    .award-photo {\n      width:100%; height:200px; object-fit:cover; object-position:center top;\n      display:block; margin-bottom:28px;\n      filter:grayscale(20%);\n      transition:filter .4s;\n    }\n    .award-card:hover .award-photo { filter:grayscale(0%); }\n\n    \/* \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500 *\/\n    .hamburger {\n      display:none;\n      flex-direction:column; justify-content:center; gap:5px;\n      width:40px; height:40px; cursor:none;\n      background:none; border:none; padding:4px;\n      z-index:210; position:relative;\n    }\n    .hamburger span {\n      display:block; height:1.5px; background:var(--text);\n      transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .25s, width .35s;\n      transform-origin:center;\n    }\n    .hamburger span:nth-child(1) { width:24px; }\n    .hamburger span:nth-child(2) { width:18px; }\n    .hamburger span:nth-child(3) { width:24px; }\n    .hamburger.open span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); width:24px; }\n    .hamburger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }\n    .hamburger.open span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); width:24px; }\n\n    \/* Drawer *\/\n    .mobile-menu {\n      position:fixed; inset:0; z-index:205;\n      display:flex; flex-direction:column;\n      background:rgba(8,8,8,0.97);\n      backdrop-filter:blur(24px);\n      padding:0;\n      transform:translateX(100%);\n      transition:transform .45s cubic-bezier(.16,1,.3,1);\n      overflow-y:auto;\n    }\n    .mobile-menu.open { transform:translateX(0); }\n\n    .mobile-menu-inner {\n      display:flex; flex-direction:column;\n      padding:100px 36px 48px;\n      min-height:100%;\n    }\n\n    .mobile-nav-links {\n      display:flex; flex-direction:column;\n      gap:0; flex:1;\n    }\n    .mobile-nav-links a {\n      font-family:'DM Sans',sans-serif;\n      font-size:clamp(28px,7vw,42px);\n      font-weight:500; line-height:1;\n      letter-spacing:-0.02em;\n      color:var(--muted);\n      text-decoration:none;\n      padding:18px 0;\n      border-bottom:1px solid var(--line);\n      display:flex; align-items:center; justify-content:space-between;\n      transition:color .3s, padding-left .3s;\n    }\n    .mobile-nav-links a:first-child { border-top:1px solid var(--line); }\n    .mobile-nav-links a:hover { color:var(--text); padding-left:8px; }\n    .mobile-nav-links a::after {\n      content:'\u2192'; font-size:16px; color:var(--gold); opacity:0;\n      transition:opacity .3s, transform .3s; transform:translateX(-8px);\n    }\n    .mobile-nav-links a:hover::after { opacity:1; transform:translateX(0); }\n\n    .mobile-menu-footer {\n      margin-top:40px; padding-top:32px;\n      border-top:1px solid var(--line);\n      display:flex; flex-direction:column; gap:16px;\n    }\n    .mobile-cta {\n      display:block; text-align:center;\n      background:var(--gold); color:var(--black);\n      font-size:9px; letter-spacing:.28em; text-transform:uppercase;\n      font-weight:500; font-family:'DM Sans',sans-serif;\n      padding:16px 32px; text-decoration:none;\n      transition:background .3s;\n    }\n    .mobile-cta:hover { background:#ddb97e; }\n    .mobile-menu-contacts {\n      display:flex; flex-direction:column; gap:6px;\n    }\n    .mobile-menu-contacts a {\n      font-size:11px; letter-spacing:.08em; color:var(--muted);\n      text-decoration:none; transition:color .3s;\n    }\n    .mobile-menu-contacts a:hover { color:var(--gold); }\n    .mobile-social {\n      display:flex; gap:16px; flex-wrap:wrap; margin-top:4px;\n    }\n    .mobile-social a {\n      font-size:8px; letter-spacing:.28em; text-transform:uppercase;\n      color:var(--muted); text-decoration:none; font-family:'DM Mono',monospace;\n      transition:color .3s;\n    }\n    .mobile-social a:hover { color:var(--gold); }\n\n    \/* Stagger animation for links *\/\n    .mobile-nav-links a {\n      opacity:0; transform:translateX(24px);\n      transition:color .3s, padding-left .3s, opacity .4s, transform .4s;\n    }\n    .mobile-menu.open .mobile-nav-links a { opacity:1; transform:translateX(0); }\n    .mobile-menu.open .mobile-nav-links a:nth-child(1) { transition-delay:.08s; }\n    .mobile-menu.open .mobile-nav-links a:nth-child(2) { transition-delay:.13s; }\n    .mobile-menu.open .mobile-nav-links a:nth-child(3) { transition-delay:.18s; }\n    .mobile-menu.open .mobile-nav-links a:nth-child(4) { transition-delay:.23s; }\n    .mobile-menu.open .mobile-nav-links a:nth-child(5) { transition-delay:.28s; }\n    .mobile-menu.open .mobile-nav-links a:nth-child(6) { transition-delay:.33s; }\n    .mobile-menu-footer {\n      opacity:0; transform:translateY(12px);\n      transition:opacity .4s .42s, transform .4s .42s;\n    }\n    .mobile-menu.open .mobile-menu-footer { opacity:1; transform:translateY(0); }\n\n    @media(max-width:960px) {\n      .hamburger { display:flex; }\n      .nav-btn-presupuesto { display:none; }\n    }\n    @media(max-width:1024px){\n      .footer-top { grid-template-columns:1fr 1fr; gap:40px; }\n    }\n    @media(max-width:960px){\n      nav { padding:22px 28px; } nav.on { padding:14px 28px; }\n      .nav-menu { display:none; }\n      .about { grid-template-columns:1fr; padding:80px 28px; gap:60px; }\n      .about-left { padding-right:0; border-right:none; padding-bottom:40px; border-bottom:1px solid var(--line); }\n      .about-right { padding-left:0; }\n      .stats { grid-template-columns:1fr 1fr; }\n      .stat:nth-child(2) { border-right:none; }\n      .stat:nth-child(3) { grid-column:1\/-1; border-right:none; }\n      .team-grid { grid-template-columns:1fr 1fr; }\n      .press-strip { padding:0 28px 48px; flex-direction:column; }\n      .services { padding:80px 28px; }\n      .services-head { grid-template-columns:1fr; gap:28px; }\n      .work-grid { grid-template-columns:1fr; grid-template-rows:auto; }\n      .w-cell:nth-child(1) { grid-row:auto; height:380px; }\n      .w-cell { height:230px; }\n      .w-caption { transform:translateY(0); opacity:1; }\n      .work-filters { padding:20px 28px; }\n      .cta-banner { padding:56px 28px; }\n      .cta-banner-inner { flex-direction:column; gap:28px; }\n      .calendar { padding:80px 28px; } .cal-head { grid-template-columns:1fr; gap:32px; }\n      .event-table td:nth-child(4) { display:none; }\n      .blog-preview { padding:80px 28px; }\n      .blog-grid { grid-template-columns:1fr; }\n      .blog-card:nth-child(1) .blog-card-bg { height:280px; }\n      .talent { padding:80px 28px; }\n      .talent-head { grid-template-columns:1fr; gap:32px; }\n      .talent-roles { grid-template-columns:1fr 1fr; }\n      .talent-form-wrap { grid-template-columns:1fr; gap:40px; }\n      .contact { padding:80px 28px; } .contact-inner { grid-template-columns:1fr; gap:60px; }\n      .media-break-label { padding:28px; flex-direction:column; align-items:flex-start; gap:12px; }\n      .photo-gallery { grid-template-columns:1fr 1fr; grid-template-rows:240px 200px 200px; }\n      .photo-gallery-item:first-child { grid-row:1\/1; }\n      .awards { padding:80px 28px; }\n      .awards-grid { grid-template-columns:1fr; }\n      .clients { padding:80px 28px; }\n      .clients-head { flex-direction:column; align-items:flex-start; gap:16px; }\n      .clients-grid { grid-template-columns:1fr 1fr; }\n      footer { padding:48px 28px 32px; }\n      .footer-top { grid-template-columns:1fr 1fr; }\n      .footer-bottom { flex-direction:column; align-items:flex-start; gap:12px; }\n      .cookie-banner { padding:20px 28px; }\n      .hero-h1 { font-size:52px; }\n      .reel-btn { display:none; }\n    }\n    @media(max-width:620px){\n      .talent-roles { grid-template-columns:1fr; }\n      .team-grid { grid-template-columns:1fr; }\n      .footer-top { grid-template-columns:1fr; }\n      .ff-row { grid-template-columns:1fr; }\n      .clients-grid { grid-template-columns:1fr; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"cur\" id=\"cur\"><\/div>\n<div class=\"ring\" id=\"ring\"><\/div>\n\n<!-- \u2550\u2550\u2550 COOKIE BANNER \u2550\u2550\u2550 -->\n<div class=\"cookie-banner\" id=\"cookieBanner\">\n  <p class=\"cookie-text\">\n    Utilizamos cookies propias y de terceros para analizar el uso de la web y mejorar tu experiencia. Puedes aceptar todas las cookies o configurar tus preferencias. Consulta nuestra <a href=\"#legal\">Pol\u00edtica de cookies<\/a>.\n  <\/p>\n  <div class=\"cookie-actions\">\n    <button class=\"cookie-btn\" onclick=\"document.getElementById('cookieBanner').classList.add('hidden')\">Solo esenciales<\/button>\n    <button class=\"cookie-btn accept\" onclick=\"document.getElementById('cookieBanner').classList.add('hidden')\">Aceptar todas<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 NAV \u2550\u2550\u2550 -->\n<nav id=\"nav\">\n  <a href=\"#\" class=\"logo\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/pano-logoweb.png\" alt=\"Panorama Sports Difusi\u00f3n\" style=\"height:38px;width:auto;display:block;\" \/>\n  <\/a>\n  <ul class=\"nav-menu\">\n    <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n    <li><a href=\"#servicios\">Servicios<\/a><\/li>\n    <li><a href=\"#trabajos\">Proyectos<\/a><\/li>\n    <li><a href=\"#calendario\">Calendario 2026<\/a><\/li>\n    <li><a href=\"#trabaja\">Trabaja con nosotros<\/a><\/li>\n    <li><a href=\"#contacto\">Contacto<\/a><\/li>\n  <\/ul>\n  <a href=\"#presupuesto\" class=\"nav-btn-presupuesto\">Presupuesto<\/a>\n  <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Abrir men\u00fa\" onclick=\"toggleMenu()\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/nav>\n\n<!-- \u2550\u2550\u2550 MOBILE MENU \u2550\u2550\u2550 -->\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n  <div class=\"mobile-menu-inner\">\n    <nav class=\"mobile-nav-links\">\n      <a href=\"#nosotros\"   onclick=\"closeMenu()\">Nosotros<\/a>\n      <a href=\"#servicios\"  onclick=\"closeMenu()\">Servicios<\/a>\n      <a href=\"#trabajos\"   onclick=\"closeMenu()\">Proyectos<\/a>\n      <a href=\"#calendario\" onclick=\"closeMenu()\">Calendario 2026<\/a>\n      <a href=\"#trabaja\"    onclick=\"closeMenu()\">Trabaja con nosotros<\/a>\n      <a href=\"#contacto\"   onclick=\"closeMenu()\">Contacto<\/a>\n    <\/nav>\n    <div class=\"mobile-menu-footer\">\n      <a href=\"#presupuesto\" class=\"mobile-cta\" onclick=\"closeMenu()\">Solicitar presupuesto<\/a>\n      <div class=\"mobile-menu-contacts\">\n        <a href=\"tel:+34607875730\">+34 607 875 730<\/a>\n        <a href=\"mailto:producion.panoramasd@gmail.com\">producion.panoramasd@gmail.com<\/a>\n      <\/div>\n      <div class=\"mobile-social\">\n        <a href=\"https:\/\/www.youtube.com\/@PanoramaSportsD\" target=\"_blank\">YouTube<\/a>\n        <a href=\"https:\/\/www.instagram.com\/panoramasports_difusion\/\" target=\"_blank\">Instagram<\/a>\n        <a href=\"https:\/\/x.com\/DifusionSports\" target=\"_blank\">X<\/a>\n        <a href=\"https:\/\/www.tiktok.com\/@panorama.sports.difusion\" target=\"_blank\">TikTok<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-bg\"><\/div>\n  <!-- YouTube background video -->\n  <div class=\"hero-yt-bg\">\n    <iframe\n      src=\"https:\/\/www.youtube-nocookie.com\/embed\/1axZtb4HuTQ?autoplay=1&mute=1&loop=1&playlist=1axZtb4HuTQ&controls=0&disablekb=1&modestbranding=1&playsinline=1&rel=0&showinfo=0&iv_load_policy=3&enablejsapi=1\"\n      allow=\"autoplay; encrypted-media\"\n      allowfullscreen\n      title=\"Panorama Sports Difusi\u00f3n\"\n    ><\/iframe>\n  <\/div>\n  <div class=\"hero-scrim\"><\/div>\n  <div class=\"hero-body\">\n    <div class=\"hero-tag\"><span>Desde 1997 \u00b7 +1.600 eventos producidos \u00b7 N\u00e1utica de \u00c9lite<\/span><\/div>\n    <h1 class=\"hero-h1\">\n      El rugido<br>\n      <span>de la n\u00e1utica<\/span>\n    <\/h1>\n    <div class=\"hero-divider\"><\/div>\n    <p class=\"hero-copy\">Transformamos competiciones deportivas en experiencias audiovisuales \u00fanicas.<br>M\u00e1s de 30 a\u00f1os \u00b7 +1.600 eventos \u00b7 Tu evento, en las mejores pantallas.<\/p>\n    <div class=\"hero-ctas\">\n      <a href=\"#trabajos\" class=\"cta-fill\">Ver proyectos<\/a>\n      <a href=\"#presupuesto\" class=\"cta-line\">Solicitar presupuesto<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-anchor\">\n    <div class=\"anchor-line\"><\/div>\n    <span class=\"anchor-label\">Descubrir<\/span>\n  <\/div>\n  <div class=\"reel-btn\">\n    <div class=\"reel-circle\">\n      <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\n    <\/div>\n    <span class=\"reel-label\">Ver reel<\/span>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 NOSOTROS \u2550\u2550\u2550 -->\n<section id=\"nosotros\">\n  <div class=\"about\">\n    <div class=\"about-left rv\">\n      <span class=\"about-year\">1997<\/span>\n      <span class=\"overline\" style=\"margin-top:12px;\">Qui\u00e9nes somos<\/span>\n      <h2 class=\"about-h2\">\n        Panorama Sports Difusi\u00f3n:<br>\n        <em>El Rugido de la<br>N\u00e1utica de \u00c9lite<\/em>\n      <\/h2>\n      <div style=\"width:36px;height:1px;background:var(--gold);margin:32px 0;\"><\/div>\n      <p style=\"font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-family:'DM Mono',monospace;line-height:1.9;\">\n        Desde 1997 \u00b7 Tres d\u00e9cadas de liderazgo<br>\n        +1.600 eventos producidos y emitidos\n      <\/p>\n      <!-- Equipo -->\n      <div class=\"team-strip\">\n        <div class=\"team-strip-label\">El equipo<\/div>\n        <div class=\"team-grid\">\n          <div class=\"team-card\">\n            <div class=\"team-avatar\"><img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/Jose-Antonio-Zamora.png\" alt=\"Jos\u00e9 Antonio Zamora\" \/><\/div>\n            <div class=\"team-name\">Jos\u00e9 Antonio Zamora<\/div>\n            <div class=\"team-role\">CEO<\/div>\n            <div class=\"team-pending\" style=\"font-style:normal;color:var(--mid);\">Profesional con s\u00f3lida trayectoria empresarial. Su liderazgo impulsa el crecimiento de Panorama, combinando experiencia, criterio y orientaci\u00f3n hacia la excelencia.<\/div>\n          <\/div>\n          <div class=\"team-card\">\n            <div class=\"team-avatar\"><img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/Vicente-Robles.png\" alt=\"Vicente Robles\" \/><\/div>\n            <div class=\"team-name\">Vicente Robles<\/div>\n            <div class=\"team-role\">Director Ejecutivo<\/div>\n            <div class=\"team-pending\" style=\"font-style:normal;color:var(--mid);\">Con m\u00e1s de 30 a\u00f1os de experiencia en producciones n\u00e1uticas a nivel nacional e internacional. Reconocido con el Mirabaud Sailing Video Award y otros galardones del sector.<\/div>\n          <\/div>\n          <div class=\"team-card\">\n            <div class=\"team-avatar\"><img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/Sabina-Soare-scaled.jpg\" alt=\"Sabina Soare\" \/><\/div>\n            <div class=\"team-name\">Sabina Soare<\/div>\n            <div class=\"team-role\">Periodista y Guionista<\/div>\n            <div class=\"team-pending\" style=\"font-style:normal;color:var(--mid);\">Especializada en el \u00e1mbito n\u00e1utico, destaca por su capacidad comunicativa y habilidad para trasladar la narrativa del deporte a diferentes formatos audiovisuales.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"about-right rv d1\">\n      <p class=\"about-body\">\n        <strong>Desde 1997, en Panorama Sports Difusi\u00f3n llevamos el deporte m\u00e1s all\u00e1 del agua.<\/strong>\n        Somos una productora audiovisual especializada en competiciones deportivas, con una trayectoria de m\u00e1s de 1.600 eventos producidos y emitidos a nivel nacional e internacional.\n      <\/p>\n      <p class=\"about-body\">\n        A lo largo de tres d\u00e9cadas, hemos desarrollado un m\u00e9todo propio basado en la precisi\u00f3n t\u00e9cnica, la fiabilidad en entornos exigentes y una visi\u00f3n clara: <strong>transformar cada evento en una experiencia audiovisual con impacto real.<\/strong>\n      <\/p>\n      <p class=\"about-body\">\n        Trabajamos donde otros no llegan. En el mar, en directo, con presi\u00f3n, con viento, con tiempo real. Y lo hacemos para que cada competici\u00f3n est\u00e9 <strong>en las mejores pantallas.<\/strong>\n      <\/p>\n      <div class=\"stats rv d2\">\n        <div class=\"stat\">\n          <span class=\"stat-n\">+28<\/span>\n          <span class=\"stat-l\">A\u00f1os desde 1997<\/span>\n        <\/div>\n        <div class=\"stat\">\n          <span class=\"stat-n\">1.600<\/span>\n          <span class=\"stat-l\">Eventos producidos<\/span>\n        <\/div>\n        <div class=\"stat\">\n          <span class=\"stat-n\">8<\/span>\n          <span class=\"stat-l\">Canales de difusi\u00f3n<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- \u2550\u2550\u2550 GALER\u00cdA FOTOGR\u00c1FICA \u2550\u2550\u2550 -->\n<div class=\"photo-gallery\">\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/cb0cc831-5ee9-4f49-b0da-2f4904977001.jpg\" alt=\"Producci\u00f3n en directo\" loading=\"lazy\" \/>\n  <\/div>\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/c876bb69-fb72-4c93-97c8-f40216c09139.jpg\" alt=\"Regatas de \u00e9lite\" loading=\"lazy\" \/>\n  <\/div>\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/af3d9023-f3ba-4d62-be9e-742b556573c9.jpg\" alt=\"Cobertura n\u00e1utica\" loading=\"lazy\" \/>\n  <\/div>\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/75534256-dae2-4ea6-9662-9bb1e34634ce.jpg\" alt=\"Equipo en acci\u00f3n\" loading=\"lazy\" \/>\n  <\/div>\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/8df9e4a4-ae62-4722-b450-6a003bcdc802.jpg\" alt=\"Grabaci\u00f3n deportiva\" loading=\"lazy\" \/>\n  <\/div>\n  <div class=\"photo-gallery-item\">\n    <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/5df60e9e-132a-4f91-aee7-ff28f08ef54c.jpg\" alt=\"Competici\u00f3n n\u00e1utica\" loading=\"lazy\" \/>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 LOGOS TV \u2550\u2550\u2550 -->\n<section class=\"broadcast\">\n  <div class=\"broadcast-head rv\">\n    <span class=\"overline\">Plataformas de difusi\u00f3n<\/span>\n    <p>Las <em>m\u00e1s potentes<\/em> del mundo<\/p>\n  <\/div>\n  <div class=\"logos-wrap\">\n    <div class=\"logos-strip\">\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ee\/Logo_RTVE.svg\/330px-Logo_RTVE.svg.png\" alt=\"RTVE\" \/><\/div>\n      <div class=\"tv tall\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0f\/LaLiga_logo_2023.svg\/3840px-LaLiga_logo_2023.svg.png\" alt=\"LaLiga\" \/><\/div>\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d9\/Movistar%2B_Logo.png\/1280px-Movistar%2B_Logo.png\" alt=\"Movistar+\" \/><\/div>\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/static.wikia.nocookie.net\/tvfanon6528\/images\/b\/ba\/Nautical_Channel_%282020-.n.v.%29.png\/revision\/latest?cb=20200731113134\" alt=\"Nautical Channel\" \/><\/div>\n      <div class=\"tv tall\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/17\/Eurosport_Logo_2015.svg\/1280px-Eurosport_Logo_2015.svg.png\" alt=\"Eurosport\" \/><\/div>\n      <div class=\"tv icon\"><img decoding=\"async\" src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Purple211\/v4\/1e\/ac\/42\/1eac420b-f3e9-9410-e0bb-43bb47d71a17\/AppIcon-0-0-1x_U007emarketing-0-8-0-0-85-220.png\/400x400ia-75.webp\" alt=\"COE TV\" \/><\/div>\n      <div class=\"tv\"><span>TDP<\/span><\/div>\n      <div class=\"tv\"><span>N\u00e1utica TV<\/span><\/div>\n      <!-- loop -->\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ee\/Logo_RTVE.svg\/330px-Logo_RTVE.svg.png\" alt=\"RTVE\" \/><\/div>\n      <div class=\"tv tall\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0f\/LaLiga_logo_2023.svg\/3840px-LaLiga_logo_2023.svg.png\" alt=\"LaLiga\" \/><\/div>\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d9\/Movistar%2B_Logo.png\/1280px-Movistar%2B_Logo.png\" alt=\"Movistar+\" \/><\/div>\n      <div class=\"tv\"><img decoding=\"async\" src=\"https:\/\/static.wikia.nocookie.net\/tvfanon6528\/images\/b\/ba\/Nautical_Channel_%282020-.n.v.%29.png\/revision\/latest?cb=20200731113134\" alt=\"Nautical Channel\" \/><\/div>\n      <div class=\"tv tall\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/17\/Eurosport_Logo_2015.svg\/1280px-Eurosport_Logo_2015.svg.png\" alt=\"Eurosport\" \/><\/div>\n      <div class=\"tv icon\"><img decoding=\"async\" src=\"https:\/\/is1-ssl.mzstatic.com\/image\/thumb\/Purple211\/v4\/1e\/ac\/42\/1eac420b-f3e9-9410-e0bb-43bb47d71a17\/AppIcon-0-0-1x_U007emarketing-0-8-0-0-85-220.png\/400x400ia-75.webp\" alt=\"COE TV\" \/><\/div>\n      <div class=\"tv\"><span>TDP<\/span><\/div>\n      <div class=\"tv\"><span>N\u00e1utica TV<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SERVICIOS \u2550\u2550\u2550 -->\n<section class=\"services\" id=\"servicios\">\n  <div class=\"services-head rv\">\n    <div>\n      <span class=\"overline\">Servicios<\/span>\n      <h2 class=\"services-h2\">Lo que hacemos<br><em>mejor que nadie<\/em><\/h2>\n    <\/div>\n    <p class=\"services-desc\">Nuestra misi\u00f3n es potenciar el valor de cada evento deportivo a trav\u00e9s de la comunicaci\u00f3n audiovisual. No solo cubrimos competiciones, las amplificamos. Trabajamos para aumentar la visibilidad de organizadores y patrocinadores, llevando cada evento a audiencias nacionales e internacionales con contenidos de alta calidad.<\/p>\n  <\/div>\n  <div class=\"svc-list rv d1\">\n    <div class=\"svc-row\"><span class=\"svc-n\">01<\/span><span class=\"svc-name\">Grabaci\u00f3n y Cobertura de Eventos<\/span><span class=\"svc-tag\">Producci\u00f3n \u00b7 Eventos<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">02<\/span><span class=\"svc-name\">Directos en Streaming<\/span><span class=\"svc-tag\">Broadcast \u00b7 Live<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">03<\/span><span class=\"svc-name\">Programas de TV con Difusi\u00f3n Garantizada<\/span><span class=\"svc-tag\">TV \u00b7 Distribuci\u00f3n<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">04<\/span><span class=\"svc-name\">Realizaci\u00f3n de Piezas para TV<\/span><span class=\"svc-tag\">Realizaci\u00f3n \u00b7 Televisi\u00f3n<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">05<\/span><span class=\"svc-name\">Edici\u00f3n y Postproducci\u00f3n Audiovisual<\/span><span class=\"svc-tag\">Edici\u00f3n \u00b7 Color \u00b7 Grafismo<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">06<\/span><span class=\"svc-name\">Material Audiovisual para RRSS<\/span><span class=\"svc-tag\">Redes Sociales \u00b7 Digital<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">07<\/span><span class=\"svc-name\">Im\u00e1genes A\u00e9reas y Grabaci\u00f3n con Dron<\/span><span class=\"svc-tag\">Dron \u00b7 A\u00e9reo \u00b7 AESA<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">08<\/span><span class=\"svc-name\">Spots Publicitarios y Promocionales<\/span><span class=\"svc-tag\">Publicidad \u00b7 Promo<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n    <div class=\"svc-row\"><span class=\"svc-n\">09<\/span><span class=\"svc-name\">An\u00e1lisis de Difusi\u00f3n y Distribuci\u00f3n<\/span><span class=\"svc-tag\">Estrategia \u00b7 Medici\u00f3n<\/span><span class=\"svc-arrow\">\u2192<\/span><\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550 PROYECTOS \u2550\u2550\u2550 -->\n<section class=\"work\" id=\"trabajos\">\n  <div class=\"work-head rv\">\n    <div>\n      <span class=\"overline\">Proyectos seleccionados<\/span>\n      <h2 class=\"work-h2\">La <em>\u00e9pica<\/em> del mar<\/h2>\n    <\/div>\n    <a href=\"#contacto\" class=\"work-link\">Ver todos los proyectos<\/a>\n  <\/div>\n\n  <!-- Filtros por categor\u00eda -->\n  <div class=\"work-filters rv\">\n    <button class=\"filter-btn active\" onclick=\"setFilter(this,'all')\">Todos<\/button>\n    <button class=\"filter-btn\" onclick=\"setFilter(this,'regatas')\">Regatas<\/button>\n    <button class=\"filter-btn\" onclick=\"setFilter(this,'vela')\">Vela ol\u00edmpica<\/button>\n    <button class=\"filter-btn\" onclick=\"setFilter(this,'offshore')\">Offshore<\/button>\n    <button class=\"filter-btn\" onclick=\"setFilter(this,'motor')\">Motor n\u00e1utico<\/button>\n    <button class=\"filter-btn\" onclick=\"setFilter(this,'documental')\">Documental<\/button>\n  <\/div>\n\n  <div class=\"work-grid\">\n    <!-- 1: Basque Country Cup 2026 \u2014 gran celda izquierda -->\n    <div class=\"w-cell\" data-cat=\"regatas\" onclick=\"playYT(this,'aU7LM6UUd_k')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/aU7LM6UUd_k\/maxresdefault.jpg\" alt=\"Basque Country Cup 2026\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\">\n        <div><div class=\"w-cat\">Regata \u00b7 2026<\/div><div class=\"w-title\">Basque Country Cup 2026<\/div><\/div>\n        <div class=\"w-year\">'26<\/div>\n      <\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <!-- 2 -->\n    <div class=\"w-cell\" data-cat=\"regatas\" onclick=\"playYT(this,'Tp5WZ-RVM00')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/Tp5WZ-RVM00\/maxresdefault.jpg\" alt=\"Copa de Espa\u00f1a Snipe\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\">\n        <div><div class=\"w-cat\">Regata \u00b7 Espa\u00f1a<\/div><div class=\"w-title\">Copa de Espa\u00f1a de Snipe Mar Menor<\/div><\/div>\n        <div class=\"w-year\">'25<\/div>\n      <\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <!-- 3 -->\n    <div class=\"w-cell\" data-cat=\"vela\" onclick=\"playYT(this,'938fYUXH_P8')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/938fYUXH_P8\/maxresdefault.jpg\" alt=\"Flying Dutchman World Championship\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\">\n        <div><div class=\"w-cat\">Vela \u00b7 Mundial<\/div><div class=\"w-title\">Flying Dutchman World Championship<\/div><\/div>\n        <div class=\"w-year\">'25<\/div>\n      <\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <!-- 4 -->\n    <div class=\"w-cell\" data-cat=\"regatas\" onclick=\"playYT(this,'IP0C-vebeOw')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/IP0C-vebeOw\/maxresdefault.jpg\" alt=\"Regata Oce\u00e1nica Palos La Gomera\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\">\n        <div><div class=\"w-cat\">Offshore \u00b7 Espa\u00f1a<\/div><div class=\"w-title\">Regata Oce\u00e1nica Palos \u2013 La Gomera<\/div><\/div>\n        <div class=\"w-year\">'24<\/div>\n      <\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <!-- 5 -->\n    <div class=\"w-cell\" data-cat=\"regatas\" onclick=\"playYT(this,'3GSPvTKAVXM')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/3GSPvTKAVXM\/maxresdefault.jpg\" alt=\"Temporada Club Mar\u00edtimo de Mah\u00f3n\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\">\n        <div><div class=\"w-cat\">Regata \u00b7 Temporada<\/div><div class=\"w-title\">Temporada 2024\u201325 Club Mar\u00edtimo Mah\u00f3n<\/div><\/div>\n        <div class=\"w-year\">'25<\/div>\n      <\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n  <\/div>\n  <!-- Proyectos adicionales (hidden initially, filterable) -->\n  <div class=\"work-extra\" style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;border-top:2px solid var(--line);\">\n    <div class=\"w-cell\" style=\"height:220px;\" data-cat=\"vela\" onclick=\"playYT(this,'e_d3qcIKnvs')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/e_d3qcIKnvs\/maxresdefault.jpg\" alt=\"Palam\u00f3s Optimist Trophy\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\"><div><div class=\"w-cat\">Vela \u00b7 J\u00fanior<\/div><div class=\"w-title\">36\u00aa Palam\u00f3s Optimist Trophy<\/div><\/div><div class=\"w-year\">'24<\/div><\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <div class=\"w-cell\" style=\"height:220px;\" data-cat=\"regatas\" onclick=\"playYT(this,'2FqrwlbiZ6E')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/2FqrwlbiZ6E\/maxresdefault.jpg\" alt=\"Copa del Rey Barcos de \u00c9poca\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\"><div><div class=\"w-cat\">Cl\u00e1sicos \u00b7 Mah\u00f3n<\/div><div class=\"w-title\">Copa del Rey de Barcos de \u00c9poca<\/div><\/div><div class=\"w-year\">'24<\/div><\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n    <div class=\"w-cell\" style=\"height:220px;\" data-cat=\"regatas\" onclick=\"playYT(this,'4_psT9lJEGE')\">\n      <img decoding=\"async\" class=\"w-yt-thumb\" src=\"https:\/\/img.youtube.com\/vi\/4_psT9lJEGE\/maxresdefault.jpg\" alt=\"Trofeo La Menorquina\" loading=\"lazy\" \/>\n      <div class=\"w-yt\"><div class=\"w-yt-dot\"><\/div><span class=\"w-yt-label\">YouTube<\/span><\/div>\n      <div class=\"w-play-btn\"><div class=\"w-play-circle\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg><\/div><\/div>\n      <div class=\"w-caption\"><div><div class=\"w-cat\">Regata \u00b7 Menorca<\/div><div class=\"w-title\">Trofeo La Menorquina<\/div><\/div><div class=\"w-year\">'24<\/div><\/div>\n      <div class=\"w-iframe-wrap\"><button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CTA PRESUPUESTO \u2014 banner intermedio \u2550\u2550\u2550 -->\n<section class=\"cta-banner\" id=\"presupuesto\">\n  <div class=\"cta-banner-inner rv\">\n    <div class=\"cta-banner-text\">\n      <h2 class=\"cta-banner-h\">\u00bfTienes un proyecto<br><em>similar?<\/em><\/h2>\n      <p class=\"cta-banner-p\">P\u00eddenos presupuesto sin compromiso. Cu\u00e9ntanos tu evento, fechas y canal de distribuci\u00f3n y te respondemos en 24 horas.<\/p>\n    <\/div>\n    <div class=\"cta-banner-actions\">\n      <a href=\"#contacto\" class=\"cta-fill\">Solicitar presupuesto<\/a>\n      <a href=\"#contacto\" class=\"cta-line\">Hablar con el equipo<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2550\u2550\u2550 CALENDARIO 2026 \u2550\u2550\u2550 -->\n<section class=\"calendar\" id=\"calendario\">\n  <div class=\"cal-head\">\n    <div class=\"rv\">\n      <span class=\"overline\">Calendario 2026<\/span>\n      <h2 class=\"cal-h2\">Espa\u00f1a, Europa<br><em>y el mundo<\/em><\/h2>\n    <\/div>\n    <p class=\"cal-intro rv d1\">\n      Este 2026 ya tenemos cerrado un calendario que abarca <strong>los eventos m\u00e1s importantes de Espa\u00f1a, Europa y del mundo.<\/strong> Cada cita, un compromiso de excelencia.\n    <\/p>\n  <\/div>\n  <table class=\"event-table rv d2\">\n    <tr><td><span class=\"ev-mo\">Feb '26<\/span><\/td><td><span class=\"ev-name\">Copa del Rey de Vela \u00b7 Palma<\/span><\/td><td><span class=\"ev-loc\">Espa\u00f1a<\/span><\/td><td><span class=\"ev-scope\">Nacional<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Mar '26<\/span><\/td><td><span class=\"ev-name\">IQFoil International Series<\/span><\/td><td><span class=\"ev-loc\">Europa<\/span><\/td><td><span class=\"ev-scope\">Intl.<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Abr '26<\/span><\/td><td><span class=\"ev-name\">PWA Windsurf World Tour<\/span><\/td><td><span class=\"ev-loc\">Mundial<\/span><\/td><td><span class=\"ev-scope\">Mundial<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">May '26<\/span><\/td><td><span class=\"ev-name\">Campeonato de Espa\u00f1a \u00b7 Motonautica<\/span><\/td><td><span class=\"ev-loc\">Espa\u00f1a<\/span><\/td><td><span class=\"ev-scope\">Nacional<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Jul '26<\/span><\/td><td><span class=\"ev-name\">Campeonato de Europa de Vela<\/span><\/td><td><span class=\"ev-loc\">Europa<\/span><\/td><td><span class=\"ev-scope\">Intl.<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Sep '26<\/span><\/td><td><span class=\"ev-name\">Sal\u00f3n N\u00e1utico de Barcelona<\/span><\/td><td><span class=\"ev-loc\">Espa\u00f1a<\/span><\/td><td><span class=\"ev-scope\">Nacional<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Oct '26<\/span><\/td><td><span class=\"ev-name\">Campeonato del Mundo \u00b7 TBC<\/span><\/td><td><span class=\"ev-loc\">Mundial<\/span><\/td><td><span class=\"ev-scope\">Mundial<\/span><\/td><\/tr>\n    <tr><td><span class=\"ev-mo\">Nov '26<\/span><\/td><td><span class=\"ev-name\">Circuito Final de Temporada<\/span><\/td><td><span class=\"ev-loc\">Espa\u00f1a \/ Europa<\/span><\/td><td><span class=\"ev-scope\">Temporada<\/span><\/td><\/tr>\n  <\/table>\n<\/section>\n\n<!-- \u2550\u2550\u2550 BLOG \/ NOTICIAS \u2550\u2550\u2550 -->\n<section class=\"blog-preview\" id=\"blog\">\n  <div class=\"blog-preview-inner\">\n    <div class=\"blog-head rv\">\n      <div>\n        <span class=\"overline\">Blog & Noticias<\/span>\n        <h2 class=\"blog-h2\">Desde dentro<br><em>del mar<\/em><\/h2>\n      <\/div>\n      <a href=\"https:\/\/www.panoramasportpro.com\/index.php\/blog\/\" target=\"_blank\" class=\"blog-link\">Ver todas las entradas<\/a>\n    <\/div>\n    <div class=\"blog-grid rv d1\">\n      <div class=\"blog-card\">\n        <div class=\"blog-card-bg\" style=\"overflow:hidden;position:relative;\">\n          <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/cb0cc831-5ee9-4f49-b0da-2f4904977001.jpg\" alt=\"Grandes regatas\" style=\"width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s cubic-bezier(.16,1,.3,1);\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"blog-card-content\">\n          <div class=\"blog-card-cat\">Producci\u00f3n \u00b7 Regatas<\/div>\n          <div class=\"blog-card-title\">Panorama Sports Difusi\u00f3n, donde ocurren las grandes regatas<\/div>\n          <div class=\"blog-card-meta\">Abr 2026 \u00b7 6 min lectura<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"blog-card\">\n        <div class=\"blog-card-bg\" style=\"overflow:hidden;position:relative;\">\n          <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/8df9e4a4-ae62-4722-b450-6a003bcdc802.jpg\" alt=\"Retransmisi\u00f3n en el mar\" style=\"width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s cubic-bezier(.16,1,.3,1);\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"blog-card-content\">\n          <div class=\"blog-card-cat\">Behind the scenes<\/div>\n          <div class=\"blog-card-title\">Lo que no se ve de una retransmisi\u00f3n en el mar<\/div>\n          <div class=\"blog-card-meta\">Mar 2026 \u00b7 5 min lectura<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"blog-card\">\n        <div class=\"blog-card-bg\" style=\"overflow:hidden;position:relative;\">\n          <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/5df60e9e-132a-4f91-aee7-ff28f08ef54c.jpg\" alt=\"Producci\u00f3n audiovisual n\u00e1utica\" style=\"width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s cubic-bezier(.16,1,.3,1);\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"blog-card-content\">\n          <div class=\"blog-card-cat\">Industria \u00b7 N\u00e1utica<\/div>\n          <div class=\"blog-card-title\">La importancia de la producci\u00f3n audiovisual en el deporte n\u00e1utico<\/div>\n          <div class=\"blog-card-meta\">Feb 2026 \u00b7 7 min lectura<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 TRABAJA CON NOSOTROS \u2550\u2550\u2550 -->\n<section class=\"talent\" id=\"trabaja\">\n  <div class=\"talent-inner\">\n    <div class=\"talent-head\">\n      <div class=\"rv\">\n        <span class=\"overline\">\u00danete al equipo<\/span>\n        <h2 class=\"talent-h2\">\u00bfQuieres trabajar<br><em>con nosotros?<\/em><\/h2>\n      <\/div>\n      <div class=\"rv d1\">\n        <p class=\"talent-intro\">\n          En Panorama Sports Difusi\u00f3n trabajamos donde otros no llegan. En el mar, en directo, con condiciones cambiantes y sin margen de error. <strong>Buscamos personas que entiendan el deporte, que sepan trabajar en equipo y que quieran formar parte de producciones reales, no de oficina.<\/strong>\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"talent-roles rv d1\">\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83c\udfa5<\/div>\n        <div class=\"role-name\">Periodistas<\/div>\n        <div class=\"role-desc\">Buscamos periodistas con criterio, rapidez y capacidad para contar lo que ocurre en tiempo real. Que entiendan el deporte, construyan narrativa m\u00e1s all\u00e1 del resultado y trabajen bien bajo presi\u00f3n. Se valora experiencia en retransmisiones y contenido deportivo.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83c\udfac<\/div>\n        <div class=\"role-name\">Filmmakers \/ C\u00e1mara<\/div>\n        <div class=\"role-desc\">Buscamos perfiles con visi\u00f3n, t\u00e9cnica y capacidad de adaptaci\u00f3n. Gente que sepa trabajar en entornos cambiantes, tomar decisiones r\u00e1pidas y mantener calidad en situaciones exigentes. Experiencia en eventos deportivos y rodajes en exterior es un plus.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83d\ude81<\/div>\n        <div class=\"role-name\">Pilotos de Dron<\/div>\n        <div class=\"role-desc\">Buscamos operadores certificados con experiencia real en grabaci\u00f3n en exteriores y entornos din\u00e1micos. Valoramos precisi\u00f3n, seguridad y capacidad de integrarse en equipos de producci\u00f3n en directo.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\u2702\ufe0f<\/div>\n        <div class=\"role-name\">Editores \/ Postproducci\u00f3n<\/div>\n        <div class=\"role-desc\">Buscamos perfiles creativos con capacidad t\u00e9cnica y criterio narrativo. Personas que entiendan el ritmo del deporte y sepan transformar im\u00e1genes en piezas con impacto. Rapidez, orden y atenci\u00f3n al detalle son clave.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83d\udcf7<\/div>\n        <div class=\"role-name\">Fot\u00f3grafos<\/div>\n        <div class=\"role-desc\">Im\u00e1genes que cuentan historias. La n\u00e1utica de competici\u00f3n exige miradas \u00fanicas, capacidad para anticipar el momento y trabajar en condiciones extremas.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83d\udcf1<\/div>\n        <div class=\"role-name\">Influencers &amp; Creadores<\/div>\n        <div class=\"role-desc\">Amplifica el alcance del deporte n\u00e1utico a nuevas audiencias digitales. Creadores de contenido que sepan adaptar la \u00e9pica del mar a formatos modernos.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83c\udfa8<\/div>\n        <div class=\"role-name\">Artistas &amp; Dise\u00f1adores<\/div>\n        <div class=\"role-desc\">Identidad visual, grafismo, motion design. La \u00e9pica del mar necesita una est\u00e9tica a su altura.<\/div>\n      <\/div>\n      <div class=\"role-card\">\n        <div class=\"role-icon\">\ud83c\udfb5<\/div>\n        <div class=\"role-name\">M\u00fasicos, Cantantes &amp; DJs<\/div>\n        <div class=\"role-desc\">Composici\u00f3n, ambient, sonorizaci\u00f3n de eventos. El sonido que envuelve la competici\u00f3n y crea atm\u00f3sfera.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Formulario candidatura -->\n    <div class=\"talent-form-wrap rv d2\">\n      <div class=\"talent-form-text\">\n        <h3>Env\u00edanos tu candidatura<\/h3>\n        <p>Contamos con un equipo t\u00e9cnico y humano altamente cualificado. Si te motiva el reto, el ritmo y contar historias desde dentro, <strong>este es tu sitio.<\/strong><\/p>\n        <p style=\"margin-top:20px;\">Env\u00edanos tu portfolio o trabajos a <strong>producion.panoramasd@gmail.com<\/strong> y cu\u00e9ntanos qu\u00e9 puedes aportar al equipo.<\/p>\n      <\/div>\n      <div class=\"talent-form\">\n        <div class=\"ff-row\">\n          <div class=\"ff\"><label>Nombre y apellidos<\/label><input type=\"text\" placeholder=\"Tu nombre completo\" \/><\/div>\n          <div class=\"ff\"><label>Email de contacto<\/label><input type=\"email\" placeholder=\"nombre@email.com\" \/><\/div>\n        <\/div>\n        <div class=\"ff\">\n          <label>Tipo de perfil<\/label>\n          <select>\n            <option value=\"\">Selecciona tu perfil<\/option>\n            <option>Periodista \/ Reportero<\/option>\n            <option>Filmmaker \/ Director<\/option>\n            <option>Fot\u00f3grafo<\/option>\n            <option>Influencer \/ Creador de contenido<\/option>\n            <option>Artista \/ Dise\u00f1ador<\/option>\n            <option>M\u00fasico \/ Cantante \/ DJ<\/option>\n            <option>Guionista \/ Creativo<\/option>\n            <option>Operador \/ T\u00e9cnico<\/option>\n            <option>Otro perfil<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"ff\">\n          <label>Enlace a portfolio o RRSS<\/label>\n          <input type=\"url\" placeholder=\"https:\/\/tuportfolio.com o @tuusuario\" \/>\n        <\/div>\n        <div class=\"ff\">\n          <label>Cu\u00e9ntanos qui\u00e9n eres<\/label>\n          <textarea placeholder=\"Tu experiencia, proyectos destacados y por qu\u00e9 quieres trabajar con nosotros...\"><\/textarea>\n        <\/div>\n        <div class=\"ff\">\n          <label>CV (PDF, m\u00e1x. 5 MB)<\/label>\n          <input type=\"file\" accept=\".pdf\" style=\"cursor:auto;\" \/>\n          <div class=\"ff-note\">Opcional \u2014 tambi\u00e9n puedes enviarlo a producion.panoramasd@gmail.com<\/div>\n        <\/div>\n        <button type=\"button\" class=\"cta-fill\" style=\"border:none;cursor:none;text-align:center;\">Enviar candidatura<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CONTACTO \u2550\u2550\u2550 -->\n<section class=\"contact\" id=\"contacto\">\n  <div class=\"contact-inner\">\n    <div class=\"rv\">\n      <span class=\"overline\">Contacto<\/span>\n      <h2 class=\"contact-h2\">Hablemos de tu<br><em>pr\u00f3ximo proyecto<\/em><\/h2>\n      <p class=\"contact-p\">Cada gran producci\u00f3n comienza con una conversaci\u00f3n. Cu\u00e9ntanos tu visi\u00f3n y construiremos juntos la narrativa que merece tu evento n\u00e1utico.<\/p>\n\n      <div class=\"c-details\">\n        <div>\n          <span class=\"c-lbl\">Email producci\u00f3n<\/span>\n          <a href=\"mailto:producion.panoramasd@gmail.com\" class=\"c-val\">producion.panoramasd@gmail.com<\/a>\n        <\/div>\n        <div>\n          <span class=\"c-lbl\">Email redacci\u00f3n \/ prensa<\/span>\n          <a href=\"mailto:redaccion.panoramasd@gmail.com\" class=\"c-val\" style=\"font-size:17px;\">redaccion.panoramasd@gmail.com<\/a>\n        <\/div>\n        <div>\n          <span class=\"c-lbl\">Tel\u00e9fono<\/span>\n          <a href=\"tel:+34607875730\" class=\"c-val\">+34 607 875 730<\/a>\n        <\/div>\n        <div>\n          <span class=\"c-lbl\">Sede<\/span>\n          <span class=\"c-val\" style=\"font-size:16px;\">Castell\u00f3 de la Plana, Espa\u00f1a<\/span>\n        <\/div>\n      <\/div>\n\n      <div>\n        <span class=\"c-lbl\" style=\"margin-bottom:12px;\">Redes sociales<\/span>\n        <div class=\"social-grid\">\n          <a href=\"https:\/\/www.youtube.com\/@PanoramaSportsD\" target=\"_blank\" class=\"social-link\">YouTube<\/a>\n          <a href=\"https:\/\/www.instagram.com\/panoramasports_difusion\/\" target=\"_blank\" class=\"social-link\">Instagram<\/a>\n          <a href=\"https:\/\/x.com\/DifusionSports\" target=\"_blank\" class=\"social-link\">X \/ Twitter<\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@panorama.sports.difusion\" target=\"_blank\" class=\"social-link\">TikTok<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Dos formularios con tabs -->\n    <div class=\"contact-forms rv d1\">\n      <div class=\"form-tabs\">\n        <div class=\"form-tab active\" onclick=\"switchTab(this,'general')\">Consulta general<\/div>\n        <div class=\"form-tab\" onclick=\"switchTab(this,'presupuesto')\">Presupuesto<\/div>\n      <\/div>\n\n      <!-- Panel 1: Consulta general -->\n      <div class=\"form-panel active\" id=\"panel-general\">\n        <div class=\"ff\"><label>Nombre y apellidos<\/label><input type=\"text\" placeholder=\"Tu nombre completo\" \/><\/div>\n        <div class=\"ff\"><label>Email<\/label><input type=\"email\" placeholder=\"nombre@empresa.com\" \/><\/div>\n        <div class=\"ff\"><label>Asunto<\/label><input type=\"text\" placeholder=\"Tema de tu consulta\" \/><\/div>\n        <div class=\"ff\"><label>Mensaje<\/label><textarea placeholder=\"Cu\u00e9ntanos en qu\u00e9 podemos ayudarte...\"><\/textarea><\/div>\n        <button type=\"button\" class=\"cta-fill\" style=\"border:none;cursor:none;text-align:center;\">Enviar mensaje<\/button>\n      <\/div>\n\n      <!-- Panel 2: Presupuesto -->\n      <div class=\"form-panel\" id=\"panel-presupuesto\">\n        <div class=\"ff-row\">\n          <div class=\"ff\"><label>Nombre y apellidos<\/label><input type=\"text\" placeholder=\"Tu nombre\" \/><\/div>\n          <div class=\"ff\"><label>Email corporativo<\/label><input type=\"email\" placeholder=\"nombre@empresa.com\" \/><\/div>\n        <\/div>\n        <div class=\"ff\">\n          <label>Tipo de evento<\/label>\n          <select>\n            <option value=\"\">Seleccionar<\/option>\n            <option>Regata \/ Competici\u00f3n de vela<\/option>\n            <option>Offshore \/ Alta mar<\/option>\n            <option>Motonautica<\/option>\n            <option>Producci\u00f3n documental<\/option>\n            <option>Evento corporativo n\u00e1utico<\/option>\n            <option>Otro<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"ff-row\">\n          <div class=\"ff\"><label>Fechas aproximadas<\/label><input type=\"text\" placeholder=\"Mes y a\u00f1o\" \/><\/div>\n          <div class=\"ff\"><label>Canal de distribuci\u00f3n<\/label><input type=\"text\" placeholder=\"TV, streaming, RRSS...\" \/><\/div>\n        <\/div>\n        <div class=\"ff\">\n          <label>Alcance geogr\u00e1fico<\/label>\n          <select>\n            <option value=\"\">Seleccionar<\/option>\n            <option>Local \/ Regional<\/option>\n            <option>Nacional<\/option>\n            <option>Internacional<\/option>\n            <option>Mundial<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"ff\"><label>Comentarios adicionales<\/label><textarea placeholder=\"Cualquier detalle adicional sobre tu proyecto...\"><\/textarea><\/div>\n        <button type=\"button\" class=\"cta-fill\" style=\"border:none;cursor:none;text-align:center;\">Solicitar presupuesto sin compromiso<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 RECONOCIMIENTOS \u2550\u2550\u2550 -->\n<section id=\"reconocimientos\">\n  <div class=\"awards\">\n    <div class=\"awards-head rv\">\n      <span class=\"overline\">Reconocimientos<\/span>\n      <h2 class=\"awards-h2\">Premiados por la<br><em>excelencia audiovisual<\/em><\/h2>\n    <\/div>\n    <div class=\"awards-grid rv d1\">\n      <div class=\"award-card\">\n        <img decoding=\"async\" class=\"award-photo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/91ceea2a-9a6b-4286-adc2-3dcfcbf28fc8.jpg\" alt=\"Mirabaud Sailing Video Award\" \/>\n        <div class=\"award-name\">Mirabaud Sailing Video Award<\/div>\n        <div class=\"award-desc\">1er premio al mejor v\u00eddeo de vela del mundo. El reconocimiento internacional m\u00e1s prestigioso del sector n\u00e1utico audiovisual.<\/div>\n        <div class=\"award-year\">1er Premio \u00b7 2019<\/div>\n      <\/div>\n      <div class=\"award-card\">\n        <img decoding=\"async\" class=\"award-photo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/3f80c9bd-3659-407b-a3dc-3fec9a8d4a44.jpg\" alt=\"Premio Mariano Aguado\" \/>\n        <div class=\"award-name\">Premio Mariano Aguado de Comunicaci\u00f3n<\/div>\n        <div class=\"award-desc\">Dos veces ganadores de los premios nacionales de vela Mariano Aguado de Comunicaci\u00f3n, el galard\u00f3n m\u00e1s importante de la comunicaci\u00f3n n\u00e1utica en Espa\u00f1a.<\/div>\n        <div class=\"award-year\">Ganadores en dos ocasiones<\/div>\n      <\/div>\n      <div class=\"award-card\">\n        <img decoding=\"async\" class=\"award-photo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/0c28e999-4768-4213-94c9-f0c49d771dda.jpg\" alt=\"Reconocimientos internacionales\" \/>\n        <div class=\"award-name\">Trayectoria Internacional<\/div>\n        <div class=\"award-desc\">M\u00e1s de 28 a\u00f1os de producciones premiadas a nivel nacional e internacional. Una trayectoria avalada por federaciones, clubes y organismos deportivos de \u00e9lite.<\/div>\n        <div class=\"award-year\">Desde 1997<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CLIENTES \u2550\u2550\u2550 -->\n<section class=\"clients\">\n  <div class=\"clients-inner\">\n    <div class=\"clients-head rv\">\n      <div>\n        <span class=\"overline\">Trabajan con nosotros<\/span>\n        <h2 class=\"clients-h2\">Federaciones, clubs<br><em>y grandes eventos<\/em><\/h2>\n      <\/div>\n      <span class=\"clients-sub\">Organizaciones de \u00e9lite que<br>conf\u00edan en Panorama<\/span>\n    <\/div>\n    <div class=\"clients-grid rv d1\">\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/rfem.png\" alt=\"Real Federaci\u00f3n Espa\u00f1ola de Moton\u00e1utica\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Real Federaci\u00f3n Espa\u00f1ola de Moton\u00e1utica<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/federacion-espanola-de-vela.png\" alt=\"Real Federaci\u00f3n Espa\u00f1ola de Vela\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Real Federaci\u00f3n Espa\u00f1ola de Vela<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/euemf.png\" alt=\"Federaci\u00f3n Vasca de Moton\u00e1utica\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Federaci\u00f3n Vasca de Moton\u00e1utica<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" style=\"filter:none;opacity:0.85;\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/Federacion-andaluza-de-vela-logo.png\" alt=\"Federaci\u00f3n Andaluza de Vela\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Federaci\u00f3n Andaluza de Vela<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" style=\"filter:none;opacity:0.85;\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/logo-mahon.png\" alt=\"Club Mar\u00edtimo de Mah\u00f3n\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Club Mar\u00edtimo de Mah\u00f3n<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/CLUB-KITESURF-logo.png\" alt=\"Club Kitesurf Centro\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Club Kitesurf Centro<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/club-nautico-costa-brava-copia.png\" alt=\"Club N\u00e1utico Costa Brava\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Club N\u00e1utico Costa Brava<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/Fira_barcelona_logo-removebg-preview-1.png\" alt=\"Fira Barcelona\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Fira Barcelona<\/div>\n      <\/div>\n      <div class=\"client-card\">\n        <img decoding=\"async\" class=\"client-logo\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/LOGO.png\" alt=\"Puig \u00b7 Vela Cl\u00e0ssica Barcelona\" loading=\"lazy\" \/>\n        <div class=\"client-name\">Puig \u00b7 Vela Cl\u00e0ssica Barcelona<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\n<footer>\n  <div class=\"footer-top\">\n    <div class=\"footer-brand\">\n      <img decoding=\"async\" src=\"https:\/\/www.panoramasportpro.com\/wp-content\/uploads\/2026\/04\/pano-logoweb.png\" alt=\"Panorama Sports Difusi\u00f3n\" style=\"height:32px;width:auto;display:block;margin-bottom:16px;opacity:0.85;\" \/>\n      <p class=\"footer-tagline\">Transformamos competiciones deportivas en experiencias audiovisuales \u00fanicas. Desde 1997, +1.600 eventos.<\/p>\n      <div class=\"footer-email-press\">\n        <span class=\"c-lbl\">Email producci\u00f3n<\/span>\n        <a href=\"mailto:producion.panoramasd@gmail.com\">producion.panoramasd@gmail.com<\/a>\n      <\/div>\n      <div class=\"footer-email-press\" style=\"margin-top:10px;\">\n        <span class=\"c-lbl\">Email redacci\u00f3n<\/span>\n        <a href=\"mailto:redaccion.panoramasd@gmail.com\">redaccion.panoramasd@gmail.com<\/a>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"footer-col-title\">Navegaci\u00f3n<\/div>\n      <nav class=\"footer-nav\">\n        <a href=\"#nosotros\">Nosotros<\/a>\n        <a href=\"#servicios\">Servicios<\/a>\n        <a href=\"#trabajos\">Proyectos<\/a>\n        <a href=\"#blog\">Blog & Noticias<\/a>\n        <a href=\"#calendario\">Calendario 2026<\/a>\n        <a href=\"#trabaja\">Trabaja con nosotros<\/a>\n        <a href=\"#contacto\">Contacto<\/a>\n      <\/nav>\n    <\/div>\n    <div>\n      <div class=\"footer-col-title\">Redes sociales<\/div>\n      <div class=\"footer-social\">\n        <a href=\"https:\/\/www.youtube.com\/@PanoramaSportsD\" target=\"_blank\">YouTube<\/a>\n        <a href=\"https:\/\/www.instagram.com\/panoramasports_difusion\/\" target=\"_blank\">Instagram<\/a>\n        <a href=\"https:\/\/x.com\/DifusionSports\" target=\"_blank\">X \/ Twitter<\/a>\n        <a href=\"https:\/\/www.tiktok.com\/@panorama.sports.difusion\" target=\"_blank\">TikTok<\/a>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"footer-col-title\">Recursos<\/div>\n      <nav class=\"footer-nav\">\n        <a href=\"#\">Brand Kit<\/a>\n        <a href=\"#\">Sala de prensa<\/a>\n        <a href=\"#\">Fotos de producci\u00f3n<\/a>\n        <a href=\"#presupuesto\">Solicitar presupuesto<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <div class=\"f-copy\">\u00a9 2026 Panorama Sports Difusi\u00f3n \u00b7 Zamora Gastro Turismo Consultores SLU \u00b7 B56677917<\/div>\n    <div class=\"footer-legal\" id=\"legal\">\n      <a href=\"#\">Aviso legal<\/a>\n      <a href=\"#\">Pol\u00edtica de privacidad<\/a>\n      <a href=\"#\">Pol\u00edtica de cookies<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<script>\n  \/\/ CURSOR\n  const cur=document.getElementById('cur'),ring=document.getElementById('ring');\n  let mx=0,my=0,rx=0,ry=0;\n  document.addEventListener('mousemove',e=>{ mx=e.clientX; my=e.clientY; cur.style.left=mx+'px'; cur.style.top=my+'px'; });\n  (function anim(){ rx+=(mx-rx)*.1; ry+=(my-ry)*.1; ring.style.left=rx+'px'; ring.style.top=ry+'px'; requestAnimationFrame(anim); })();\n  document.querySelectorAll('a,button,.svc-row,.w-cell,.event-table tr,.stat,.reel-circle,.tv,.role-card,.blog-card,.filter-btn,.form-tab').forEach(el=>{\n    el.addEventListener('mouseenter',()=>{ ring.style.width='48px'; ring.style.height='48px'; ring.style.borderColor='rgba(201,169,110,.7)'; });\n    el.addEventListener('mouseleave',()=>{ ring.style.width='28px'; ring.style.height='28px'; ring.style.borderColor='rgba(201,169,110,.4)'; });\n  });\n\n  \/\/ NAV scroll\n  const nav=document.getElementById('nav');\n  window.addEventListener('scroll',()=>nav.classList.toggle('on',scrollY>60));\n\n  \/\/ REVEAL\n  const obs=new IntersectionObserver(ee=>ee.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('in'); }),{threshold:.07});\n  document.querySelectorAll('.rv').forEach(el=>obs.observe(el));\n\n  \/\/ SMOOTH SCROLL\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\n    a.addEventListener('click',e=>{\n      const t=document.querySelector(a.getAttribute('href'));\n      if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth'}); }\n    });\n  });\n\n  \/\/ PROJECT FILTERS\n  function setFilter(btn, cat) {\n    document.querySelectorAll('.filter-btn').forEach(b=>b.classList.remove('active'));\n    btn.classList.add('active');\n    document.querySelectorAll('.w-cell').forEach(cell=>{\n      if(cat==='all' || cell.dataset.cat===cat) {\n        cell.style.opacity='1'; cell.style.pointerEvents='auto';\n      } else {\n        cell.style.opacity='0.2'; cell.style.pointerEvents='none';\n      }\n    });\n  }\n\n  \/\/ CONTACT TABS\n  function switchTab(tab, panel) {\n    document.querySelectorAll('.form-tab').forEach(t=>t.classList.remove('active'));\n    document.querySelectorAll('.form-panel').forEach(p=>p.classList.remove('active'));\n    tab.classList.add('active');\n    document.getElementById('panel-'+panel).classList.add('active');\n  }\n\n  \/\/ YOUTUBE CLICK-TO-LOAD\n  function playYT(cell, videoId) {\n    const wrap = cell.querySelector('.w-iframe-wrap');\n    if (!wrap) return;\n    wrap.innerHTML = `<button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button><iframe src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>`;\n    wrap.classList.add('active');\n    const thumb = cell.querySelector('.w-yt-thumb');\n    if (thumb) thumb.style.opacity = '0';\n    const play = cell.querySelector('.w-play-btn');\n    if (play) play.style.display = 'none';\n  }\n\n  function closeYT(e, btn) {\n    e.stopPropagation();\n    const wrap = btn.closest('.w-iframe-wrap');\n    wrap.classList.remove('active');\n    wrap.innerHTML = `<button class=\"w-iframe-close\" onclick=\"closeYT(event,this)\">\u2715<\/button>`;\n    const cell = wrap.closest('.w-cell');\n    const thumb = cell.querySelector('.w-yt-thumb');\n    if (thumb) thumb.style.opacity = '1';\n    const play = cell.querySelector('.w-play-btn');\n    if (play) play.style.display = 'flex';\n  }\n  \/\/ MOBILE MENU\n  function toggleMenu() {\n    const menu = document.getElementById('mobileMenu');\n    const btn  = document.getElementById('hamburger');\n    const open = menu.classList.toggle('open');\n    btn.classList.toggle('open', open);\n    btn.setAttribute('aria-label', open ? 'Cerrar men\u00fa' : 'Abrir men\u00fa');\n    document.body.style.overflow = open ? 'hidden' : '';\n  }\n  function closeMenu() {\n    const menu = document.getElementById('mobileMenu');\n    const btn  = document.getElementById('hamburger');\n    menu.classList.remove('open');\n    btn.classList.remove('open');\n    btn.setAttribute('aria-label', 'Abrir men\u00fa');\n    document.body.style.overflow = '';\n  }\n  \/\/ Close on ESC\n  document.addEventListener('keydown', e => { if(e.key==='Escape') closeMenu(); });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Panorama Sports Difusi\u00f3n \u2014 El Rugido de la N\u00e1utica de \u00c9lite Utilizamos cookies propias y de terceros para analizar el uso de la web y mejorar tu experiencia. Puedes aceptar todas las cookies o configurar tus preferencias. Consulta nuestra Pol\u00edtica de cookies. Solo esenciales Aceptar todas Nosotros Servicios Proyectos Calendario 2026 Trabaja con nosotros Contacto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":26,"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/www.panoramasportpro.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}