.sl-reloj{position:relative;width:min(100%,430px);aspect-ratio:430/820;overflow:hidden;margin:auto;border-radius:28px;background:#eee;color:#fff;box-shadow:0 24px 60px rgba(45,27,18,.22);font-family:system-ui,-apple-system,sans-serif;isolation:isolate}
.sl-reloj__scene{position:absolute;inset:-2%;background-position:center;background-size:cover;transition:opacity 1.4s ease;will-change:transform,opacity}
.sl-reloj__scene--day{opacity:1;animation:slMorningStretch 6s ease-in-out infinite}
.sl-reloj__scene--night{opacity:0;animation:slSleepBreath 5s ease-in-out infinite}
.sl-reloj.is-night .sl-reloj__scene--day{opacity:0}
.sl-reloj.is-night .sl-reloj__scene--night{opacity:1}
.sl-reloj__clock{position:absolute;z-index:2;top:7%;left:0;width:100%;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.42)}
.sl-reloj__time{display:block;font:300 clamp(54px,17vw,78px)/1 Georgia,serif;letter-spacing:-2px}
.sl-reloj__name{margin-top:10px;font-size:20px;font-weight:600}
.sl-reloj__hint{position:absolute;z-index:2;bottom:18px;left:14px;right:14px;text-align:center;font-size:12px;opacity:.78;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.sl-reloj__controls{position:absolute;z-index:3;left:12px;right:12px;bottom:42px;display:flex;justify-content:center;gap:7px}
.sl-reloj__controls button{border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:8px 12px;background:rgba(20,15,13,.62);color:#fff;backdrop-filter:blur(8px);cursor:pointer}
@keyframes slMorningStretch{0%,30%,100%{transform:scale(1.015) translateY(0)}65%{transform:scale(1.04) translateY(7px)}}
@keyframes slSleepBreath{0%,100%{transform:scale(1.015)}50%{transform:scale(1.025)}}
@media(max-width:480px){.sl-reloj{border-radius:0;aspect-ratio:9/16}.sl-reloj__hint{bottom:12px}}
@media(prefers-reduced-motion:reduce){.sl-reloj__scene{animation:none}}
.sl-personaliza{width:100%;max-width:100%;box-sizing:border-box;margin:18px 0;padding:16px;border:1px solid #dbc99f;border-radius:14px;background:#fbf7ef!important;color:#5a3a29!important;overflow:hidden;opacity:1!important}
.sl-personaliza *{box-sizing:border-box;opacity:1!important}
.sl-personaliza h3{margin:0 0 12px;color:#5a3a29!important;font-size:21px;line-height:1.2;text-transform:none}
.sl-personaliza label,.sl-personaliza small{display:block;color:#5a3a29!important;font-size:13px;line-height:1.4;text-transform:none}
.sl-personaliza input[type="text"],.sl-personaliza input[type="file"],.sl-personaliza select{display:block;width:100%!important;max-width:100%!important;min-width:0;margin:7px 0 14px;padding:11px;border:1px solid #c6a15b;border-radius:9px;background:#fff!important;color:#39271f!important;font-size:14px}
.sl-personaliza input[type="file"]{padding:7px;overflow:hidden;white-space:nowrap}
.sl-personaliza input[type="file"]::file-selector-button{max-width:58%;margin-right:8px;padding:8px;border:0;border-radius:7px;background:#5a3a29;color:#fff;font-size:12px}
.sl-personaliza .sl-opcion,.sl-personaliza .sl-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#5a3a29}
.sl-personaliza .sl-opcion input,.sl-personaliza .sl-check input{width:auto;margin:0}
.sl-personaliza [hidden]{display:none!important}.sl-panel{width:100%;padding-top:8px}.sl-aviso,.sl-ayuda{font-size:13px!important;line-height:1.5;color:#735846!important}
.sl-personaliza small{font-size:12px;color:#735846}
.sl-reloj-producto .woocommerce-product-details__short-description,.sl-reloj-producto .woocommerce-product-details__short-description p{color:#5a3a29!important;opacity:1!important;text-shadow:none!important}
.sl-panel-title{display:block;margin:4px 0 10px;color:#5a3a29!important;font-weight:700;font-size:14px}
.sl-pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.sl-pet-card{position:relative;display:grid!important;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:1px 9px;align-items:center;margin:0!important;padding:9px;border:1px solid #dac89f;border-radius:12px;background:#fff;color:#5a3a29!important;cursor:pointer}
.sl-pet-card input{position:absolute;opacity:0!important;pointer-events:none}
.sl-pet-card img,.sl-pet-empty{grid-row:1/3;width:54px;height:54px;border-radius:50%;object-fit:cover;background:#f4efe7;display:grid;place-items:center}
.sl-pet-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5a3a29!important;font-size:14px}.sl-pet-card span:last-child{color:#8b7040!important;font-size:11px}
.sl-pet-card:has(input:checked){border:2px solid #c6a15b;padding:8px;box-shadow:0 0 0 3px rgba(198,161,91,.14)}
@media(max-width:480px){.sl-personaliza{padding:14px}.sl-personaliza input[type="file"]::file-selector-button{max-width:54%;padding:7px 5px}}
@media(max-width:350px){.sl-pet-grid{grid-template-columns:1fr}}