{"id":35,"date":"2026-04-13T07:06:00","date_gmt":"2026-04-13T07:06:00","guid":{"rendered":"https:\/\/elsolsticiostudios.com\/?page_id=35"},"modified":"2026-08-04T05:51:27","modified_gmt":"2026-08-04T05:51:27","slug":"elementor-35","status":"publish","type":"page","link":"https:\/\/elsolsticiostudios.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1858fe1 e-flex e-con-boxed e-con e-parent\" data-id=\"1858fe1\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/elsolsticiostudios.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/ESS-hero-placeholder2.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_video_start&quot;:52,&quot;background_video_end&quot;:68,&quot;background_privacy_mode&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-1f4983d e-con-full e-flex e-con e-child\" data-id=\"1f4983d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a9d6417 e-flex e-con-boxed e-con e-child\" data-id=\"a9d6417\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895638c e-flex e-con-boxed e-con e-child\" data-id=\"895638c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e946d0b elementor-widget elementor-widget-image\" data-id=\"e946d0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"2048\" src=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-2048x2048.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-579\" alt=\"\" srcset=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-2048x2048.png 2048w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-300x300.png 300w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-1024x1024.png 1024w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-150x150.png 150w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-768x768.png 768w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-1536x1536.png 1536w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-700x700.png 700w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-600x600.png 600w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/ESS-glass-100x100.png 100w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f4abb1 e-con-full e-flex e-con e-parent\" data-id=\"3f4abb1\" data-element_type=\"container\" data-e-type=\"container\" id=\"portafolio\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/elsolsticiostudios.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/gradient-ESS_3.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_privacy_mode&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-aeef4e9 e-con-full e-flex e-con e-child\" data-id=\"aeef4e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7590555 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"7590555\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"coverflow-wrapper\" id=\"coverflow\">\n  <div class=\"cf-ambient\" id=\"cfAmbient\"><\/div>\n\n  <div class=\"cf-nav-zone\" id=\"zoneLeft\"><span class=\"cf-nav-arrow\">\u2039<\/span><\/div>\n  <div class=\"cf-nav-zone\" id=\"zoneRight\"><span class=\"cf-nav-arrow\">\u203a<\/span><\/div>\n\n  <div class=\"cf-viewport\">\n    <div class=\"cf-track\" id=\"cfTrack\"><\/div>\n  <\/div>\n\n  <div class=\"cf-dots\" id=\"cfDots\"><\/div>\n<\/div>\n\n<style>\n  \/* \u2500\u2500 Reset & Scope \u2500\u2500 *\/\n  .coverflow-wrapper,\n  .coverflow-wrapper * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\n  .coverflow-wrapper {\n    --cf-card-w: 260px;\n    width: 100%;\n    height: calc(var(--cf-card-w) + 100px);\n    min-height: 340px;\n    \/* Fondo verde extremadamente oscuro est\u00e1tico *\/\n    background: #071209; \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    border-radius: 16px;\n    border: 1px solid rgba(74, 222, 128, 0.1);\n    perspective: 1200px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  }\n\n  \/* \u2500\u2500 Ambient Glow \u2500\u2500 *\/\n  .cf-ambient {\n    position: absolute;\n    top: 46%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 440px;\n    height: 340px;\n    background: radial-gradient(ellipse, rgba(74,222,128,0.09) 0%, rgba(74,222,128,0.025) 45%, transparent 72%);\n    pointer-events: none;\n    z-index: 0;\n    animation: cfPulse 6s ease-in-out infinite;\n    will-change: transform;\n  }\n  @keyframes cfPulse {\n    0%, 100% { opacity: 0.65; }\n    50%      { opacity: 1; }\n  }\n\n  \/* \u2500\u2500 Viewport & Track \u2500\u2500 *\/\n  .cf-viewport {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform-style: preserve-3d;\n    z-index: 1;\n  }\n  .cf-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform-style: preserve-3d;\n  }\n\n  \/* \u2500\u2500 Cards \u2500\u2500 *\/\n  .cf-card {\n    position: absolute;\n    width: var(--cf-card-w);\n    aspect-ratio: 1 \/ 1;\n    border-radius: 14px;\n    overflow: hidden;\n    cursor: pointer;\n    pointer-events: auto;\n    outline: none;\n    box-shadow: 0 20px 60px -15px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.04);\n    will-change: transform, opacity;\n    transform: translateZ(0);\n    -webkit-box-reflect: below 4px linear-gradient(transparent 60%, rgba(255,255,255,0.04));\n    transition: box-shadow 0.5s cubic-bezier(0.2, 1, 0.3, 1);\n  }\n  .cf-card:focus-visible {\n    box-shadow: 0 0 0 3px rgba(255,255,255,0.4), 0 20px 60px -15px rgba(0,0,0,0.7);\n  }\n  .cf-card.is-active {\n    box-shadow: 0 30px 70px -15px rgba(0,0,0,0.8), 0 0 40px -10px rgba(255,255,255,0.08), 0 0 0 1px rgba(255,255,255,0.07);\n  }\n  .cf-card img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    pointer-events: none;\n    -webkit-user-drag: none;\n  }\n\n  \/* \u2500\u2500 Card Overlay Gradient \u2500\u2500 *\/\n  .cf-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to top,\n      rgba(0,0,0,0.82) 0%,\n      rgba(0,0,0,0.25) 40%,\n      transparent 65%\n    );\n    pointer-events: none;\n  }\n\n  \/* \u2500\u2500 Card Label \u2500\u2500 *\/\n  .cf-label {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 32px 16px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    pointer-events: none;\n    opacity: 0;\n    transform: translateY(8px);\n    transition:\n      opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1),\n      transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);\n  }\n  .cf-card.is-active .cf-label {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .cf-label h3 {\n    font-family: var(--e-global-typography-primary-font-family), system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    color: #FFFFFF;\n    letter-spacing: -0.01em;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.3;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  }\n  .cf-label span {\n    font-family: var(--e-global-typography-text-font-family), system-ui, sans-serif;\n    font-size: 11px;\n    font-weight: 400;\n    color: #FFFFFF;\n    letter-spacing: 0.03em;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    opacity: 0.6;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  }\n\n  \/* \u2500\u2500 Navigation Zones \u2500\u2500 *\/\n  .cf-nav-zone {\n    position: absolute;\n    top: 0;\n    width: 22%;\n    height: 100%;\n    z-index: 50;\n    cursor: pointer;\n  }\n  #zoneLeft  { left: 0; }\n  #zoneRight { right: 0; }\n\n  .cf-nav-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 34px;\n    font-weight: 200;\n    color: rgba(255,255,255,0);\n    transition: color 0.45s cubic-bezier(0.2, 1, 0.3, 1), text-shadow 0.45s cubic-bezier(0.2, 1, 0.3, 1);\n    pointer-events: none;\n    user-select: none;\n    line-height: 1;\n  }\n  #zoneLeft .cf-nav-arrow  { left: 20px; }\n  #zoneRight .cf-nav-arrow { right: 20px; }\n  .cf-nav-zone:hover .cf-nav-arrow {\n    color: rgba(255,255,255,0.22);\n    text-shadow: 0 0 18px rgba(255,255,255,0.15);\n  }\n\n  \/* \u2500\u2500 Dots \u2500\u2500 *\/\n  .cf-dots {\n    position: absolute;\n    bottom: 16px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 8px;\n    z-index: 50;\n    pointer-events: none;\n  }\n  .cf-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.15);\n    pointer-events: auto;\n    cursor: pointer;\n    transition:\n      background 0.4s cubic-bezier(0.2, 1, 0.3, 1),\n      transform 0.4s cubic-bezier(0.2, 1, 0.3, 1),\n      box-shadow 0.4s cubic-bezier(0.2, 1, 0.3, 1);\n  }\n  .cf-dot:hover {\n    background: rgba(255,255,255,0.4);\n    transform: scale(1.3);\n  }\n  .cf-dot.is-active {\n    background: #FFFFFF;\n    transform: scale(1.35);\n    box-shadow: 0 0 10px rgba(255,255,255,0.3);\n  }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .coverflow-wrapper {\n      --cf-card-w: 210px;\n      height: calc(var(--cf-card-w) + 90px);\n    }\n    .cf-ambient { width: 340px; height: 260px; }\n    .cf-card {\n      -webkit-box-reflect: none;\n    }\n  }\n  @media (max-width: 600px) {\n    .coverflow-wrapper {\n      --cf-card-w: 170px;\n      height: calc(var(--cf-card-w) + 80px);\n      border-radius: 12px;\n    }\n    .cf-ambient { width: 260px; height: 200px; }\n    .cf-nav-zone { display: none; }\n    .cf-label h3 { font-size: 12px; }\n    .cf-label span { font-size: 10px; }\n    .cf-dots { bottom: 12px; gap: 6px; }\n    .cf-dot { width: 5px; height: 5px; }\n  }\n  @media (max-width: 400px) {\n    .coverflow-wrapper {\n      --cf-card-w: 145px;\n      height: calc(var(--cf-card-w) + 70px);\n    }\n  }\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<script>\n(function () {\n    function boot() {\n        if (!document.getElementById('coverflow')) {\n            setTimeout(boot, 50);\n            return;\n        }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DATA\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const DATA = [\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000e1a3ab785c7041e25fdd1625d40b', title: 'Rockstar Girl',    tag: '8IGHT 9INE, astro'   },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000b2730c89b95b363b6806fb0dbf3b', title: 'distant glow',       tag: 'JO.' },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000b273b00a9cc2fb572ea25bd99885', title: 'heavenly',     tag: 'JO.'    },\n        { img: 'https:\/\/f4.bcbits.com\/img\/a0077929880_10.jpg', title: 'Marea',       tag: 'The Lsd Love'    },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000e1a332bcd0a05294b9c945a0af2d', title: 'Close Your Eyes',    tag: 'Swerry'      },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000e1a33228bab32693ee87e132f781', title: 'sentir',     tag: 'iyvi'      },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000b2730ea4ca7090873e51b386a351', title: 'Collide',      tag: 'Chae'    },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000e1a38b19c2fde7b11350299e750d', title: 'NORTE',       tag: '8IGHT 9INE'    },\n        { img: 'https:\/\/i.scdn.co\/image\/ab67616d0000b2732aed590fd88ffa03dbc54020', title: 'Uno Para El Otro',         tag: 'Swerry, Pili El\u00e9ctrica'      },\n    ];\n\n    const TOTAL   = DATA.length;\n    const HALF    = TOTAL \/ 2;\n    const LERP    = 0.07;\n    const SNAP    = 0.0004;\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       STATE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    let target  = 0;\n    let current = 0;\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DOM REFS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const wrapper  = document.getElementById('coverflow');\n    const track    = document.getElementById('cfTrack');\n    const dotsWrap = document.getElementById('cfDots');\n    const ambient  = document.getElementById('cfAmbient');\n    const zoneL    = document.getElementById('zoneLeft');\n    const zoneR    = document.getElementById('zoneRight');\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BUILD CARDS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const cards = [];\n    DATA.forEach((d, i) => {\n        const el = document.createElement('div');\n        el.className = 'cf-card';\n        el.setAttribute('role', 'button');\n        el.setAttribute('aria-label', d.title);\n        el.setAttribute('tabindex', '0');\n        el.innerHTML =\n            '<img decoding=\"async\" src=\"' + d.img + '\" alt=\"' + d.title + '\" loading=\"lazy\">' +\n            '<div class=\"cf-overlay\"><\/div>' +\n            '<div class=\"cf-label\"><h3>' + d.title + '<\/h3><span>' + d.tag + '<\/span><\/div>';\n\n        el.addEventListener('click', function () { setTarget(i); });\n        el.addEventListener('keydown', function (e) {\n            if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setTarget(i); }\n        });\n\n        track.appendChild(el);\n        cards.push(el);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BUILD DOTS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    const dots = [];\n    DATA.forEach(function (_, i) {\n        const d = document.createElement('div');\n        d.className = 'cf-dot';\n        d.setAttribute('role', 'button');\n        d.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n        d.addEventListener('click', function () { setTarget(i); });\n        dotsWrap.appendChild(d);\n        dots.push(d);\n    });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INFINITE LOOP NAVIGATION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function setTarget(i) {\n        var base = Math.round(target);\n        var baseWrapped = ((base % TOTAL) + TOTAL) % TOTAL;\n        var diff = i - baseWrapped;\n        if (diff > HALF)  diff -= TOTAL;\n        if (diff < -HALF) diff += TOTAL;\n        target = base + diff;\n    }\n\n    function goPrev() { target -= 1; }\n    function goNext() { target += 1; }\n\n    \/* \u2500\u2500 Continuous hover\/touch navigation \u2500\u2500 *\/\n    var hoverInterval = null;\n\n    function startPrev() {\n        clearInterval(hoverInterval);\n        goPrev();\n        hoverInterval = setInterval(goPrev, 620);\n    }\n    function startNext() {\n        clearInterval(hoverInterval);\n        goNext();\n        hoverInterval = setInterval(goNext, 620);\n    }\n    function stopNav() {\n        clearInterval(hoverInterval);\n        hoverInterval = null;\n    }\n\n    zoneL.addEventListener('mouseenter', startPrev);\n    zoneL.addEventListener('mouseleave', stopNav);\n    zoneR.addEventListener('mouseenter', startNext);\n    zoneR.addEventListener('mouseleave', stopNav);\n\n    zoneL.addEventListener('touchstart', startPrev, { passive: true });\n    zoneR.addEventListener('touchstart', startNext, { passive: true });\n\n    zoneL.addEventListener('click', function () { goPrev(); });\n    zoneR.addEventListener('click', function () { goNext(); });\n\n    \/* \u2500\u2500 Keyboard \u2500\u2500 *\/\n    document.addEventListener('keydown', function (e) {\n        if (e.key === 'ArrowLeft')  goPrev();\n        if (e.key === 'ArrowRight') goNext();\n    });\n\n    \/* \u2500\u2500 Touch swipe \u2500\u2500 *\/\n    var tx0 = 0;\n    wrapper.addEventListener('touchstart', function (e) {\n        tx0 = e.touches[0].clientX;\n        if (!e.target.closest('.cf-nav-zone')) {\n            stopNav();\n        }\n    }, { passive: true });\n    \n    wrapper.addEventListener('touchend', function (e) {\n        var dx = e.changedTouches[0].clientX - tx0;\n        if (Math.abs(dx) > 35) {\n            dx < 0 ? goNext() : goPrev();\n        }\n        stopNav();\n    }, { passive: true });\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE CARD WIDTH\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function cardWidth() {\n        return cards[0] ? cards[0].offsetWidth : 270;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       \u2605 rAF RENDER LOOP \u2605\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    var prevActive = -1;\n\n    function render() {\n        var diff = target - current;\n        if (Math.abs(diff) > SNAP) {\n            current += diff * LERP;\n        } else {\n            current = target;\n        }\n\n        var cw      = cardWidth();\n        var spacing = cw * 0.82;\n        var zDepth  = spacing * 0.9; \n        var active  = Math.round(current);\n        var activeWrapped = ((active % TOTAL) + TOTAL) % TOTAL;\n\n        for (var i = 0; i < TOTAL; i++) {\n            var rawOff = i - current;\n            var wrappedOff = ((rawOff % TOTAL) + TOTAL + HALF) % TOTAL - HALF;\n\n            var absOff = Math.abs(wrappedOff);\n\n            var x = wrappedOff * spacing;\n            var z = -absOff * zDepth;\n\n            var ry = -wrappedOff * 52;\n            ry = Math.max(-48, Math.min(48, ry));\n\n            var sc = Math.max(0.52, 1 - absOff * 0.14);\n            var op = Math.max(0, 1 - absOff * 0.32);\n            var zi = Math.round(TOTAL * 10 - absOff * 10);\n\n            cards[i].style.transform =\n                'translateX(' + x + 'px) ' +\n                'translateZ(' + z + 'px) ' +\n                'rotateY(' + ry + 'deg) ' +\n                'scale(' + sc + ')';\n            cards[i].style.opacity = op;\n            cards[i].style.zIndex  = zi;\n        }\n\n        if (activeWrapped !== prevActive) {\n            if (prevActive >= 0 && prevActive < TOTAL) cards[prevActive].classList.remove('is-active');\n            if (activeWrapped >= 0 && activeWrapped < TOTAL) cards[activeWrapped].classList.add('is-active');\n            prevActive = activeWrapped;\n        }\n\n        for (var d = 0; d < TOTAL; d++) {\n            if (d === activeWrapped) {\n                dots[d].classList.add('is-active');\n            } else {\n                dots[d].classList.remove('is-active');\n            }\n        }\n\n        var fracOff = current - Math.round(current);\n        ambient.style.transform = 'translate(calc(-50% + ' + (fracOff * spacing * 0.5) + 'px), -50%)';\n\n        requestAnimationFrame(render);\n    }\n\n    requestAnimationFrame(render);\n\n    } \/* end boot *\/\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', boot);\n    } else {\n        boot();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdcd103 e-flex e-con-boxed e-con e-child\" data-id=\"bdcd103\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-92ee7b3 e-con-full e-flex e-con e-child\" data-id=\"92ee7b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-64165eb e-con-full e-flex e-con e-child\" data-id=\"64165eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-129c710 elementor-widget elementor-widget-heading\" data-id=\"129c710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Portafolio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a933c0 e-flex e-con-boxed e-con e-child\" data-id=\"9a933c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19c460b elementor-widget elementor-widget-text-editor\" data-id=\"19c460b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Selecci\u00f3n de proyectos mezclados y masterizados en nuestro estudio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-476578a e-flex e-con-boxed e-con e-child\" data-id=\"476578a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65495c7 e-transform elementor-widget elementor-widget-html\" data-id=\"65495c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.3,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .glass-solsticio-audio {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    padding: 0;\n    background: none;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n  }\n\n  \/* Efecto Glassmorphism base con tinte oliva *\/\n  .glass-solsticio-audio::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 8px;\n    z-index: 0;\n    pointer-events: none;\n    backdrop-filter: blur(30px) saturate(180%);\n    -webkit-backdrop-filter: blur(30px) saturate(180%);\n    background: rgba(60, 76, 36, 0.65);\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.15),\n      inset 0 -16px 28px rgba(0, 0, 0, 0.06),\n      0 8px 32px rgba(0, 0, 0, 0.08);\n    transition: \n      background 0.4s cubic-bezier(0.4, 0, 0.2, 1), \n      filter 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  \/* Efecto Hover: Aumenta brillo y opacidad del fondo oliva *\/\n  .glass-solsticio-audio:hover::before {\n    background: rgba(72, 92, 42, 0.82);\n    filter: brightness(1.25);\n  }\n\n  .glass-solsticio-audio__inner {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    padding: 14px 24px;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n  }\n\n  .gs-audio-text {\n    font-family: var(--e-global-typography-text-font-family), -apple-system, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.04em;\n    color: #ffffff;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    pointer-events: none;\n    user-select: none;\n    white-space: nowrap;\n  }\n\n  .gs-audio-links {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .gs-audio-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n  }\n\n  .gs-audio-link:hover {\n    transform: scale(1.1);\n  }\n\n  .gs-audio-link:active {\n    transform: scale(1.02);\n    transition-duration: 0.1s;\n  }\n\n  \/* Estilos para las im\u00e1genes reales *\/\n  .gs-audio-link img {\n    height: 18px;\n    width: auto;\n    object-fit: contain;\n    \/* Forzamos las im\u00e1genes a blanco puro para que combinen con la est\u00e9tica oscura\/glass *\/\n    filter: brightness(0) invert(1);\n    opacity: 0.85;\n    transition: opacity 0.3s;\n    transform: translate3d(0, 0, 0);\n    backface-visibility: hidden;\n  }\n\n  .gs-audio-link:hover img {\n    opacity: 1;\n  }\n\n  @media (max-width: 640px) {\n    .glass-solsticio-audio__inner {\n      padding: 11px 18px;\n      gap: 12px;\n    }\n    .gs-audio-text { font-size: 12px; }\n    .gs-audio-link img { height: 16px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .glass-solsticio-audio::before { transition: none; }\n    .gs-audio-link { transition: none; }\n    .gs-audio-link img { transition: none; }\n  }\n<\/style>\n\n<div class=\"glass-solsticio-audio\">\n  <div class=\"glass-solsticio-audio__inner\">\n    \n    <span class=\"gs-audio-text\">Playlist<\/span>\n    \n    <div class=\"gs-audio-links\">\n      <!-- Enlace Independiente: Spotify -->\n      <a href=\"https:\/\/open.spotify.com\/playlist\/6vqolllwee1dym5IiyFGOO?si=c0c529a84a6f438b\" class=\"gs-audio-link\" aria-label=\"Escuchar en Spotify\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"http:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/Spotify_logo-scaled.png\" alt=\"Spotify\" height=\"18\">\n      <\/a>\n\n      <!-- Enlace Independiente: Apple Music -->\n      <a href=\"https:\/\/music.apple.com\/pa\/playlist\/el-solsticio-studios-portfolio\/pl.u-mJy8144sNkRpDql?l=en\" class=\"gs-audio-link\" aria-label=\"Escuchar en Apple Music\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"http:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/05\/Apple_Music_logo-scaled.png\" alt=\"Apple Music\" height=\"18\">\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41eab59 e-flex e-con-boxed e-con e-parent\" data-id=\"41eab59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81ad50e e-con-full e-flex e-con e-child\" data-id=\"81ad50e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ee5541 e-con-full e-flex e-con e-child\" data-id=\"1ee5541\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ba73f3 elementor-widget elementor-widget-heading\" data-id=\"2ba73f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"http:\/\/youtube.com\" target=\"_blank\">Preguntas Frecuentes<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c57791d elementor-widget elementor-widget-heading\" data-id=\"c57791d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elsolsticiostudios.com\/?page_id=1308\">Sobre nosotros<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5d2353 e-flex e-con-boxed e-con e-parent\" data-id=\"b5d2353\" data-element_type=\"container\" data-e-type=\"container\" id=\"servicios\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/elsolsticiostudios.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/gradientESS_3WEBP.webp&quot;,&quot;background_video_start&quot;:136,&quot;background_video_end&quot;:146,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_privacy_mode&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-af07377 e-flex e-con-boxed e-con e-child\" data-id=\"af07377\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b785a15 e-flex e-con-boxed e-con e-child\" data-id=\"b785a15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04decc0 elementor-widget elementor-widget-heading\" data-id=\"04decc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Servicios<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5f8fb8 e-flex e-con-boxed e-con e-child\" data-id=\"a5f8fb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf9b5a4 elementor-widget elementor-widget-html\" data-id=\"bf9b5a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"solsticio-glass-card\">\n    <h3 class=\"solsticio-card-title\">Song Mixing<\/h3>\n    \n    <div class=\"solsticio-card-content\">\n        <!-- Vista del Logo (Estado inicial) -->\n        <div class=\"solsticio-icon-view\">\n            <img decoding=\"async\" src=\"https:\/\/images-ext-1.discordapp.net\/external\/BhE-Rp-2LJUFJ3Vc0EUJiffDHttxmiC0SZrLVaN5itc\/http\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/FADERlogosdeservicios.png?format=webp&quality=lossless\" alt=\"Song Mixing\">\n        <\/div>\n        \n        <!-- Vista de Contenido (Al hacer Hover) -->\n        <div class=\"solsticio-features-view\">\n            <ul>\n                <li>\u25e6 Professional Level Balancing & Panning<\/li>\n                <li>\u25e6 Vocal Tuning & Advanced Processing<\/li>\n                <li>\u25e6 EQ & Dynamic Frequency Balancing<\/li>\n                <li>\u25e6 Advanced Stereo Imaging & Depth Control<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    \n    <div class=\"solsticio-card-footer\">\n        <div class=\"solsticio-card-price\">$120.00<\/div>\n        <a href=\"?add-to-cart=138\" data-product_id=\"138\" class=\"solsticio-card-btn add_to_cart_button ajax_add_to_cart\">Add To Cart<\/a>\n    <\/div>\n<\/div>\n\n<style>\n\/* === FORZAR FUENTE EN TODOS LOS ELEMENTOS === *\/\n.solsticio-glass-card,\n.solsticio-card-title,\n.solsticio-features-view li,\n.solsticio-card-price,\n.solsticio-card-btn {\n    font-family: var(--e-global-typography-secondary-font-family, var(--e-global-typography-text-font-family, sans-serif)) !important;\n}\n\n\/* === CONTENEDOR PRINCIPAL: BARRA HORIZONTAL === *\/\n.solsticio-glass-card {\n    position: relative;\n    width: 100%;\n    max-width: 1100px; \/* Expandido para formato de barra *\/\n    height: auto !important;\n    min-height: 90px; \/* Altura delgada de barra *\/\n    border-radius: 8px;\n    padding: 16px 24px;\n    \n    \/* CAMBIO CLAVE: Fila en lugar de columna *\/\n    display: flex;\n    flex-direction: row; \n    align-items: center; \/* Alineaci\u00f3n vertical al centro *\/\n    justify-content: space-between;\n    \n    box-sizing: border-box;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0 auto 15px auto; \/* Margen inferior por si pones varias barras seguidas *\/\n    \n    backdrop-filter: blur(30px) saturate(180%);\n    -webkit-backdrop-filter: blur(30px) saturate(180%);\n    background: rgba(10, 10, 10, 0.22);\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -16px 28px rgba(0, 0, 0, 0.06), 0 8px 32px rgba(0, 0, 0, 0.08);\n    transition: background 0.3s ease;\n}\n\n\/* === IZQUIERDA: T\u00cdTULO === *\/\n.solsticio-card-title {\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n    margin: 0 20px 0 0 !important; \/* Margen derecho en lugar de inferior *\/\n    text-align: left;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    flex: 0 0 160px; \/* Fija un ancho para que los t\u00edtulos de todas las barras queden alineados *\/\n    white-space: nowrap;\n}\n\n\/* === CENTRO: CONTENIDO Y ANIMACI\u00d3N === *\/\n.solsticio-card-content {\n    position: relative;\n    flex-grow: 1; \/* Ocupa todo el espacio sobrante en el medio *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 50px;\n}\n\n.solsticio-icon-view {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute; \/* Superpuesto para el intercambio suave *\/\n    width: 100%;\n    height: 100%;\n    opacity: 0.9;\n    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n\n.solsticio-icon-view img {\n    max-height: 45px; \/* Reducido para encajar en la barra horizontal *\/\n    width: auto;\n    object-fit: contain;\n}\n\n.solsticio-features-view {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease 0s, visibility 0s 0.3s;\n}\n\n\/* La lista pasa de vertical a horizontal para encajar en la barra *\/\n.solsticio-features-view ul {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex;\n    flex-direction: row; \/* Elementos en l\u00ednea *\/\n    flex-wrap: wrap; \/* Si la pantalla es peque\u00f1a, bajan de l\u00ednea solos *\/\n    justify-content: center;\n    align-items: center;\n    gap: 12px 20px; \/* Separaci\u00f3n entre cada feature *\/\n}\n\n.solsticio-features-view li {\n    color: #ffffff !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    line-height: 1 !important;\n    margin: 0 !important;\n    letter-spacing: 0.03em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap; \/* Evita que las frases se rompan por la mitad *\/\n}\n\n\/* === INTERACCI\u00d3N HOVER === *\/\n.solsticio-glass-card:hover .solsticio-icon-view {\n    opacity: 0;\n    transform: scale(0.95) translateY(-5px);\n    pointer-events: none;\n    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;\n}\n\n.solsticio-glass-card:hover .solsticio-features-view {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.4s ease 0.3s, visibility 0s 0.3s;\n}\n\n.solsticio-glass-card:hover {\n    background: rgba(20, 20, 20, 0.4); \/* Resalte sutil al pasar el mouse por la barra *\/\n}\n\n\/* === DERECHA: PRECIO Y BOT\u00d3N === *\/\n.solsticio-card-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 15px;\n    flex: 0 0 200px; \/* Fija un ancho para alinear los botones de todas las barras *\/\n}\n\n.solsticio-card-price {\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap;\n}\n\n.solsticio-card-btn {\n    background: rgba(0, 0, 0, 0.55);\n    color: #ffffff !important;\n    text-decoration: none;\n    padding: 8px 18px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    transition: background 0.3s ease, border-color 0.3s ease;\n}\n\n.solsticio-card-btn:hover {\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(255, 255, 255, 0.2);\n}\n\n\/* === ADAPTACI\u00d3N M\u00d3VIL (Opcional, para que no se rompa en tel\u00e9fonos) === *\/\n@media (max-width: 900px) {\n    .solsticio-glass-card {\n        flex-direction: column;\n        height: auto !important;\n        gap: 20px;\n        padding: 24px;\n    }\n    .solsticio-card-title,\n    .solsticio-card-footer {\n        flex: auto;\n        justify-content: center;\n        margin: 0 !important;\n    }\n    .solsticio-icon-view,\n    .solsticio-features-view {\n        position: relative; \/* Restaura el flujo normal *\/\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n    }\n    .solsticio-features-view {\n        display: none; \/* Oculta la info en m\u00f3vil para mantenerlo limpio, o quita esta l\u00ednea si quieres mostrarla siempre *\/\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c64cb5c elementor-widget elementor-widget-html\" data-id=\"c64cb5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"solsticio-glass-card\">\n    <h3 class=\"solsticio-card-title\">Stereo & Stem Mastering<\/h3>\n    \n    <div class=\"solsticio-card-content\">\n        <!-- Vista del Logo (Estado inicial) -->\n        <div class=\"solsticio-icon-view\">\n            <img decoding=\"async\" src=\"http:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/WAVEAUDlogosdeservicios.png\" alt=\"Stereo & Stem Mastering\">\n        <\/div>\n        \n        <!-- Vista de Contenido (Al hacer Hover) -->\n        <div class=\"solsticio-features-view\">\n            <ul>\n                <li>\u25e6 Final Polishing & Commercial Loudness<\/li>\n                <li>\u25e6 Stereo Image Enhancement & Cohesion<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    \n    <div class=\"solsticio-card-footer\">\n        <div class=\"solsticio-card-price\">$35.00<\/div>\n        <a href=\"?add-to-cart=294\" data-product_id=\"294\" class=\"solsticio-card-btn add_to_cart_button ajax_add_to_cart\">Add To Cart<\/a>\n    <\/div>\n<\/div>\n\n<style>\n\/* === FORZAR FUENTE EN TODOS LOS ELEMENTOS === *\/\n.solsticio-glass-card,\n.solsticio-card-title,\n.solsticio-features-view li,\n.solsticio-card-price,\n.solsticio-card-btn {\n    font-family: var(--e-global-typography-secondary-font-family, var(--e-global-typography-text-font-family, sans-serif)) !important;\n}\n\n\/* === CONTENEDOR PRINCIPAL: BARRA HORIZONTAL === *\/\n.solsticio-glass-card {\n    position: relative;\n    width: 100%;\n    max-width: 1100px;\n    height: auto !important;\n    min-height: 90px;\n    border-radius: 8px;\n    padding: 16px 24px;\n    display: flex;\n    flex-direction: row; \n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0 auto 15px auto;\n    backdrop-filter: blur(30px) saturate(180%);\n    -webkit-backdrop-filter: blur(30px) saturate(180%);\n    background: rgba(10, 10, 10, 0.22);\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -16px 28px rgba(0, 0, 0, 0.06), 0 8px 32px rgba(0, 0, 0, 0.08);\n    transition: background 0.3s ease;\n}\n\n\/* === IZQUIERDA: T\u00cdTULO === *\/\n.solsticio-card-title {\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n    margin: 0 20px 0 0 !important;\n    text-align: left;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    flex: 0 0 200px;\n    white-space: nowrap;\n}\n\n\/* === CENTRO: CONTENIDO Y ANIMACI\u00d3N === *\/\n.solsticio-card-content {\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 50px;\n}\n\n.solsticio-icon-view {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0.9;\n    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n\n.solsticio-icon-view img {\n    max-height: 45px;\n    width: auto;\n    object-fit: contain;\n}\n\n.solsticio-features-view {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease 0s, visibility 0s 0.3s;\n}\n\n.solsticio-features-view ul {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: 12px 20px;\n}\n\n.solsticio-features-view li {\n    list-style-type: none !important;\n    color: #ffffff !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    line-height: 1 !important;\n    margin: 0 !important;\n    letter-spacing: 0.03em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap;\n}\n\n\/* === INTERACCI\u00d3N HOVER === *\/\n.solsticio-glass-card:hover .solsticio-icon-view {\n    opacity: 0;\n    transform: scale(0.95) translateY(-5px);\n    pointer-events: none;\n    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;\n}\n\n.solsticio-glass-card:hover .solsticio-features-view {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.4s ease 0.3s, visibility 0s 0.3s;\n}\n\n.solsticio-glass-card:hover {\n    background: rgba(20, 20, 20, 0.4);\n}\n\n\/* === DERECHA: PRECIO Y BOT\u00d3N === *\/\n.solsticio-card-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 15px;\n    flex: 0 0 200px;\n}\n\n.solsticio-card-price {\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap;\n}\n\n.solsticio-card-btn {\n    background: rgba(0, 0, 0, 0.55);\n    color: #ffffff !important;\n    text-decoration: none;\n    padding: 8px 18px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    transition: background 0.3s ease, border-color 0.3s ease;\n}\n\n.solsticio-card-btn:hover {\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(255, 255, 255, 0.2);\n}\n\n\/* === ADAPTACI\u00d3N M\u00d3VIL === *\/\n@media (max-width: 900px) {\n    .solsticio-glass-card {\n        flex-direction: column;\n        height: auto !important;\n        gap: 20px;\n        padding: 24px;\n    }\n    .solsticio-card-title,\n    .solsticio-card-footer {\n        flex: auto;\n        justify-content: center;\n        margin: 0 !important;\n    }\n    .solsticio-icon-view,\n    .solsticio-features-view {\n        position: relative;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n    }\n    .solsticio-features-view {\n        display: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8de64 elementor-widget elementor-widget-html\" data-id=\"ae8de64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"solsticio-glass-card\">\n    <h3 class=\"solsticio-card-title\">Instrumental Production<\/h3>\n    \n    <div class=\"solsticio-card-content\">\n        <!-- Vista del Logo (Estado inicial) -->\n        <div class=\"solsticio-icon-view\">\n            <img decoding=\"async\" src=\"http:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/NOTAlogosdeservicios.png\" alt=\"Instrumental Production\">\n        <\/div>\n        \n        <!-- Vista de Contenido (Al hacer Hover) -->\n        <div class=\"solsticio-features-view\">\n            <ul>\n                <li>\u25e6 Custom Instrumental & Sound Design<\/li>\n                <li>\u25e6 Full Arrangement & Layering<\/li>\n                <li>\u25e6 Production Credits Required<\/li>\n                <li>\u25e6 Royalty Percentage on Intellectual Property<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    \n    <div class=\"solsticio-card-footer\">\n        <div class=\"solsticio-card-price\">$200.00<\/div>\n        <a href=\"?add-to-cart=630\" data-product_id=\"630\" class=\"solsticio-card-btn add_to_cart_button ajax_add_to_cart\">Add To Cart<\/a>\n    <\/div>\n<\/div>\n\n<style>\n\/* === FORZAR FUENTE EN TODOS LOS ELEMENTOS === *\/\n.solsticio-glass-card,\n.solsticio-card-title,\n.solsticio-features-view li,\n.solsticio-card-price,\n.solsticio-card-btn {\n    font-family: var(--e-global-typography-secondary-font-family, var(--e-global-typography-text-font-family, sans-serif)) !important;\n}\n\n\/* === CONTENEDOR PRINCIPAL: BARRA HORIZONTAL === *\/\n.solsticio-glass-card {\n    position: relative;\n    width: 100%;\n    max-width: 1100px;\n    height: auto !important;\n    min-height: 90px;\n    border-radius: 8px;\n    padding: 16px 24px;\n    display: flex;\n    flex-direction: row; \n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0 auto 15px auto;\n    backdrop-filter: blur(30px) saturate(180%);\n    -webkit-backdrop-filter: blur(30px) saturate(180%);\n    background: rgba(10, 10, 10, 0.22);\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -16px 28px rgba(0, 0, 0, 0.06), 0 8px 32px rgba(0, 0, 0, 0.08);\n    transition: background 0.3s ease;\n}\n\n\/* === IZQUIERDA: T\u00cdTULO === *\/\n.solsticio-card-title {\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n    margin: 0 20px 0 0 !important;\n    text-align: left;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    flex: 0 0 200px;\n    white-space: nowrap;\n}\n\n\/* === CENTRO: CONTENIDO Y ANIMACI\u00d3N === *\/\n.solsticio-card-content {\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 50px;\n}\n\n.solsticio-icon-view {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    opacity: 0.9;\n    transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n\n.solsticio-icon-view img {\n    max-height: 45px;\n    width: auto;\n    object-fit: contain;\n}\n\n.solsticio-features-view {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease 0s, visibility 0s 0.3s;\n}\n\n.solsticio-features-view ul {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: 12px 20px;\n}\n\n.solsticio-features-view li {\n    list-style-type: none !important;\n    color: #ffffff !important;\n    font-size: 13px !important;\n    font-weight: 400 !important;\n    line-height: 1 !important;\n    margin: 0 !important;\n    letter-spacing: 0.03em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap;\n}\n\n\/* === INTERACCI\u00d3N HOVER === *\/\n.solsticio-glass-card:hover .solsticio-icon-view {\n    opacity: 0;\n    transform: scale(0.95) translateY(-5px);\n    pointer-events: none;\n    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;\n}\n\n.solsticio-glass-card:hover .solsticio-features-view {\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.4s ease 0.3s, visibility 0s 0.3s;\n}\n\n.solsticio-glass-card:hover {\n    background: rgba(20, 20, 20, 0.4);\n}\n\n\/* === DERECHA: PRECIO Y BOT\u00d3N === *\/\n.solsticio-card-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 15px;\n    flex: 0 0 200px;\n}\n\n.solsticio-card-price {\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    white-space: nowrap;\n}\n\n.solsticio-card-btn {\n    background: rgba(0, 0, 0, 0.55);\n    color: #ffffff !important;\n    text-decoration: none;\n    padding: 8px 18px;\n    border-radius: 30px;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    transition: background 0.3s ease, border-color 0.3s ease;\n}\n\n.solsticio-card-btn:hover {\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(255, 255, 255, 0.2);\n}\n\n\/* === ADAPTACI\u00d3N M\u00d3VIL === *\/\n@media (max-width: 900px) {\n    .solsticio-glass-card {\n        flex-direction: column;\n        height: auto !important;\n        gap: 20px;\n        padding: 24px;\n    }\n    .solsticio-card-title,\n    .solsticio-card-footer {\n        flex: auto;\n        justify-content: center;\n        margin: 0 !important;\n    }\n    .solsticio-icon-view,\n    .solsticio-features-view {\n        position: relative;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n    }\n    .solsticio-features-view {\n        display: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38b77d5 e-flex e-con-boxed e-con e-parent\" data-id=\"38b77d5\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e62940 elementor-widget elementor-widget-html\" data-id=\"1e62940\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contacto-seccion-final\">\n  <div class=\"glass-solsticio-card\">\n    <div class=\"glass-solsticio-card__inner\">\n      <h2 class=\"gs-card-title\">Contacto | <img decoding=\"async\" src=\"http:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/04\/ELSOLSTICIOSTUDIOSLOGOFONTwhite.png\" alt=\"El Solsticio Studios\" style=\"height: 1em; vertical-align: middle;\"><\/h2>\n      \n      <div class=\"gs-card-info\">\n        <a href=\"mailto:contact@elsolsticiostudios.com\" class=\"gs-card-link\">contact@elsolsticiostudios.com<\/a>\n        <p class=\"gs-card-text\">+ 507 6921 4106<\/p>\n        <p class=\"gs-card-text\">Link para archivos: <a href=\"https:\/\/www.dropbox.com\/request\/ddehh65oc8ug2698rx0n\" target=\"_blank\" class=\"gs-card-link\">Dropbox<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* === FORZAR FUENTE PRINCIPAL DE TEXTO EN TODO EL BLOQUE === *\/\n  .contacto-seccion-final,\n  .gs-card-title,\n  .gs-card-text,\n  .gs-card-link {\n      font-family: var(--e-global-typography-text-font-family, sans-serif) !important;\n  }\n\n  \/* \u2500\u2500 Estructura y Glassmorphism \u2500\u2500 *\/\n  .contacto-seccion-final {\n    width: 100%;\n    padding: 60px 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: transparent;\n  }\n\n  .glass-solsticio-card {\n    position: relative;\n    width: 100%;\n    max-width: 650px;\n    border-radius: 8px;\n    isolation: isolate;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .glass-solsticio-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: 8px;\n    z-index: 0;\n    pointer-events: none;\n    backdrop-filter: blur(30px) saturate(180%);\n    -webkit-backdrop-filter: blur(30px) saturate(180%);\n    background: rgba(27, 33, 18, 0.70);\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.15),\n      inset 0 -16px 28px rgba(0, 0, 0, 0.06),\n      0 8px 32px rgba(0, 0, 0, 0.08);\n  }\n\n  .glass-solsticio-card__inner {\n    position: relative;\n    z-index: 2;\n    padding: 50px 40px;\n    text-align: center;\n  }\n\n  .gs-card-title {\n    font-size: 28px;\n    font-weight: 300;\n    color: #ffffff;\n    letter-spacing: 1.5px;\n    margin-bottom: 30px;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n  }\n\n  .gs-card-info {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  .gs-card-text {\n    font-size: 18px;\n    font-weight: 400;\n    color: #ffffff;\n    letter-spacing: 1.5px;\n    line-height: 1.5;\n    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n    margin: 0;\n  }\n\n  .gs-card-link {\n    font-size: 18px;\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-decoration: none;\n    color: #8ccf29; \n    transition: color 0.3s ease;\n  }\n\n  .gs-card-link:hover {\n    color: #d6ff99;\n    opacity: 1;\n  }\n\n  \/* \u2500\u2500 Mobile Optimization \u2500\u2500 *\/\n  @media (max-width: 640px) {\n    .glass-solsticio-card__inner {\n      padding: 35px 20px;\n    }\n    .gs-card-title {\n      font-size: 22px;\n    }\n    .gs-card-text, .gs-card-link {\n      font-size: 14px;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1abef8f e-con-full e-flex e-con e-parent\" data-id=\"1abef8f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cd4f3a elementor-absolute elementor-widget elementor-widget-image\" data-id=\"5cd4f3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-1024x1024.png\" class=\"attachment-large size-large wp-image-982\" alt=\"\" srcset=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-1024x1024.png 1024w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-300x300.png 300w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-150x150.png 150w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-768x768.png 768w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-1536x1536.png 1536w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-2048x2048.png 2048w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-700x700.png 700w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-600x600.png 600w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/inf_izq-100x100.png 100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0d617 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"8a0d617\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-1024x1024.png\" class=\"attachment-large size-large wp-image-983\" alt=\"\" srcset=\"https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-1024x1024.png 1024w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-300x300.png 300w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-150x150.png 150w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-768x768.png 768w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-1536x1536.png 1536w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-2048x2048.png 2048w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-700x700.png 700w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-600x600.png 600w, https:\/\/elsolsticiostudios.com\/wp-content\/uploads\/2026\/07\/sup_der-100x100.png 100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d85e444 e-flex e-con-boxed e-con e-child\" data-id=\"d85e444\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09bfb0f e-transform elementor-widget elementor-widget-heading\" data-id=\"09bfb0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.6,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We craft your sound with care | Refinando tu sonido con delicadeza<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d3a935 e-transform elementor-widget elementor-widget-heading\" data-id=\"6d3a935\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.5,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">&copy; 2026 El Solsticio Studios. All rights reserved.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a Portafolio Selecci\u00f3n de proyectos mezclados y masterizados en nuestro estudio. Playlist Preguntas Frecuentes Sobre nosotros Servicios Song Mixing \u25e6 Professional Level Balancing &#038; Panning \u25e6 Vocal Tuning &#038; Advanced Processing \u25e6 EQ &#038; Dynamic Frequency Balancing \u25e6 Advanced Stereo Imaging &#038; Depth Control $120.00 Add To Cart Stereo &#038; Stem Mastering \u25e6 Final [&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-35","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":1064,"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/1417"}],"wp:attachment":[{"href":"https:\/\/elsolsticiostudios.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}