/* Detail page: one coherent navigation row, no duplicate identity block.
   The only icons are meaningful controls: return, light and dark. */
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-top{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:0!important;
 min-height:64px!important;
 padding:8px clamp(12px,3vw,28px)!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-top .ek-personal-brand{
 display:none!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions{
 display:flex!important;
 flex:1 1 auto!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:space-between!important;
 min-width:0!important;
 width:100%!important;
 max-width:100%!important;
 gap:clamp(6px,2vw,16px)!important;
 margin:0!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav{
 display:flex!important;
 flex:1 1 auto!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:flex-start!important;
 min-width:0!important;
 max-width:100%!important;
 width:auto!important;
 gap:clamp(5px,1.8vw,20px)!important;
 overflow:visible!important;
 scroll-snap-type:none!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:4px!important;
 flex:0 1 auto!important;
 min-width:0!important;
 min-height:44px!important;
 white-space:nowrap!important;
 padding:8px 0!important;
 font:500 clamp(9px,2.5vw,12px)/1.3 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:0!important;
 text-transform:uppercase!important;
 text-decoration:none!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav a.ek-detail-back-link{
 gap:5px!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-back-link .ek-lucide-arrow-left{
 display:block!important;
 width:15px!important;
 height:15px!important;
 flex:none!important;
 stroke:currentColor!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-theme-toggle{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 flex:0 0 44px!important;
 width:44px!important;
 height:44px!important;
 margin:0!important;
 padding:9px!important;
 background:transparent!important;
 color:inherit!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-theme-toggle:is(:hover,:focus-visible){
 background:currentColor!important;
 background-color:transparent!important;
 opacity:1!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-theme-toggle .ek-lucide{
 width:20px!important;height:20px!important;
 stroke:currentColor!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-detail-theme-toggle:focus-visible,
body[data-route="/sobre-mi/detalle/"] .ek-detail-nav-actions nav a:focus-visible{
 outline:2px solid currentColor!important;
 outline-offset:2px!important;
 border-radius:5px!important;
}
@media(max-width:390px){
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-top{
  padding-inline:10px!important;
 }
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav a{
  font-size:9px!important;
 }
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions{
  gap:6px!important;
 }
}

/* Two editorial anchors left; back and appearance controls right. */
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav{
 justify-content:flex-start!important;
 gap:clamp(10px,3.5vw,28px)!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav .ek-detail-back-link{
 margin-left:auto!important;flex:none!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions{
 column-gap:clamp(8px,2.7vw,18px)!important;
}
@media(max-width:390px){
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav{gap:10px!important}
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-detail-nav-actions nav a{font-size:10px!important}
}

/* About detail: invitation follows Spotify without changing the established copy. */
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-music-appointment{
 display:grid;
 justify-items:start;
 gap:clamp(14px,3vw,20px);
 margin-top:clamp(28px,5vw,38px)!important;
 padding-top:clamp(20px,4vw,28px)!important;
 border-top:1px solid currentColor;
 border-color:color-mix(in srgb,currentColor 22%,transparent);
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-music-appointment p{
 margin:0!important;
 max-width:44ch;
 font:400 clamp(15px,2vw,18px)/1.55 var(--ek-font-body,Inter,Arial,sans-serif)!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking,
body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking:visited{
 box-sizing:border-box!important;
 display:inline-flex!important;
 justify-content:center!important;align-items:center!important;
 min-height:44px!important;min-width:158px!important;
 padding:11px 24px!important;
 border:1px solid #303b32!important;
 border-radius:999px!important;
 text-decoration:none!important;
 background:#303b32!important;color:#f4f0e7!important;
 font:500 15px/1.3 var(--ek-font-body,Inter,Arial,sans-serif)!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking:hover{
 background:#425747!important;color:#fff!important;
}
:root[data-ek-theme="dark"] body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking,
body[data-route="/sobre-mi/detalle/"].ek-detail-dark .ek-personal-html a.ek-personal-music-booking{
 background:#f4f0e7!important;color:#27382e!important;border-color:#f4f0e7!important;
}
:root[data-ek-theme="dark"] body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking:hover,
body[data-route="/sobre-mi/detalle/"].ek-detail-dark .ek-personal-html a.ek-personal-music-booking:hover{
 background:#fff!important;color:#27382e!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking:focus-visible{
 outline:2px solid currentColor!important;outline-offset:3px!important;
}
/* Keep the floating return control compact while retaining a 44px touch target. */
body[data-route="/sobre-mi/detalle/"] .ek-personal-fixed-back{
 min-height:44px!important;
 padding:8px 12px!important;
 right:clamp(12px,3vw,20px)!important;
 bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
 font:500 clamp(12px,2vw,14px)/1.2 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:0!important;
 border-radius:999px!important;
}
@media(max-width:700px){
 body[data-route="/sobre-mi/detalle/"] .ek-personal-html .ek-personal-music-appointment{
  margin-top:26px!important;
 }
 body[data-route="/sobre-mi/detalle/"] .ek-personal-fixed-back{
  font-size:12px!important;
  padding-inline:10px!important;
 }
}

/* On dark detail pages the cream booking pill always uses dark ink,
   regardless of inherited editorial link color or WebKit text-fill. */
:root[data-ek-theme="dark"] body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking,
:root[data-ek-theme="dark"] body[data-route="/sobre-mi/detalle/"] .ek-personal-html a.ek-personal-music-booking :is(span,strong),
body[data-route="/sobre-mi/detalle/"].ek-detail-dark .ek-personal-html a.ek-personal-music-booking{
 color:#27382e!important;
 -webkit-text-fill-color:#27382e!important;
 text-shadow:none!important;
 opacity:1!important;
}