{"id":14,"date":"2026-09-09T07:59:42","date_gmt":"2026-09-09T07:59:42","guid":{"rendered":"https:\/\/mrosolutions.es\/?page_id=14"},"modified":"2026-09-09T08:18:18","modified_gmt":"2026-09-09T08:18:18","slug":"inicio","status":"publish","type":"page","link":"https:\/\/mrosolutions.es\/","title":{"rendered":"inicio"},"content":{"rendered":"\n<style>\n  :root{\n    --bg:#F1EEE6;\n    --bg-alt:#E7E2D3;\n    --surface:#FBFAF6;\n    --ink:#17140F;\n    --ink-soft:#55503F;\n    --ink-mute:#6E6852;\n    --accent:#1F4D3D;\n    --accent-2:#3E7A5E;\n    --line:#D9D2BE;\n    --line-strong:#C6BEA6;\n    --font-display:'Fraunces', serif;\n    --font-body:'Inter', sans-serif;\n    --font-mono:'IBM Plex Mono', monospace;\n    --mro-ease: cubic-bezier(.16,1,.3,1);\n    --mro-ease-snap: cubic-bezier(.22,.61,.36,1);\n  }\n  *{box-sizing:border-box; margin:0; padding:0;}\n  html{scroll-behavior:smooth;}\n  body{background:var(--bg); color:var(--ink); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased;}\n  a{color:inherit; text-decoration:none;}\n  img,svg{display:block; max-width:100%;}\n  .mro-wrap{\n    max-width:1120px !important;\n    width:100% !important;\n    margin-left:auto !important;\n    margin-right:auto !important;\n    padding-left:32px !important;\n    padding-right:32px !important;\n    box-sizing:border-box !important;\n  }\n  ::selection{background:var(--accent); color:#fff;}\n  :focus-visible{outline:2px solid var(--accent); outline-offset:3px;}\n\n  \/* ===== CookieAdmin: banner de cookies con estilo de marca ===== *\/\n  .cookieadmin_consent_inside{ border-color: var(--line-strong) !important; border-radius:6px !important; }\n  #cookieadmin_notice_title{ color: var(--ink) !important; font-family: var(--font-display) !important; font-weight:600 !important; }\n  #cookieadmin_notice{ color: var(--ink-soft) !important; font-family: var(--font-body) !important; }\n  .cookieadmin_btn{ border-color: var(--line-strong) !important; color: var(--ink) !important; font-family: var(--font-body) !important; border-radius:3px !important; transition: border-color .15s ease, color .15s ease !important; }\n  .cookieadmin_btn:hover{ border-color: var(--accent) !important; color: var(--accent) !important; }\n  #cookieadmin_accept_button{ background-color: var(--accent) !important; border-color: var(--accent) !important; color:#fff !important; }\n  #cookieadmin_accept_button:hover{ background-color: var(--accent-2) !important; border-color: var(--accent-2) !important; color:#fff !important; }\n\n  \/* ===== Astra: bot\u00f3n \"volver arriba\" con el color de marca ===== *\/\n  #ast-scroll-top{\n    background-color: var(--accent) !important;\n    border-radius: 50% !important;\n    width: 44px !important;\n    height: 44px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-shadow: 0 4px 14px -4px rgba(23,20,15,.4) !important;\n  }\n  #ast-scroll-top:hover{ background-color: var(--accent-2) !important; }\n\n  .mro-highlight{ color: var(--accent); font-weight:600; }\n\n  \/* ===== NAV ===== *\/\n  .mro-header{position:sticky; top:0; z-index:50; background:rgba(241,238,230,0.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}\n  .mro-nav{display:flex; align-items:center; justify-content:space-between; padding:16px 32px; gap:24px;}\n  .mro-logo{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:600; font-size:19px; letter-spacing:-0.01em;}\n  .mro-logo-mark{width:36px; height:36px; flex-shrink:0; object-fit:contain;}\n  .mro-logo-lockup, .mro-header .mro-logo img{height:56px; width:auto; object-fit:contain;}\n  .mro-menu{display:flex; align-items:center; gap:28px; margin-left:auto;}\n  .mro-menu a{font-family:var(--font-mono); font-size:13px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft); position:relative; padding-bottom:2px; transition:color .15s ease;}\n  .mro-menu a::after{content:''; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--accent); transition:right .3s var(--mro-ease-snap);}\n  .mro-menu a:hover{color:var(--accent);}\n  .mro-menu a:hover::after{right:0;}\n  .mro-nav-cta{display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#fff; font-family:var(--font-body); font-weight:600; font-size:13.5px; padding:11px 20px; border-radius:3px; transition:background .15s ease, transform .35s var(--mro-ease-snap), box-shadow .35s var(--mro-ease-snap); flex-shrink:0;}\n  .mro-nav-cta:hover{background:var(--accent-2); transform:translateY(-2px); box-shadow:0 8px 20px -8px rgba(23,20,15,.35);}\n  .mro-nav-trust{font-family:var(--font-mono); font-size:11.5px; color:var(--ink-mute); text-transform:uppercase; letter-spacing:0.03em; white-space:nowrap;}\n  @media (max-width:960px){ .mro-nav-trust{display:none;} }\n  @media (max-width:860px){ .mro-menu{display:none;} }\n\n  \/* ===== HERO ===== *\/\n  .mro-hero{position:relative; padding:100px 0 110px; overflow:hidden;}\n  .mro-hero-amp{position:absolute; top:-60px; right:-20px; font-family:var(--font-display); font-style:italic; font-weight:600; font-size:560px; line-height:1; color:var(--accent); opacity:0.015; pointer-events:none; user-select:none;}\n  .mro-hero-inner{position:relative; z-index:1; max-width:780px;}\n  .mro-kicker{font-family:var(--font-mono); font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent); margin-bottom:24px; display:inline-block; border-bottom:1px solid var(--accent); padding-bottom:4px;}\n  .mro-h1{font-family:var(--font-display); font-weight:600; font-size:clamp(38px, 6vw, 68px); line-height:1.04; letter-spacing:-0.02em; margin-bottom:28px;}\n  .mro-h1 em{font-style:italic; color:var(--accent); font-weight:600;}\n  .mro-hero p.mro-sub{font-size:19px; line-height:1.6; color:var(--ink-soft); max-width:520px; margin-bottom:38px;}\n  .mro-hero-ctas{display:flex; gap:24px; flex-wrap:wrap; align-items:center; margin-bottom:44px;}\n  .mro-btn-primary{background:var(--accent); color:#fff; font-family:var(--font-body); font-weight:600; font-size:15px; padding:15px 28px; border-radius:3px; border:none; cursor:pointer; transition:background .15s ease, transform .35s var(--mro-ease-snap), box-shadow .35s var(--mro-ease-snap); display:inline-flex; align-items:center; gap:8px;}\n  .mro-btn-primary:hover{background:var(--accent-2); transform:translateY(-2px); box-shadow:0 8px 20px -8px rgba(23,20,15,.35);}\n  .mro-btn-text{font-family:var(--font-body); font-weight:600; font-size:15px; color:var(--ink); border-bottom:1px solid var(--ink); padding-bottom:2px; transition:color .15s ease, border-color .15s ease;}\n  .mro-btn-text:hover{color:var(--accent); border-color:var(--accent);}\n  .mro-trust-row{font-family:var(--font-mono); font-size:13.5px; color:var(--ink-mute); border-top:1px solid var(--line); padding-top:20px; max-width:480px;}\n\n  \/* ===== SHARED SECTION ===== *\/\n  .mro-section{padding:96px 0;}\n  .mro-section-head{max-width:620px; margin-bottom:56px;}\n  .mro-section-head .mro-kicker{margin-bottom:18px;}\n  .mro-h2{font-family:var(--font-display); font-weight:600; font-size:clamp(28px,3.4vw,40px); letter-spacing:-0.01em; margin-bottom:16px; line-height:1.1;}\n  .mro-section-head p{color:var(--ink-soft); font-size:17.5px; line-height:1.6;}\n\n  \/* ===== PROBLEM ===== *\/\n  .mro-problem{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; overflow:hidden;}\n  #servicios::after{\n    content:'';\n    position:absolute; inset:-25%;\n    background:\n      radial-gradient(circle at 20% 30%, rgba(31,77,61,0.045), transparent 45%),\n      radial-gradient(circle at 80% 70%, rgba(62,122,94,0.055), transparent 50%);\n    animation: mro-drift 13s ease-in-out infinite alternate;\n    pointer-events:none;\n    z-index:0;\n  }\n  @keyframes mro-drift{\n    0%{ transform: translate(-5%, -4%) scale(1); }\n    100%{ transform: translate(6%, 5%) scale(1.16); }\n  }\n  @media (prefers-reduced-motion: reduce){\n    #servicios::after{ animation:none; }\n  }\n  .mro-plist{border-top:1px solid var(--line-strong);}\n  .mro-plist-item{display:grid; grid-template-columns:110px 1fr; gap:24px; padding:38px 0; border-bottom:1px solid var(--line-strong);}\n  .mro-plist-num{font-family:var(--font-display); font-weight:500; font-size:44px; color:var(--accent); line-height:1;}\n  .mro-plist-item .mro-h3{font-family:var(--font-display); font-weight:600; font-size:21px; margin-bottom:8px;}\n  .mro-plist-item p{color:var(--ink-soft); font-size:16.5px; line-height:1.6; max-width:560px;}\n\n  \/* ===== Malla hexagonal unificada \u2014 ligada al scroll, no a un temporizador ===== *\/\n  .mro-hex-grid, .mro-hex-grid-problem, .mro-hex-grid-process, .mro-hex-grid-case, .mro-hex-grid-portfolio, .mro-hex-grid-hero{\n    position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden;\n  }\n  .mro-hexicon{\n    position:absolute;\n    width:230px; height:230px;\n    margin-left:-115px; margin-top:-115px;\n    background-image:url(\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/icon-512.png\");\n    background-size:contain; background-repeat:no-repeat;\n    opacity:0.0125;\n    will-change: opacity, transform;\n  }\n  @media (prefers-reduced-motion: reduce){ .mro-hexicon{ opacity:0.0125; transform:none !important; } }\n  @media (prefers-reduced-motion: reduce){ .mro-hex-logo-portfolio{ animation:none; opacity:0.03; } }\n  .mro-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line-strong);}\n  .mro-card{padding:34px 28px 34px 0; border-right:1px solid var(--line-strong); transition:transform .3s var(--mro-ease-snap);}\n  .mro-card:hover{transform:translateY(-3px);}\n  .mro-card:last-child{border-right:none; padding-right:0;}\n  .mro-card:not(:first-child){padding-left:28px;}\n  .mro-card.mro-featured .mro-tag-from{color:var(--accent);}\n  .mro-tag-from{font-family:var(--font-mono); font-size:11px; color:var(--ink-mute); text-transform:uppercase; letter-spacing:0.06em; display:block; margin-bottom:14px;}\n  .mro-card-price{font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--accent); display:block; margin-bottom:14px;}\n  .mro-card-price em{font-style:normal; font-family:var(--font-mono); font-size:12px; color:var(--ink-mute); font-weight:400;}\n  .mro-card .mro-h3{font-family:var(--font-display); font-size:22px; font-weight:600; margin-bottom:12px;}\n  .mro-card p{color:var(--ink-soft); font-size:15.5px; line-height:1.55; margin-bottom:18px;}\n  .mro-card ul{list-style:none;}\n  .mro-card li{display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--ink-soft); margin-bottom:9px;}\n  .mro-card li::before{content:'\u2014'; color:var(--accent); flex-shrink:0;}\n\n  \/* ===== PORTFOLIO ===== *\/\n  .mro-portfolio{background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n  .mro-portfolio-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}\n  .mro-portfolio-item{background:var(--bg); border:1px solid var(--line-strong); border-radius:6px; overflow:hidden; transition:transform .3s var(--mro-ease-snap), box-shadow .3s var(--mro-ease-snap);}\n  .mro-portfolio-item:hover{transform:translateY(-4px); box-shadow:0 16px 32px -16px rgba(23,20,15,.25);}\n  .mro-portfolio-item .mro-portfolio-imgwrap{overflow:hidden;}\n  .mro-portfolio-item img{width:100%; aspect-ratio:900\/620; object-fit:cover; display:block; transition:transform .5s var(--mro-ease-snap);}\n  .mro-portfolio-item:hover img{transform:scale(1.045);}\n  .mro-portfolio-caption{padding:20px 22px;}\n  .mro-portfolio-caption b{font-family:var(--font-display); font-size:18px; font-weight:600; display:block; margin-bottom:4px;}\n  .mro-portfolio-caption span{font-family:var(--font-mono); font-size:12px; color:var(--ink-mute); text-transform:uppercase; letter-spacing:0.04em;}\n\n  \/* ===== PROCESS ===== *\/\n  .mro-process{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n  .mro-process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; position:relative;}\n  .mro-process-num{font-family:var(--font-display); font-style:italic; font-size:15px; color:var(--accent); margin-bottom:16px; display:block;}\n  .mro-process-step .mro-h3{font-family:var(--font-display); font-size:20px; font-weight:600; margin-bottom:10px;}\n  .mro-process-step p{color:var(--ink-soft); font-size:15.5px; line-height:1.55;}\n\n  \/* ===== CASE ===== *\/\n  .mro-case{padding:64px 0;}\n  .mro-case-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:center;}\n  .mro-case-visual{background:var(--surface); border:1px solid var(--line-strong); padding:48px; display:flex; align-items:center; justify-content:center;}\n  .mro-case-visual img{width:170px;}\n  .mro-case-copy p{color:var(--ink-soft); font-size:17px; line-height:1.6; margin-bottom:18px;}\n  .mro-case-stats{display:flex; gap:40px; margin-top:28px; border-top:1px solid var(--line-strong); padding-top:24px;}\n  .mro-case-stat b{display:block; font-family:var(--font-display); font-size:28px; color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums;}\n  .mro-case-stat span{font-size:12.5px; color:var(--ink-mute); font-family:var(--font-mono);}\n\n  \/* ===== CTA \/ FORM ===== *\/\n  .mro-cta-section{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n  .mro-pong{position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;}\n  .mro-pong-hint{\n    position:absolute; top:20px; right:32px; z-index:1;\n    font-family:var(--font-mono); font-size:11.5px; color:var(--ink-mute);\n    text-transform:uppercase; letter-spacing:0.04em;\n    background:var(--surface); border:1px solid var(--line-strong); border-radius:20px;\n    padding:6px 14px; pointer-events:none;\n  }\n  @media (max-width:760px){ .mro-pong-hint{ display:none; } }\n  .mro-cta-grid{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}\n  .mro-cta-copy ul{list-style:none; margin-top:28px;}\n  .mro-cta-copy li{display:flex; gap:10px; align-items:flex-start; margin-bottom:16px; color:var(--ink-soft); font-size:16px;}\n  .mro-cta-copy li::before{content:'\u2014'; color:var(--accent); flex-shrink:0;}\n  .mro-form-card{background:rgba(251,250,246,0.82); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid var(--line-strong); padding:36px;}\n  .mro-form-card .mro-h3{font-family:var(--font-display); font-size:22px; font-weight:600; margin-bottom:6px;}\n  .mro-form-card > p{color:var(--ink-soft); font-size:14.5px; margin-bottom:26px;}\n  .mro-field{margin-bottom:20px;}\n  .mro-field label{display:block; font-size:12.5px; color:var(--ink-mute); margin-bottom:8px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.04em;}\n  .mro-field input, .mro-field select{width:100%; background:transparent; border:none; border-bottom:1px solid var(--line-strong); border-radius:0; padding:10px 2px; color:var(--ink); font-size:15px; font-family:var(--font-body);}\n  .mro-field input:focus, .mro-field select:focus{border-color:var(--accent); outline:none;}\n  .mro-form-card .mro-btn-primary{width:100%; justify-content:center; margin-top:10px;}\n  .mro-form-privacy{font-size:12px; color:var(--ink-mute); margin-top:14px; text-align:center; line-height:1.5;}\n\n  \/* ===== FOOTER ===== *\/\n  .mro-footer{border-top:1px solid var(--line); padding:48px 0 32px;}\n  .mro-footer-row{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:24px;}\n  .mro-footer-row .mro-logo{font-size:16px;}\n  .mro-footer-col b{display:block; font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-mute); margin-bottom:12px;}\n  .mro-footer-col a, .mro-footer-col span{display:block; color:var(--ink-soft); font-size:14px; margin-bottom:8px;}\n  .mro-footer-col a:hover{color:var(--accent);}\n  .mro-footer-links a{color:var(--ink-soft); font-size:14.5px; margin-left:24px; font-family:var(--font-mono);}\n  .mro-footer-links a:hover{color:var(--accent);}\n  .mro-footer-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:36px; padding-top:24px; border-top:1px solid var(--line);}\n  .mro-footer .mro-copyright{color:var(--ink-mute); font-size:12.5px; font-family:var(--font-mono);}\n  .mro-footer-legal a{color:var(--ink-mute); font-size:12.5px; font-family:var(--font-mono); margin-left:18px;}\n  .mro-footer-legal a:hover{color:var(--accent);}\n\n  @media (max-width:860px){\n    .mro-hero-amp{font-size:280px; top:-20px;}\n    .mro-cards{grid-template-columns:1fr; border-top:1px solid var(--line-strong);}\n    .mro-card{border-right:none; border-bottom:1px solid var(--line-strong); padding:28px 0 !important;}\n    .mro-process-grid{grid-template-columns:1fr; gap:36px;}\n    .mro-case-grid{grid-template-columns:1fr; gap:32px;}\n    .mro-cta-grid{grid-template-columns:1fr;}\n    .mro-plist-item{grid-template-columns:60px 1fr;}\n    .mro-plist-num{font-size:30px;}\n    .mro-portfolio-grid{grid-template-columns:1fr;}\n  }\n\n  \/* ===== Restyle WPForms ===== *\/\n  .wpforms-container{margin:0 !important;}\n  .wpforms-form .wpforms-field{padding:0 !important; margin-bottom:20px !important;}\n  .wpforms-form .wpforms-field-label{\n    display:block; font-size:12.5px !important; color:var(--ink-mute) !important;\n    margin-bottom:8px !important; font-family:var(--font-mono) !important;\n    text-transform:uppercase; letter-spacing:0.04em; font-weight:400 !important;\n  }\n  .wpforms-form input[type=text],\n  .wpforms-form input[type=email],\n  .wpforms-form select{\n    width:100% !important; background:transparent !important;\n    border:none !important; border-bottom:1px solid var(--line-strong) !important;\n    border-radius:0 !important; padding:10px 2px !important;\n    color:var(--ink) !important; font-size:15px !important;\n    font-family:var(--font-body) !important; box-shadow:none !important;\n  }\n  .wpforms-form input[type=text]:focus,\n  .wpforms-form input[type=email]:focus,\n  .wpforms-form select:focus{\n    border-color:var(--accent) !important; outline:none !important; box-shadow:none !important;\n  }\n  .wpforms-form button[type=submit]{\n    width:100% !important; background:var(--accent) !important; color:#fff !important;\n    font-family:var(--font-body) !important; font-weight:600 !important; font-size:15px !important;\n    padding:15px 28px !important; border-radius:3px !important; border:none !important;\n    cursor:pointer; margin-top:10px !important;\n  }\n  .wpforms-form button[type=submit]:hover{background:var(--accent-2) !important;}\n  .wpforms-field-required{color:var(--accent) !important;}\n\n  \/* ===== Full-bleed ===== *\/\n  .mro-header, .mro-footer, .mro-section{\n    width:100vw;\n    margin-left:calc(-50vw + 50%);\n    margin-right:calc(-50vw + 50%);\n  }\n  .mro-form-card{\n    max-width:560px !important;\n    width:100% !important;\n    margin:48px auto !important;\n    box-sizing:border-box !important;\n  }\n\n  \/* ============================================\n     SISTEMA DE ANIMACI\u00d3N \u2014 ligado al scroll\n     Firma: los titulares se revelan palabra a palabra\n     a medida que scrolleas (no de golpe).\n     ============================================ *\/\n  .mro-split .mro-word{\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: bottom;\n  }\n  .mro-split .mro-word > span{\n    display: inline-block;\n    transform: translateY(115%);\n    transition: transform .05s linear;\n  }\n  .mro-reveal{\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity .05s linear, transform .05s linear;\n  }\n  .mro-reveal-group > *{\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity .05s linear, transform .05s linear;\n  }\n\n  \/* ===== Marca de agua de fondo: logo real, ritmo alterno y ordenado ===== *\/\n  .mro-problem, #servicios, .mro-process, .mro-cta-section, .mro-case, .mro-portfolio{\n    position: relative;\n    overflow: hidden;\n  }\n  .mro-problem .mro-wrap, #servicios .mro-wrap, .mro-process .mro-wrap, .mro-cta-section .mro-wrap, .mro-case .mro-wrap, .mro-portfolio .mro-wrap{\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ===== Accesibilidad: respeta si el usuario pide menos movimiento ===== *\/\n  @media (prefers-reduced-motion: reduce){\n    *{transition:none !important; animation:none !important;}\n    .mro-split .mro-word > span,\n    .mro-reveal, .mro-reveal-group > *{\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n<\/style>\n<header class=\"mro-header\">\n  <nav class=\"mro-nav mro-wrap\">\n    <div class=\"mro-logo\">\n      <img decoding=\"async\" src=\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/06-lockup-horizontal-fondo-claro.png\" alt=\"MRO Solutions\">\n    <\/div>\n    <div class=\"mro-menu\">\n      <a href=\"#portfolio\">Portfolio<\/a>\n      <a href=\"#servicios\">Servicios<\/a>\n      <a href=\"#proceso\">Proceso<\/a>\n      <a href=\"#agenda\">Contacto<\/a>\n    <\/div>\n    <span class=\"mro-nav-trust\">Respuesta &lt;24h<\/span>\n    <a href=\"#agenda\" class=\"mro-nav-cta\">Agenda tu consultor\u00eda<\/a>\n  <\/nav>\n<\/header>\n\n<section class=\"mro-section mro-hero\">\n  <div class=\"mro-hex-grid-hero\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-hero-amp\">&amp;<\/div>\n  <div class=\"mro-wrap mro-hero-inner mro-reveal-group\">\n    <span class=\"mro-kicker\">Dise\u00f1o Web &#038; Branding<\/span>\n    <h1 class=\"mro-h1 mro-split\">Lo primero que se nota<br>no es tu logo.<br><em>Es tu tipograf\u00eda.<\/em><\/h1>\n    <p class=\"mro-sub\">Dise\u00f1amos marcas y webs donde cada letra est\u00e1 <strong class=\"mro-highlight\">elegida a prop\u00f3sito<\/strong> \u2014 no por defecto. Porque tu marca se juzga antes de que alguien lea una sola palabra.<\/p>\n    <div class=\"mro-hero-ctas\">\n      <a href=\"#agenda\" class=\"mro-btn-primary\">\n        Agenda tu consultor\u00eda gratuita\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/a>\n      <a href=\"#servicios\" class=\"mro-btn-text\">Ver servicios<\/a>\n    <\/div>\n    <p class=\"mro-trust-row\">Branding + Web, dise\u00f1ados como <strong class=\"mro-highlight\">un solo sistema<\/strong> \u2014 no como dos encargos sueltos.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"mro-section mro-problem mro-reveal-group\">\n  <div class=\"mro-hex-grid-problem\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-wrap\">\n    <div class=\"mro-section-head\">\n      <span class=\"mro-kicker\">El problema<\/span>\n      <h2 class=\"mro-h2 mro-split\">3 se\u00f1ales de que tu marca te est\u00e1 frenando<\/h2>\n      <p>Ninguna de estas es un problema de producto \u2014 es que tu imagen no est\u00e1 contando la historia correcta todav\u00eda.<\/p>\n    <\/div>\n    <div class=\"mro-plist\">\n      <div class=\"mro-plist-item\">\n        <span class=\"mro-plist-num\">01<\/span>\n        <div>\n          <h3 class=\"mro-h3\">Tu logo lo hiciste t\u00fa, o con un generador autom\u00e1tico<\/h3>\n          <p>Funciona en la foto de perfil, pero <strong class=\"mro-highlight\">se rompe<\/strong> en cuanto lo necesitas en serio.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"mro-plist-item\">\n        <span class=\"mro-plist-num\">02<\/span>\n        <div>\n          <h3 class=\"mro-h3\">Tu Instagram y tu web no parecen del mismo negocio<\/h3>\n          <p>Cada punto de contacto distinto <strong class=\"mro-highlight\">resta confianza<\/strong> en vez de sumarla.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"mro-plist-item\">\n        <span class=\"mro-plist-num\">03<\/span>\n        <div>\n          <h3 class=\"mro-h3\">No tienes ni un PDF con los archivos de tu marca<\/h3>\n          <p>Cada vez que te lo piden, es <strong class=\"mro-highlight\">un l\u00edo<\/strong> buscar el archivo bueno.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"portfolio\" class=\"mro-section mro-portfolio mro-reveal-group\">\n  <div class=\"mro-hex-grid-portfolio\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-wrap\">\n    <div class=\"mro-section-head\">\n      <span class=\"mro-kicker\">Portfolio<\/span>\n      <h2 class=\"mro-h2 mro-split\">Dos ejemplos recientes de c\u00f3mo trabajamos<\/h2>\n      <p>M\u00e1s casos en camino \u2014 esto es una muestra de lo \u00faltimo que hemos dise\u00f1ado.<\/p>\n    <\/div>\n    <div class=\"mro-portfolio-grid mro-reveal-group\">\n      <div class=\"mro-portfolio-item\">\n        <div class=\"mro-portfolio-imgwrap\"><img decoding=\"async\" src=\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/portfolio-dulceria51.jpg\" alt=\"Dulceria51 \u2014 Tartas de boda, Academia y Laboratorio\"><\/div>\n        <div class=\"mro-portfolio-caption\"><b>Dulceria51<\/b><span>Tartas de boda \u00b7 Academia \u00b7 Laboratorio \u2014 Reposter\u00eda<\/span><\/div>\n      <\/div>\n      <div class=\"mro-portfolio-item\">\n        <div class=\"mro-portfolio-imgwrap\"><img decoding=\"async\" src=\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/portfolio-rafael-aylagas.jpg\" alt=\"Rafael Aylagas \u2014 Chef Privado\"><\/div>\n        <div class=\"mro-portfolio-caption\"><b>Rafael Aylagas<\/b><span>Chef Privado \u2014 Hosteler\u00eda \/ Gastronom\u00eda<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"servicios\" class=\"mro-section mro-reveal-group\">\n  <div class=\"mro-hex-grid\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-wrap\">\n    <div class=\"mro-section-head\">\n      <span class=\"mro-kicker\">Servicios<\/span>\n      <h2 class=\"mro-h2 mro-split\">Dos piezas que deber\u00edan dise\u00f1arse juntas<\/h2>\n      <p>Casi siempre se contratan por separado y por eso casi nunca encajan. Nosotros las pensamos como <strong class=\"mro-highlight\">un solo sistema<\/strong> desde el primer boceto.<\/p>\n    <\/div>\n    <div class=\"mro-cards mro-reveal-group\">\n      <div class=\"mro-card\">\n        <span class=\"mro-tag-from\">01<\/span>\n        <h3 class=\"mro-h3\">Branding e identidad<\/h3>\n        <p>Logo, paleta, tipograf\u00eda y un manual de marca claro.<\/p>\n        <ul>\n          <li>Logo + variantes y favicon<\/li>\n          <li>Paleta y tipograf\u00eda<\/li>\n          <li>Manual de marca en PDF<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mro-card\">\n        <span class=\"mro-tag-from\">02<\/span>\n        <h3 class=\"mro-h3\">Dise\u00f1o web<\/h3>\n        <p>Landing pages y sitios a medida sobre WordPress.<\/p>\n        <ul>\n          <li>Dise\u00f1o a medida, no plantillas<\/li>\n          <li>Optimizado para m\u00f3vil y velocidad<\/li>\n          <li>Formulario de leads incluido<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mro-card mro-featured\">\n        <span class=\"mro-tag-from\">03 \u2014 Recomendado<\/span>\n        <h3 class=\"mro-h3\">Paquete completo<\/h3>\n        <p>Marca y web dise\u00f1adas a la vez, por el mismo equipo.<\/p>\n        <ul>\n          <li>Todo lo de Branding + Web<\/li>\n          <li>Un \u00fanico proceso<\/li>\n          <li>Mejor precio que por separado<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"proceso\" class=\"mro-section mro-process mro-reveal-group\">\n  <div class=\"mro-hex-grid-process\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-wrap\">\n    <div class=\"mro-section-head\">\n      <span class=\"mro-kicker\">C\u00f3mo trabajamos<\/span>\n      <h2 class=\"mro-h2 mro-split\">Tres pasos, sin sorpresas a mitad de camino<\/h2>\n    <\/div>\n    <div class=\"mro-process-grid mro-reveal-group\">\n      <div class=\"mro-process-step\">\n        <span class=\"mro-process-num\">Uno<\/span>\n        <h3 class=\"mro-h3\">Descubrimiento<\/h3>\n        <p>Una llamada para entender qu\u00e9 necesitas y qu\u00e9 te est\u00e1 frenando hoy.<\/p>\n      <\/div>\n      <div class=\"mro-process-step\">\n        <span class=\"mro-process-num\">Dos<\/span>\n        <h3 class=\"mro-h3\">Direcciones<\/h3>\n        <p>Te mostramos varias direcciones visuales reales y avanzamos con la que conecte contigo.<\/p>\n      <\/div>\n      <div class=\"mro-process-step\">\n        <span class=\"mro-process-num\">Tres<\/span>\n        <h3 class=\"mro-h3\">Entrega<\/h3>\n        <p>Web publicada y archivos de marca organizados, listos para usar.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mro-section mro-case mro-reveal\">\n  <div class=\"mro-hex-grid-case\">\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.259\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.684\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.186\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.147\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.734\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.531\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.295\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.838\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.014\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.147\" data-mult=\"0.994\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 300.0px);\" data-phase=\"0.81\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.826\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.949\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.257\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.487\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.564\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.364\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.314\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.82\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.986\" data-mult=\"0.985\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.554\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.135\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.443\" data-mult=\"0.959\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.203\" data-mult=\"0.976\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.253\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.605\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.131\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.235\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.194\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.073\" data-mult=\"0.983\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.954\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.719\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.043\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 900.0px);\" data-phase=\"0.806\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.639\" data-mult=\"0.958\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.413\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.886\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.203\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.375\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.137\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.604\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.212\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 600.0px);\" data-phase=\"0.581\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 750.0px);\" data-phase=\"0.359\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 900.0px);\" data-phase=\"0.341\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.164\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.112\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.069\" data-mult=\"0.982\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.556\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.039\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.343\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.003\" data-mult=\"1.0\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 300.0px);\" data-phase=\"0.122\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 450.0px);\" data-phase=\"0.269\" data-mult=\"0.98\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 600.0px);\" data-phase=\"0.077\" data-mult=\"0.973\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 750.0px);\" data-phase=\"0.367\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 900.0px);\" data-phase=\"0.006\" data-mult=\"0.967\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.497\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.517\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.67\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.032\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.91\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.258\" data-mult=\"0.984\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + 0.0px);\" data-phase=\"0.849\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + 150.0px);\" data-phase=\"0.588\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 300.0px);\" data-phase=\"0.244\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 450.0px);\" data-phase=\"0.204\" data-mult=\"0.968\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 600.0px);\" data-phase=\"0.038\" data-mult=\"0.97\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 750.0px);\" data-phase=\"0.087\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 900.0px);\" data-phase=\"0.6\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.774\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.481\" data-mult=\"0.978\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.333\" data-mult=\"0.964\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.435\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -300.0px);\" data-phase=\"0.864\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -150.0px);\" data-phase=\"0.824\" data-mult=\"0.961\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + 0.0px);\" data-phase=\"0.303\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + 150.0px);\" data-phase=\"0.033\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 300.0px);\" data-phase=\"0.361\" data-mult=\"0.972\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 450.0px);\" data-phase=\"0.876\" data-mult=\"0.999\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 600.0px);\" data-phase=\"0.044\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 750.0px);\" data-phase=\"0.129\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.323\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + -86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.545\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -600.0px);\" data-phase=\"0.005\" data-mult=\"0.962\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -450.0px);\" data-phase=\"0.868\" data-mult=\"0.957\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -300.0px);\" data-phase=\"0.479\" data-mult=\"0.969\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -150.0px);\" data-phase=\"0.345\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + 0.0px);\" data-phase=\"0.214\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + 150.0px);\" data-phase=\"0.667\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 300.0px);\" data-phase=\"0.52\" data-mult=\"0.996\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 450.0px);\" data-phase=\"0.441\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 600.0px);\" data-phase=\"0.621\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 0.0px); top:calc(50% + -900.0px);\" data-phase=\"0.898\" data-mult=\"0.956\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 86.6px); top:calc(50% + -750.0px);\" data-phase=\"0.137\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -600.0px);\" data-phase=\"0.812\" data-mult=\"0.977\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -450.0px);\" data-phase=\"0.3\" data-mult=\"0.998\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -300.0px);\" data-phase=\"0.298\" data-mult=\"0.954\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -150.0px);\" data-phase=\"0.052\" data-mult=\"0.952\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + 0.0px);\" data-phase=\"0.727\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + 150.0px);\" data-phase=\"0.716\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 300.0px);\" data-phase=\"1.0\" data-mult=\"0.99\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 450.0px);\" data-phase=\"0.424\" data-mult=\"0.981\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 173.2px); top:calc(50% + -900.0px);\" data-phase=\"0.833\" data-mult=\"0.986\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 259.8px); top:calc(50% + -750.0px);\" data-phase=\"0.29\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -600.0px);\" data-phase=\"0.109\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -450.0px);\" data-phase=\"0.996\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -300.0px);\" data-phase=\"0.268\" data-mult=\"0.989\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -150.0px);\" data-phase=\"0.45\" data-mult=\"0.95\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + 0.0px);\" data-phase=\"0.029\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + 150.0px);\" data-phase=\"0.332\" data-mult=\"0.997\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 300.0px);\" data-phase=\"0.247\" data-mult=\"0.993\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 346.4px); top:calc(50% + -900.0px);\" data-phase=\"0.854\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 433.0px); top:calc(50% + -750.0px);\" data-phase=\"0.993\" data-mult=\"0.988\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -600.0px);\" data-phase=\"0.484\" data-mult=\"0.963\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -450.0px);\" data-phase=\"0.461\" data-mult=\"0.995\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -300.0px);\" data-phase=\"0.537\" data-mult=\"0.96\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -150.0px);\" data-phase=\"0.376\" data-mult=\"0.974\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + 0.0px);\" data-phase=\"0.191\" data-mult=\"0.979\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + 150.0px);\" data-phase=\"0.034\" data-mult=\"0.991\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 519.6px); top:calc(50% + -900.0px);\" data-phase=\"0.179\" data-mult=\"0.955\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 606.2px); top:calc(50% + -750.0px);\" data-phase=\"0.589\" data-mult=\"0.965\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 692.8px); top:calc(50% + -600.0px);\" data-phase=\"0.885\" data-mult=\"0.975\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 779.4px); top:calc(50% + -450.0px);\" data-phase=\"0.521\" data-mult=\"0.992\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 866.0px); top:calc(50% + -300.0px);\" data-phase=\"0.214\" data-mult=\"0.987\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 952.6px); top:calc(50% + -150.0px);\" data-phase=\"0.649\" data-mult=\"0.971\"><\/span>\n    <span class=\"mro-hexicon\" style=\"left:calc(50% + 1039.2px); top:calc(50% + 0.0px);\" data-phase=\"0.959\" data-mult=\"0.951\"><\/span>\n  <\/div>\n  <div class=\"mro-wrap mro-case-grid\">\n    <div class=\"mro-case-visual\">\n      <img decoding=\"async\" src=\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/icon-512.png\" alt=\"Logo de MRO Solutions\">\n    <\/div>\n    <div class=\"mro-case-copy\">\n      <span class=\"mro-kicker\">Caso real<\/span>\n      <h2 class=\"mro-h2 mro-split\">As\u00ed redise\u00f1amos nuestra propia marca<\/h2>\n      <p>MRO Solutions empez\u00f3 con un logo gen\u00e9rico y una identidad inconsistente entre Instagram y la web. Pasamos por el mismo proceso que ves arriba, y as\u00ed qued\u00f3.<\/p>\n      <div class=\"mro-case-stats\">\n        <div class=\"mro-case-stat\"><b class=\"mro-count\" data-count-to=\"5\">0<\/b><span>Direcciones exploradas<\/span><\/div>\n        <div class=\"mro-case-stat\"><b class=\"mro-count\" data-count-to=\"1\">0<\/b><span>Sistema de marca final<\/span><\/div>\n        <div class=\"mro-case-stat\"><b class=\"mro-count\" data-count-to=\"100\" data-suffix=\"%\">0<\/b><span>Coherente en todos los canales<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mro-section mro-cta-section mro-reveal-group\" id=\"agenda\">\n  <canvas class=\"mro-pong\" id=\"mroPong\"><\/canvas>\n  <span class=\"mro-pong-hint\">\ud83c\udfd3 Mueve el rat\u00f3n para jugar<\/span>\n  <div class=\"mro-wrap mro-cta-grid mro-reveal-group\">\n    <div class=\"mro-cta-copy\">\n      <span class=\"mro-kicker\">Empieza hoy<\/span>\n      <h2 class=\"mro-h2 mro-split\">\u00bfHablamos de tu marca?<\/h2>\n      <p style=\"color:var(--ink-soft); font-size:16px;\">Una llamada de 30 minutos, <strong class=\"mro-highlight\">sin compromiso<\/strong>. Revisamos tu marca y te decimos qu\u00e9 cambiar\u00eda m\u00e1s r\u00e1pido las cosas.<\/p>\n      <ul>\n        <li>Diagn\u00f3stico gratuito de tu marca actual<\/li>\n        <li>Sin permanencia ni contratos forzosos<\/li>\n        <li>Respuesta en menos de 24h<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"mro-form-card\">\n      <h3 class=\"mro-h3\">Agenda tu consultor\u00eda<\/h3>\n      <p>Te contactamos en menos de 24h.<\/p>\n      <p class=\"mro-form-privacy\">No compartimos tus datos con terceros. Solo los usamos para responder a tu consulta.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n\n<footer class=\"mro-footer\">\n  <div class=\"mro-wrap\">\n    <div class=\"mro-footer-row\">\n      <div class=\"mro-footer-col\" style=\"max-width:280px;\">\n        <img decoding=\"async\" src=\"https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/06-lockup-horizontal-fondo-claro.png\" alt=\"MRO Solutions\" style=\"height:32px; width:auto; margin-bottom:14px;\">\n        <span style=\"font-size:13.5px; color:var(--ink-mute);\">Dise\u00f1o web y branding para marcas que est\u00e1n empezando o necesitan renovarse.<\/span>\n      <\/div>\n      <div class=\"mro-footer-col\">\n        <b>Navegaci\u00f3n<\/b>\n        <a href=\"#portfolio\">Portfolio<\/a>\n        <a href=\"#servicios\">Servicios<\/a>\n        <a href=\"#proceso\">Proceso<\/a>\n        <a href=\"#agenda\">Contacto<\/a>\n      <\/div>\n      <div class=\"mro-footer-col\">\n        <b>Contacto<\/b>\n        <a href=\"mailto:mrosolutions.es@gmail.com\">mrosolutions.es@gmail.com<\/a>\n        <a href=\"https:\/\/www.instagram.com\/mro.solutions\/\">Instagram<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"mro-footer-bottom\">\n      <span class=\"mro-copyright\">\u00a9 2026 MRO Solutions. Dise\u00f1o Web &#038; Branding.<\/span>\n      <nav class=\"mro-footer-legal\">\n        <a href=\"\/privacy-policy\/\">Pol\u00edtica de Privacidad<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<script>\n(function () {\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  function clamp(v, min, max) { return Math.max(min, Math.min(max, v)); }\n\n  var startFrac = 0.92;\n  var endFrac = 0.55;\n\n  function progressFor(rectTop) {\n    var start = window.innerHeight * startFrac;\n    var end = window.innerHeight * endFrac;\n    return clamp((start - rectTop) \/ (start - end), 0, 1);\n  }\n\n  var revealEls = document.querySelectorAll('.mro-reveal, .mro-reveal-group > *');\n  var splitEls = document.querySelectorAll('.mro-split');\n  var heroAmp = document.querySelector('.mro-hero-amp');\n  var hexIcons = document.querySelectorAll('.mro-hexicon');\n\n  function splitWords(el) {\n    var i = 0;\n    (function walk(node) {\n      Array.prototype.slice.call(node.childNodes).forEach(function (child) {\n        if (child.nodeType === 3) {\n          if (!child.textContent.trim()) return;\n          var frag = document.createDocumentFragment();\n          child.textContent.split(\/(\\s+)\/).forEach(function (part) {\n            if (part.trim() === '') {\n              frag.appendChild(document.createTextNode(part));\n            } else {\n              var mask = document.createElement('span');\n              mask.className = 'mro-word';\n              var inner = document.createElement('span');\n              inner.textContent = part;\n              inner.dataset.i = i++;\n              mask.appendChild(inner);\n              frag.appendChild(mask);\n            }\n          });\n          node.replaceChild(frag, child);\n        } else if (child.nodeType === 1) {\n          if (child.tagName !== 'BR') {\n            walk(child);\n          }\n        }\n      });\n    })(el);\n  }\n  splitEls.forEach(function (el) { splitWords(el); });\n\n  function update() {\n    revealEls.forEach(function (el) {\n      var rect = el.getBoundingClientRect();\n      var p = progressFor(rect.top);\n      el.style.opacity = p;\n      el.style.transform = 'translateY(' + ((1 - p) * 10) + 'px)';\n    });\n\n    splitEls.forEach(function (container) {\n      var rect = container.getBoundingClientRect();\n      var baseP = progressFor(rect.top);\n      var words = container.querySelectorAll('.mro-word > span');\n      var n = words.length || 1;\n      words.forEach(function (span) {\n        var i = parseInt(span.dataset.i, 10) || 0;\n        var stagger = (i \/ n) * 0.6;\n        var wp = clamp((baseP - stagger) \/ (1 - stagger), 0, 1);\n        span.style.transform = 'translateY(' + ((1 - wp) * 115) + '%)';\n      });\n    });\n\n    \/* La \"&\" del Hero: de muy transparente a m\u00e1s presente, ligado al scroll de la p\u00e1gina *\/\n    if (heroAmp) {\n      var scrolledInto = clamp(window.scrollY \/ 500, 0, 1);\n      var ampOpacity = 0.0125 + scrolledInto * 0.08;\n      heroAmp.style.opacity = ampOpacity;\n      heroAmp.style.transform = 'scale(' + (1 + scrolledInto * 0.12) + ') rotate(' + (scrolledInto * 4) + 'deg)';\n    }\n\n    \/* Malla hexagonal: la opacidad y escala de cada icono fluct\u00faan seg\u00fan su posici\u00f3n\n       real en la ventana mientras haces scroll (no seg\u00fan un temporizador) *\/\n    hexIcons.forEach(function (icon) {\n      var rect = icon.getBoundingClientRect();\n      var phase = parseFloat(icon.dataset.phase) || 0;\n      var mult = parseFloat(icon.dataset.mult);\n      if (isNaN(mult)) { mult = 1; }\n      var wave = Math.sin((rect.top \/ 320) + (phase * 6.283));\n      var wave01 = (wave + 1) \/ 2;\n      var threshold = 0.9;\n      var op = 0;\n      if (wave01 > threshold) {\n        var t = (wave01 - threshold) \/ (1 - threshold);\n        var smooth = t * t * (3 - 2 * t);\n        op = smooth * 0.045 * mult;\n      }\n      icon.style.opacity = op.toFixed(3);\n    });\n  }\n\n  var ticking = false;\n  function onScroll() {\n    if (!ticking) {\n      requestAnimationFrame(function () { update(); ticking = false; });\n      ticking = true;\n    }\n  }\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onScroll);\n  update();\n\n  var counters = document.querySelectorAll('[data-count-to]');\n  if ('IntersectionObserver' in window) {\n   if (counters.length) {\n    var countIO = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n          countIO.unobserve(entry.target);\n          var el = entry.target;\n          var target = parseFloat(el.getAttribute('data-count-to'));\n          var suffix = el.getAttribute('data-suffix') || '';\n          var duration = 1000;\n          var start = null;\n          function step(ts) {\n            if (!start) start = ts;\n            var progress = Math.min((ts - start) \/ duration, 1);\n            var eased = 1 - Math.pow(1 - progress, 3);\n            el.textContent = Math.round(target * eased) + suffix;\n            if (progress < 1) requestAnimationFrame(step);\n          }\n          requestAnimationFrame(step);\n        });\n      },\n      { threshold: 0.4 }\n    );\n    counters.forEach(function (el) { countIO.observe(el); });\n   }\n  }\n\n  \/* ---- Pong jugable de fondo en \"Empieza hoy\" ---- *\/\n  var pongCanvas = document.getElementById('mroPong');\n  var pongSection = document.querySelector('.mro-cta-section');\n  var pongReady = false;\n  if (pongCanvas) {\n    if (pongSection) {\n      if (pongCanvas.getContext) {\n        pongReady = true;\n      }\n    }\n  }\n  if (pongReady) {\n    var pctx = pongCanvas.getContext('2d');\n    var pongLogo = new Image();\n    var pongLogoReady = false;\n    pongLogo.onload = function () { pongLogoReady = true; };\n    pongLogo.src = 'https:\/\/mrosolutions.es\/wp-content\/uploads\/2026\/09\/icon-512.png';\n    var pong = {\n      w: 0, h: 0,\n      ballX: 0, ballY: 0, ballVX: 3.2, ballVY: 2, ballR: 24,\n      leftY: 0, rightY: 0, paddleH: 130, paddleW: 16,\n      mouseY: null,\n      visible: false\n    };\n\n    function resizePong() {\n      pong.w = pongCanvas.width = pongSection.offsetWidth;\n      pong.h = pongCanvas.height = pongSection.offsetHeight;\n      pong.leftY = pong.h \/ 2;\n      pong.rightY = pong.h \/ 2;\n      pong.ballX = pong.w \/ 2;\n      pong.ballY = pong.h \/ 2;\n    }\n    resizePong();\n    window.addEventListener('resize', resizePong);\n\n    pongSection.addEventListener('mousemove', function (e) {\n      var rect = pongSection.getBoundingClientRect();\n      pong.mouseY = e.clientY - rect.top;\n    });\n    pongSection.addEventListener('mouseleave', function () { pong.mouseY = null; });\n\n    if ('IntersectionObserver' in window) {\n      new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) { pong.visible = entry.isIntersecting; });\n      }, { threshold: 0.1 }).observe(pongSection);\n    } else {\n      pong.visible = true;\n    }\n\n    function stepPong() {\n      var active = false;\n      if (pong.visible) {\n        if (pong.w) {\n          active = true;\n        }\n      }\n      if (active) {\n        if (pong.mouseY !== null) {\n          pong.rightY += (pong.mouseY - pong.rightY) * 0.15;\n        } else {\n          pong.rightY += (pong.ballY - pong.rightY) * 0.04;\n        }\n        var diff = pong.ballY - pong.leftY;\n        pong.leftY += Math.max(-2.8, Math.min(2.8, diff * 0.08));\n\n        pong.ballX += pong.ballVX;\n        pong.ballY += pong.ballVY;\n\n        if (pong.ballY < pong.ballR || pong.ballY > pong.h - pong.ballR) {\n          pong.ballVY *= -1;\n        }\n\n        var leftHit = false;\n        if (pong.ballX - pong.ballR < pong.paddleW + 14) {\n          if (pong.ballX - pong.ballR > 0) {\n            if (Math.abs(pong.ballY - pong.leftY) < pong.paddleH \/ 2) {\n              leftHit = true;\n            }\n          }\n        }\n        if (leftHit) {\n          pong.ballVX = Math.abs(pong.ballVX) * 1.03;\n        }\n\n        var rightHit = false;\n        if (pong.ballX + pong.ballR > pong.w - pong.paddleW - 14) {\n          if (pong.ballX < pong.w) {\n            if (Math.abs(pong.ballY - pong.rightY) < pong.paddleH \/ 2) {\n              rightHit = true;\n            }\n          }\n        }\n        if (rightHit) {\n          pong.ballVX = -Math.abs(pong.ballVX) * 1.03;\n        }\n\n        if (pong.ballX < -30 || pong.ballX > pong.w + 30) {\n          pong.ballX = pong.w \/ 2;\n          pong.ballY = pong.h \/ 2;\n          pong.ballVX = (Math.random() > 0.5 ? 1 : -1) * 3.2;\n          pong.ballVY = (Math.random() * 2 - 1) * 2.6;\n        }\n\n        pctx.clearRect(0, 0, pong.w, pong.h);\n\n        pctx.strokeStyle = 'rgba(31,77,61,0.14)';\n        pctx.setLineDash([6, 10]);\n        pctx.beginPath();\n        pctx.moveTo(pong.w \/ 2, 0);\n        pctx.lineTo(pong.w \/ 2, pong.h);\n        pctx.stroke();\n        pctx.setLineDash([]);\n\n        pctx.fillStyle = 'rgba(31,77,61,0.24)';\n        pctx.fillRect(14, pong.leftY - pong.paddleH \/ 2, pong.paddleW, pong.paddleH);\n        pctx.fillRect(pong.w - 14 - pong.paddleW, pong.rightY - pong.paddleH \/ 2, pong.paddleW, pong.paddleH);\n\n        if (pongLogoReady) {\n          pctx.save();\n          pctx.globalAlpha = 0.85;\n          pctx.drawImage(\n            pongLogo,\n            pong.ballX - pong.ballR,\n            pong.ballY - pong.ballR,\n            pong.ballR * 2,\n            pong.ballR * 2\n          );\n          pctx.restore();\n        } else {\n          pctx.beginPath();\n          pctx.arc(pong.ballX, pong.ballY, pong.ballR, 0, Math.PI * 2);\n          pctx.fillStyle = 'rgba(31,77,61,0.3)';\n          pctx.fill();\n        }\n      }\n      requestAnimationFrame(stepPong);\n    }\n    requestAnimationFrame(stepPong);\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Servicios Proceso Contacto Respuesta &lt;24h Agenda tu consultor\u00eda &amp; Dise\u00f1o Web &#038; Branding Lo primero que se notano es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":3,"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/mrosolutions.es\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}