/* Microinteracciones del header premium, aisladas del resto del sitio */
@keyframes uc-header-entry{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes uc-wave-glow{from{opacity:.76;filter:brightness(.96)}to{opacity:.98;filter:brightness(1.05)}}
@keyframes uc-logo-glow{from{filter:drop-shadow(0 10px 18px rgba(4,36,82,.17))}to{filter:drop-shadow(0 10px 22px rgba(36,192,255,.28))}}
@keyframes uc-underline-in{from{transform:scaleX(.25);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes uc-submenu-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.uc-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:uc-header-entry .62s cubic-bezier(.2,.75,.25,1) both}
#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:230px}
.uc-utility{top:22px;height:84px;gap:7px;padding-inline:10px}
.uc-utility-item.uc-utility-hours-item{max-width:42%;align-items:center;white-space:normal;font-size:12px;line-height:1.3}
.uc-utility-hours-item>span{white-space:normal}
.uc-header-shell:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:82px;border-radius:0 0 65px 65px;background:url("./assets/Header_Uroclinic_2026/Kit_Header_Uroclinic_Premium/assets/decoraciones/04_onda_inferior_degradada.svg") center bottom/100% 100% no-repeat;opacity:.52;pointer-events:none}
.uc-energy-wave{animation:uc-wave-glow 8s ease-in-out 1s infinite alternate}
.uc-logo-wrap{animation:uc-logo-glow 7s ease-in-out 1.2s infinite alternate}
.uc-nav .active:after{transform-origin:left center;animation:uc-underline-in .42s ease-out both}
.uc-nav a:not(.active):after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:2px;background:#1682ff;box-shadow:0 0 8px rgba(0,101,255,.42);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}
.uc-nav a:not(.active):hover:after,.uc-nav a:not(.active):focus-visible:after{transform:scaleX(1)}
.uc-dropdown:focus-within:not(.open) .uc-submenu{display:none;opacity:0;transform:translateY(7px)}
.uc-submenu{animation:none;transition:opacity .18s ease,transform .18s ease}
.uc-dropdown.open .uc-submenu,.uc-dropdown:focus-within .uc-submenu{animation:uc-submenu-in .18s ease-out both}
@media(max-width:1100px){.uc-utility{justify-content:center}.uc-utility>.uc-utility-item:not(.uc-utility-hours-item),.uc-utility>.uc-separator{display:none!important}.uc-utility>.uc-utility-item.uc-utility-hours-item{display:flex;max-width:100%;font-size:12px}}
@media(max-width:860px){.uc-header-shell:after{height:26px;border-radius:0 0 28px 28px}}
/* Proporciones compactas para que el header ceda espacio al contenido */
.uc-site-header{padding:12px 16px 0}
.uc-header-shell{height:210px;border-radius:44px}
.uc-utility{top:14px;left:210px;right:190px;height:76px;gap:8px;padding-inline:12px}
.uc-utility-item{font-size:13px}
.uc-utility-item.uc-utility-hours-item{max-width:46%;font-size:11.5px}
.uc-logo-wrap{left:10px;top:12px;width:184px;height:184px}
.uc-mainbar{top:96px;left:188px;right:14px;min-height:88px;padding:12px 16px 12px 38px;border-radius:54px;gap:12px}
.uc-nav{gap:clamp(10px,1.45vw,24px)}
.uc-nav a,.uc-nav button{font-size:clamp(13px,.95vw,16px);padding:9px 1px}
.uc-actions{gap:8px}
.uc-actions:before{height:42px;margin-right:7px}
.uc-phone,.uc-book{height:46px;padding-inline:15px;gap:8px;font-size:clamp(12px,.85vw,15px)}
.uc-phone img,.uc-book img{width:19px;height:19px}
.uc-header-shell:after{height:58px;border-radius:0 0 44px 44px}
@media(max-width:1350px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:216px}.uc-site-header{padding:10px 14px 0}.uc-header-shell{height:196px;border-radius:38px}.uc-utility{top:12px;left:182px;right:24px;height:72px}.uc-utility-item{font-size:12px}.uc-utility-item.uc-utility-hours-item{max-width:45%;font-size:11px}.uc-logo-wrap{left:8px;top:10px;width:166px;height:166px}.uc-mainbar{top:88px;left:170px;right:10px;min-height:82px;padding:10px 12px 10px 30px;border-radius:48px;gap:8px}.uc-nav{gap:12px}.uc-actions{gap:6px}.uc-actions:before{height:38px;margin-right:4px}.uc-phone,.uc-book{height:43px;padding-inline:12px;font-size:12px}.uc-phone img,.uc-book img{width:18px;height:18px}.uc-header-shell:after{height:52px;border-radius:0 0 38px 38px}}
@media(max-width:1100px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:200px}.uc-site-header{padding:9px 12px 0}.uc-header-shell{height:180px;border-radius:30px}.uc-utility{top:9px;left:165px;right:16px;height:72px;justify-content:space-between}.uc-utility>.uc-utility-item:not(.uc-utility-hours-item){display:flex!important}.uc-utility>.uc-separator{display:block!important}.uc-utility-item{font-size:11px}.uc-utility-item.uc-utility-hours-item{max-width:54%;font-size:10px}.uc-logo-wrap{left:7px;top:10px;width:148px;height:148px}.uc-mainbar{top:82px;left:154px;right:8px;min-height:78px;padding:9px 9px 9px 25px;border-radius:42px;gap:7px}.uc-nav{gap:10px}.uc-nav a,.uc-nav button{font-size:12px}.uc-book{height:40px;padding-inline:11px;font-size:11px}.uc-book img{width:16px;height:16px}.uc-header-shell:after{height:42px;border-radius:0 0 30px 30px}}
@media(max-width:860px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:108px}.uc-site-header{padding:8px 10px 0}.uc-header-shell{height:96px;border-radius:24px}.uc-energy-wave{width:58%;height:82px;top:0}.uc-kidney-holo{width:76px;height:76px;right:12px;opacity:.18}.uc-logo-wrap{left:5px;top:6px;width:84px;height:84px}.uc-mainbar{top:14px;left:76px;right:7px;min-height:68px;padding:6px 8px 6px 20px;border-radius:22px}.uc-nav{top:74px;left:-64px;right:0}.uc-book{height:38px;padding-inline:10px;font-size:12px}.uc-book img{width:17px;height:17px}.uc-mobile-toggle{padding:7px}.uc-mobile-toggle img{width:19px;height:19px}.uc-header-shell:after{height:22px;border-radius:0 0 24px 24px}}
@media(max-width:430px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:100px}.uc-header-shell{height:88px}.uc-logo-wrap{left:4px;top:7px;width:76px;height:76px}.uc-mainbar{top:14px;left:69px;right:6px;min-height:62px;padding:5px 6px 5px 16px;gap:5px}.uc-nav{top:68px;left:-59px}.uc-book{height:36px;padding-inline:8px;font-size:11px}.uc-book img{width:15px;height:15px}.uc-mobile-toggle{padding:6px}.uc-mobile-toggle img{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.uc-site-header,.uc-energy-wave,.uc-logo-wrap,.uc-nav .active:after,.uc-submenu{animation:none!important;transition:none!important}}
.uc-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:860px){.uc-nav{left:-64px;transform:none}}
@media(max-width:430px){.uc-nav{left:-59px;transform:none}}
/* Segunda compactación solicitada, conservando la jerarquía de las dos barras */
#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:185px}
.uc-site-header{padding:9px 14px 0}
.uc-header-shell{height:168px;border-radius:38px}
.uc-utility{top:9px;left:168px;right:160px;height:64px;gap:6px;padding-inline:10px}
.uc-utility-item.uc-utility-hours-item{max-width:46%;font-size:10px;line-height:1.22}
.uc-logo-wrap{left:8px;top:9px;width:146px;height:146px}
.uc-mainbar{top:77px;left:150px;right:10px;min-height:70px;padding:8px 12px 8px 30px;border-radius:44px;gap:9px}
.uc-phone,.uc-book{height:40px;padding-inline:12px;font-size:12px}
.uc-phone img,.uc-book img{width:17px;height:17px}
.uc-header-shell:after{height:46px;border-radius:0 0 38px 38px}
@media(max-width:1350px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:172px}.uc-site-header{padding:8px 12px 0}.uc-header-shell{height:157px;border-radius:34px}.uc-utility{top:7px;left:150px;right:16px;height:62px}.uc-utility-item.uc-utility-hours-item{max-width:46%;font-size:9.5px}.uc-logo-wrap{left:7px;top:7px;width:133px;height:133px}.uc-mainbar{top:70px;left:136px;right:8px;min-height:66px;padding:7px 10px 7px 26px;border-radius:40px;gap:7px}.uc-nav{gap:10px}.uc-actions{gap:5px}.uc-actions:before{height:32px;margin-right:3px}.uc-phone,.uc-book{height:37px;padding-inline:10px;font-size:11px}.uc-phone img,.uc-book img{width:16px;height:16px}.uc-header-shell:after{height:42px;border-radius:0 0 34px 34px}}
@media(max-width:1100px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:160px}.uc-site-header{padding:8px 10px 0}.uc-header-shell{height:144px;border-radius:28px}.uc-utility{top:6px;left:132px;right:10px;height:60px}.uc-utility-item{font-size:10px}.uc-utility-item.uc-utility-hours-item{max-width:54%;font-size:9px}.uc-logo-wrap{left:6px;top:8px;width:118px;height:118px}.uc-mainbar{top:65px;left:122px;right:6px;min-height:62px;padding:6px 8px 6px 22px;border-radius:36px;gap:6px}.uc-nav{gap:8px}.uc-nav a,.uc-nav button{font-size:11px}.uc-book{height:35px;padding-inline:9px;font-size:10px}.uc-book img{width:15px;height:15px}.uc-header-shell:after{height:36px;border-radius:0 0 28px 28px}}
@media(max-width:860px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:85px}.uc-site-header{padding:6px 8px 0}.uc-header-shell{height:77px;border-radius:21px}.uc-energy-wave{height:68px}.uc-kidney-holo{width:62px;height:62px;right:10px}.uc-logo-wrap{left:4px;top:5px;width:67px;height:67px}.uc-mainbar{top:11px;left:61px;right:6px;min-height:54px;padding:4px 6px 4px 16px;border-radius:19px}.uc-nav{top:58px;left:-51px;right:0;transform:none}.uc-book{height:34px;padding-inline:9px;font-size:11px}.uc-book img{width:15px;height:15px}.uc-mobile-toggle{padding:6px}.uc-mobile-toggle img{width:17px;height:17px}.uc-header-shell:after{height:18px;border-radius:0 0 21px 21px}}
@media(max-width:430px){#inicio,#doctor,#especialidades,#clinica,#contacto,#contacto-directo,#ubicaciones{scroll-margin-top:78px}.uc-header-shell{height:70px}.uc-logo-wrap{left:4px;top:5px;width:61px;height:61px}.uc-mainbar{top:10px;left:55px;right:5px;min-height:50px;padding:3px 5px 3px 12px;gap:4px}.uc-nav{top:54px;left:-47px;transform:none}.uc-book{height:32px;padding-inline:7px;font-size:10px}.uc-book img{width:14px;height:14px}.uc-mobile-toggle{padding:5px}.uc-mobile-toggle img{width:16px;height:16px}}

/* Horarios en tooltip: hover con mouse y activación táctil */
.uc-utility{z-index:15}
.uc-utility-hours-item{max-width:none!important;flex:0 0 auto;overflow:visible}
.uc-hours-trigger{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;padding:0;border:1px solid rgba(170,231,255,.38);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.uc-hours-trigger:hover{transform:translateY(-1px);border-color:rgba(187,242,255,.82);background:rgba(255,255,255,.17)}
.uc-hours-trigger:focus-visible{outline:2px solid #9deaff;outline-offset:3px}
.uc-hours-trigger img{width:20px!important;height:20px!important;flex:none!important;filter:none}
.uc-hours-mobile-trigger{display:none}
.uc-hours-popover{position:absolute;z-index:30;top:60px;right:clamp(16px,8vw,160px);width:min(292px,calc(100vw - 32px));padding:16px 18px;border:1px solid #d6e8f9;border-radius:18px;background:rgba(255,255,255,.98);color:#082b62;box-shadow:0 18px 46px rgba(5,44,94,.2);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.uc-header-shell.hours-open .uc-hours-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.uc-hours-popover>strong{display:block;margin-bottom:10px;color:#082b62;font-size:15px;line-height:1.3}
.uc-hours-popover p{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px;margin:0;padding:8px 0;color:#405b7c;font-size:12px;line-height:1.45}
.uc-hours-popover p+p{border-top:1px solid #e8f0f8}
.uc-hours-popover p b{color:#183d67;font-size:12px}
.uc-hours-popover p span{text-align:right}
@media(max-width:1350px){.uc-hours-popover{right:16px}}
@media(max-width:1100px){.uc-hours-popover{right:10px}}
@media(max-width:860px){.uc-utility{display:none}.uc-hours-mobile-trigger{display:grid;width:32px;height:32px;flex-basis:32px}.uc-hours-mobile-trigger img{width:18px!important;height:18px!important}.uc-hours-popover{top:calc(100% + 6px);right:8px;width:min(292px,calc(100vw - 24px))}}
@media(max-width:430px){.uc-hours-mobile-trigger{width:29px;height:29px;flex-basis:29px}.uc-hours-mobile-trigger img{width:16px!important;height:16px!important}.uc-hours-popover{right:6px}}

/* En escritorio, ambas barras comparten ancho y altura; la cita queda al extremo derecho */
@media(min-width:861px){
  .uc-utility{left:150px;right:10px;height:70px}
  .uc-mainbar{left:150px;right:10px;min-height:70px}
  .uc-actions{margin-left:auto}
}
@media(min-width:1101px) and (max-width:1350px){
  .uc-utility{left:136px;right:8px;height:66px}
  .uc-mainbar{left:136px;right:8px;min-height:66px}
}
@media(min-width:861px) and (max-width:1100px){
  .uc-utility{left:122px;right:6px;height:62px}
  .uc-mainbar{left:122px;right:6px;min-height:62px}
}

/* Contraste visible para el botón de horarios en el header móvil claro */
@media(max-width:860px){
  .uc-mainbar .uc-hours-mobile-trigger{border:1px solid #78aef6;background:linear-gradient(145deg,#f4f9ff,#dcecff);color:#0b1f5e;box-shadow:0 3px 10px #1265f526}
  .uc-mainbar .uc-hours-mobile-trigger img{filter:brightness(0) saturate(100%) invert(25%) sepia(96%) saturate(2660%) hue-rotate(211deg) brightness(99%) contrast(103%)!important}
}
