/*
Theme Name: Enlace Externo 10s
Description: Página de espera y redirección automática a una URL externa, con contador configurable, botón de acceso y diseño responsive. Inspirado en la plantilla Blogger aportada por el usuario.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: enlace-externo-10s
*/

:root{color-scheme:light}
*{box-sizing:border-box}
html,body{width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;background:#f4f5f7!important;font-family:Arial,Helvetica,sans-serif!important;color:#6b7280!important;overflow-x:hidden!important}
#fh-overlay{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;min-height:100dvh!important;width:100%!important;padding:20px!important;background:#f4f5f7!important}
#fh-card{display:block!important;width:100%!important;max-width:568px!important;min-height:302px!important;background:#fff!important;border-radius:17px!important;padding:28px 24px 22px!important;text-align:center!important;box-shadow:0 14px 32px rgba(18,35,62,.08)!important;margin:auto!important}
#fh-badge{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0 0 17px!important;min-height:28px!important;color:#00a447!important;font-weight:600!important;font-size:14px!important;flex-wrap:wrap!important}
#fh-check{width:28px!important;height:28px!important;border:1px solid #b7ebca!important;border-radius:6px!important;background:#edf9f1!important;color:#08a849!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;font-size:20px!important}
#fh-label{color:#009e47!important}
#fh-domain{color:#1469e8!important;overflow-wrap:anywhere}
#fh-title{font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important;margin:0 0 7px!important;color:#777!important;padding:0!important;border:0!important}
#fh-subtitle{font-family:Arial,Helvetica,sans-serif!important;color:#64748b!important;font-size:14px!important;line-height:1.55!important;margin:0 0 15px!important}
#fh-loading{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 0 15px!important;height:46px!important}
#fh-spinner{height:46px!important;width:46px!important;flex:none!important;border:4px solid #e4e7ec!important;border-top-color:#23c467!important;border-radius:50%!important;animation:fh-rotate .8s linear infinite!important}
@keyframes fh-rotate{to{transform:rotate(360deg)}}
#fh-timepill{min-width:88px!important;border-radius:100px!important;background:#f0f2f5!important;color:#0f172a!important;padding:8px 16px!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important}
#fh-hint{font-family:Arial,Helvetica,sans-serif!important;color:#91a0b9!important;font-size:13px!important;line-height:1.4!important;margin:0 0 16px!important}
#fh-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 19px!important;min-height:44px!important;border-radius:10px!important;border:0!important;background:#12b9eb!important;color:white!important;font:bold 14px Arial,Helvetica,sans-serif!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(18,185,235,.2)!important;cursor:pointer!important}
#fh-button:hover{background:#00a7da!important}
#fh-button:focus-visible{outline:3px solid #81defb!important;outline-offset:3px!important}
#fh-button[aria-disabled="true"]{pointer-events:none!important;opacity:.55!important}
#fh-error{display:none;color:#b91c1c;font-size:12px;margin:12px 0 0}
#fh-error.is-visible{display:block}
@media(max-width:480px){#fh-overlay{padding:16px!important}#fh-card{min-height:0!important;padding:27px 16px 24px!important}#fh-badge{font-size:13px!important;gap:8px!important}#fh-title{font-size:24px!important}#fh-subtitle{font-size:13px!important}#fh-hint{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){#fh-spinner{animation-duration:2s!important}}