html body .corner-brand{position:fixed!important;z-index:60;top:var(--brand-top,34px)!important;left:var(--brand-left,43px)!important;width:var(--brand-width,150px)!important;padding:0!important;box-sizing:content-box;transform:none!important;transition:none!important;filter:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important}
html body .corner-brand img{display:block;width:100%;height:auto;opacity:0}
html body .corner-brand::after{content:"";position:absolute;inset:0;background:var(--brand-color,#fff);mask:url('/assets/logoll-nuevo-blanco.png') center/100% 100% no-repeat;-webkit-mask:url('/assets/logoll-nuevo-blanco.png') center/100% 100% no-repeat;pointer-events:none}
html[data-theme=dark] body .corner-brand::after{background:#fff}
@media(max-width:600px){html body .corner-brand{display:none!important}}

@media(min-width:601px) and (max-width:1600px){html body .corner-brand{display:block!important;opacity:var(--brand-compact-opacity,1)}html body .corner-brand.compact-hidden{visibility:hidden;pointer-events:none}}
/* Main menu: Comunicación digital, Comunicación visual and Presencia digital unfold one at a time. */
html body .site-menu .menu-categories{display:block;margin:4px 0 18px}
html body .site-menu .menu-category{border-bottom:1px solid rgba(107,38,156,.16)}
html body .site-menu .menu-category>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;list-style:none;cursor:pointer;font:400 18px/1.3 Caviar,sans-serif;color:#6b269c}
html[data-theme="dark"] body .site-menu .menu-category>summary{color:#f7f3eb}
html body .site-menu .menu-category>summary::-webkit-details-marker{display:none}
html body .site-menu .menu-category>summary:focus-visible{outline:2px solid #6b269c;outline-offset:3px;border-radius:4px}
html body .site-menu .menu-category-chevron{flex:none;width:18px;height:18px;transition:transform .25s ease}
html body .site-menu .menu-category[open] .menu-category-chevron{transform:rotate(180deg)}
html body .site-menu .menu-category-links{display:grid;grid-template-columns:1fr;padding:0 0 14px 14px}
html body .site-menu .menu-category-links>a{padding:7px 0!important;border:0!important}
@media(max-width:600px){html body .site-menu .menu-category>summary{font-size:16px;padding:12px 0}html body .site-menu .menu-category-links{padding-left:10px}}
@media(prefers-reduced-motion:reduce){html body .site-menu .menu-category-chevron{transition:none}}
/* Soluciones: second-level fold inside Presencia digital. */
html body .site-menu .menu-subcategory>summary{display:flex;align-items:center;gap:8px;padding:7px 0;list-style:none;cursor:pointer;font-size:15px;line-height:1.4}
@media(max-width:600px){html body .site-menu .menu-subcategory>summary{font-size:12px}}
html body .site-menu .menu-subcategory>summary::-webkit-details-marker{display:none}
html body .site-menu .menu-subcategory>summary:focus-visible{outline:2px solid #6b269c;outline-offset:3px;border-radius:4px}
html body .site-menu .menu-subcategory-chevron{flex:none;width:15px;height:15px;transition:transform .25s ease}
html body .site-menu .menu-subcategory[open] .menu-subcategory-chevron{transform:rotate(90deg)}
html body .site-menu .menu-subcategory-links{display:grid;margin:2px 0 4px 2px;padding-left:14px;border-left:1px solid rgba(107,38,156,.22)}
html body .site-menu .menu-subcategory-links>a{padding:6px 0!important;border:0!important}
@media(prefers-reduced-motion:reduce){html body .site-menu .menu-subcategory-chevron{transition:none}}
/* Narrower menu panel; Contacto and Blog as two equal cards, Sobre mí and Herramientas a little larger. */
@media(min-width:601px){html body .site-menu.is-open{width:min(492px,calc(100vw - 32px))!important}}
html body .site-menu .menu-bottom-row.menu-bottom-cards{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:stretch}
html body .site-menu .menu-bottom-cards .menu-secondary{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0;padding:0;border:0}
html body .site-menu nav .menu-bottom-cards .menu-secondary a{font:500 14px/1.25 DM,sans-serif;padding:0}
html body .site-menu .menu-feature-cards{display:grid;grid-template-columns:repeat(2,118px);gap:10px}
html body .site-menu nav .menu-feature-cards .menu-blog-feature{width:auto;min-width:0;margin:0;padding:16px 10px;min-height:94px;box-sizing:border-box}
html body .site-menu .menu-feature-cards .menu-blog-title{display:flex;align-items:center;justify-content:center;gap:8px}
html body .site-menu .menu-feature-icon{flex:none;width:17px;height:17px}
/* Contacto and Blog cards: large icon centred above a centred label. */
html body .site-menu nav .menu-feature-cards .menu-blog-feature{flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
html body .site-menu nav .menu-feature-cards .menu-blog-feature:hover{padding-left:10px}
html body .site-menu .menu-feature-cards .menu-feature-icon{width:28px;height:28px}
/* Zagal: integrado debajo de Sobre mí y Herramientas (base / desktop) */
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item{display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;text-decoration:none;color:inherit}
html body .site-menu .menu-secondary .menu-zagal-wa{width:18px;height:18px;flex:none;margin-top:1px}
html body .site-menu .menu-secondary .menu-zagal-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.2}
html body .site-menu .menu-secondary .menu-zagal-text strong{font:600 13px/1.2 DM,sans-serif;color:inherit}
html body .site-menu .menu-secondary .menu-zagal-text small{font:400 11px/1.2 DM,sans-serif;color:#c3b8cd;white-space:nowrap}
html[data-theme="light"] body .site-menu .menu-secondary .menu-zagal-text small{color:#75617e}
html body .site-menu .menu-bottom-row.menu-bottom-cards{grid-template-columns:1fr;row-gap:12px;align-items:stretch}
html body .site-menu .menu-bottom-cards .menu-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;justify-content:flex-start}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:11px 14px;margin-top:2px;border-radius:10px;background:#c7a0dd12;transition:background .2s ease}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item:hover,
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item:active{background:#c7a0dd22}
html[data-theme="light"] body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item{background:#6b269c0c}
html[data-theme="light"] body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item:hover,
html[data-theme="light"] body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item:active{background:#6b269c18}
html body .site-menu .menu-secondary .menu-zagal-item::after{content:"";margin-left:auto;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.45;flex:none;transition:transform .2s ease,opacity .2s ease}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-item:hover::after{opacity:.8;transform:translate(2px,0) rotate(45deg)}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-wa{width:22px;height:22px;margin-top:0}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-text strong{font-size:14px}
html body .site-menu nav .menu-bottom-cards .menu-secondary .menu-zagal-text small{font-size:11.5px}
html body .site-menu .menu-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .site-menu nav .menu-feature-cards .menu-blog-feature{min-height:80px;padding:12px 10px}

/* Menú (móvil y escritorio): los servicios mandan; Sobre mí y Herramientas son enlaces secundarios justo debajo; Zagal destaca en verde
   a todo el ancho; Contacto y Blog quedan como dos botones bajos, solo con texto. */
html body .site-menu nav .menu-bottom-row.menu-bottom-cards{row-gap:10px}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 24px;margin:0;padding:0;border:0}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary>a:not(.menu-zagal-item){font:400 13px/1.3 DM,sans-serif;padding:2px 0;opacity:.75}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-item{flex:0 0 100%;margin-top:12px;padding:14px 16px;gap:14px;border-radius:14px;background:#25d3661f}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-item:hover,
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-item:active{background:#25d36633}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-wa{width:28px;height:28px}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-text strong{font-size:16px}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-secondary .menu-zagal-text small{font-size:12px}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-feature-cards .menu-blog-feature{min-height:0;padding:12px 10px}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-feature-cards .menu-feature-icon{display:none}
html body .site-menu nav .menu-bottom-row.menu-bottom-cards .menu-feature-cards .menu-blog-title{font-size:15px}