html,body{height:100%}body{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;max-width:100%}[hidden]{display:none!important}.header .branding .container{padding-top:clamp(.6rem,1.5vh,1.25rem)!important;padding-bottom:clamp(.6rem,1.5vh,1.25rem)!important}.site-logo .navbar-brand{font-size:clamp(1.25rem,2.5vw,2rem)!important;display:flex;align-items:center}.hero-section{flex:1 1 auto;display:flex;align-items:flex-start;padding:clamp(.75rem,2vh,2rem) 0}.hero-section .container{width:100%}.homepage-intro{text-align:center;margin:0 auto clamp(.75rem,1.5vh,1.25rem);max-width:540px}.homepage-intro h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .35rem;color:#1c4659}.homepage-intro p{margin:0;color:#526b84;font-size:.9rem}footer.footer{flex-shrink:0;padding-top:clamp(.4rem,1vh,.75rem)!important;padding-bottom:clamp(.4rem,1vh,.75rem)!important}:root{font-size:clamp(13px,.78vw,15px)}.share-wrap{max-width:min(450px,25vw);min-width:320px;margin:0 auto}.share-card{font-size:.95rem}.share-card .form-label{font-size:.85rem;margin-bottom:.25rem}.share-card .form-control{font-size:.9rem;padding:.35rem .65rem;outline:none!important;box-shadow:none!important}.share-card .form-control:focus{outline:none!important;box-shadow:none!important;border-color:#97abbe!important}.share-card .form-control.is-invalid{border-color:#dc3545!important;background-image:none!important}.share-card .form-control.is-invalid:focus{border-color:#dc3545!important;box-shadow:none!important}.url-item.is-invalid .form-control,.url-item.is-invalid .input-group-text,.url-item.is-invalid .url-remove-btn{border-color:#dc3545!important}.share-card .mb-3{margin-bottom:clamp(.4rem,.9vh,.7rem)!important}.share-card.card{padding:clamp(.8rem,1.3vh,1.2rem)!important}.share-card .input-group-text{font-size:.95rem;padding:.4rem .7rem}.share-card .input-group,.url-item{border-radius:.375rem!important}.url-item .input-group-text,.url-item .form-control,.url-item .url-remove-btn{border-width:1px!important}.share-card .btn-sm{font-size:.9rem;padding:.4rem .8rem}.mode-card{cursor:pointer;padding:.8rem .6rem!important}.mode-card.selected{border-color:#47b0df!important;background:#f0f9ff}.mode-card:not(.selected){border-color:#97abbe!important;background:#fff}.mode-card .fw-bold{font-size:.95rem}.mode-card small{font-size:.8rem}#btn-add-url:hover,.btn-outline-primary:hover{color:#fff!important}.btn svg,.input-group-text svg{display:block;flex-shrink:0}.mode-card svg{display:block;margin:0 auto}#btn-generate svg,#btn-unlock-back svg{display:inline;vertical-align:text-bottom;flex-shrink:0}#btn-generate:hover svg{animation:arrowMoveRight .6s ease-in-out infinite}#btn-unlock-back:hover svg{animation:arrowMoveLeft .6s ease-in-out infinite}@keyframes arrowMoveRight{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes arrowMoveLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}.btn-sm svg,#btn-add-url svg,#btn-copy-link svg{display:inline;vertical-align:middle}.toggle-pw svg,.url-remove-btn svg{display:block;margin:0 auto}.toggle-pw.is-visible svg{opacity:.65}.url-remove-btn{transition:none!important}.url-remove-btn:hover,.url-remove-btn:active{background-color:transparent!important;border-color:#97abbe!important;color:#526b84!important}.url-item-view{display:flex;align-items:center;padding:.55rem .75rem;border-bottom:1px solid #e9ecef;font-size:.85rem;gap:.5rem}.url-item-view:last-child{border-bottom:none}.url-item-view .url-actions{display:flex;gap:.25rem;flex-shrink:0}#screen-view>*+*{margin-top:.75rem}#screen-view .alert{margin-top:0;margin-bottom:0}#screen-view .mb-2,#screen-view .mb-3{margin-bottom:0!important}#screen-view .card.rounded.border{margin-bottom:0}.share-result{display:block}#screen-create h2,#screen-unlock h2{font-size:1.4rem}#screen-unlock p{font-size:.85rem}#view-mode-badge{display:inline-flex;align-items:center;font-size:.7rem!important;padding:.15rem .4rem!important}#view-mode-badge svg{vertical-align:middle;display:inline-block}.screen-loading-overlay{display:none;position:fixed;inset:0;background:rgba(255,255,255,.8);z-index:9999;align-items:center;justify-content:center}.screen-loading-overlay.active{display:flex}#create-global-error{font-size:.82rem}.expiry-options{display:flex;gap:.5rem;flex-wrap:wrap}.expiry-btn{flex:1;min-width:70px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;border:1px solid #97abbe;border-radius:.375rem;background:#fff;color:#526b84;cursor:pointer;transition:all .15s ease}.expiry-btn:hover{border-color:#47b0df;color:#47b0df}.expiry-btn.selected{background:#47b0df;border-color:#47b0df;color:#fff}.expiry-btn:focus{outline:none!important;box-shadow:none!important}#screen-view .alert>.text-truncate,.url-item-view .flex-grow-1{min-width:0}.loading-spinner{width:2.5rem;height:2.5rem}.loading-message{font-size:.85rem}.compact-help{font-size:.75rem}.full-width{width:100%}.unlock-back{font-size:.8rem}.share-result-alert{background:#d1e7dd;border:1px solid #a3cfbb;padding:.5rem .75rem}.result-label{font-size:.7rem}.generated-link{color:#0f5132;font-size:.8rem}.copy-link-button{font-size:.75rem;padding:.25rem .5rem}.view-title{font-size:1.3rem}.footer-text{font-size:.75rem}.footer-copyright{font-family:Arial,sans-serif;font-size:.85rem;margin-right:4px;vertical-align:middle}.footer-link{color:#526b84;text-decoration:none}@media (hover:none),(pointer:coarse){.url-item-view .url-actions{display:flex!important}}@media(max-width:575.98px){.hero-section{padding:1.5rem 0!important}#screen-create h2,#screen-unlock h2{font-size:1.2rem}.share-wrap{max-width:100%!important;min-width:unset}.url-item-view{flex-wrap:nowrap;align-items:center}.url-item-view .url-actions{flex-shrink:0}#screen-view>*+*{margin-top:.6rem}}

/* Mantiene visible el foco del teclado aunque el tema suprima los estilos del navegador. */
.share-card button:focus-visible,
.mode-card:focus-visible,
.footer-link:focus-visible,
.navbar-brand:focus-visible {
  outline: 2px solid #0a58ca !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

.share-card .form-control:focus-visible {
  outline: none !important;
  outline-offset: 0;
  border-color: #47b0df !important;
  box-shadow: none !important;
}
.share-card .form-control.is-invalid:focus-visible {
  border-color: #dc3545 !important;
}
.site-logo .navbar-brand{font-size:clamp(1.6rem,3.2vw,2.55rem)!important}.homepage-intro h1{font-size:clamp(1.25rem,2.35vw,1.7rem)}.homepage-intro p{font-size:.8rem}
.legal-content{max-width:min(680px,90vw);margin:0 auto;padding:clamp(1.5rem,3vh,2.5rem) clamp(1rem,2vw,1.5rem);flex:1}.legal-content h1{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;margin-bottom:clamp(1rem,2vh,1.5rem)}.legal-content h2{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin-top:clamp(1.5rem,3vh,2rem);margin-bottom:clamp(.4rem,1vh,.6rem);color:#1c4659}.legal-content p{font-size:clamp(.85rem,1.8vw,.95rem);line-height:1.7;color:#444;margin-bottom:clamp(.8rem,1.5vh,1rem)}.legal-content .last-update{font-size:clamp(.75rem,1.5vw,.8rem);color:#888;margin-bottom:clamp(1.5rem,3vh,2rem)}@media(max-width:575.98px){.legal-content{padding:1.5rem 1rem}.legal-content h1{font-size:1.4rem}.legal-content h2{font-size:1rem;margin-top:1.5rem}}
.view-details{display:flex;justify-content:center;margin-top:.3rem}
.share-info{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.35rem .65rem;border:1px solid #47b0df;border-radius:.375rem;background:#47b0df;color:#fff;text-align:center;line-height:1.35;white-space:nowrap;overflow-x:auto}
#view-info-separator{flex:0 0 auto;font-size:.75rem}
.view-mode-label{font-size:.78rem;font-weight:600}
.share-info .expiry-info-text{font-size:.75rem}
.btn-primary{--bs-btn-active-color:#fff;--bs-btn-active-bg:#208ab9;--bs-btn-active-border-color:#208ab9;--bs-btn-disabled-color:#fff}
.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:active,.btn-primary.active,.btn-primary:disabled{color:#fff}
.owner-revoke-form{padding:.35rem 0 0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:.95rem}
.share-card .input-group>.form-control{min-height:calc(2.225rem + 2px)}
.screen-loading-overlay{padding:1rem;background:rgba(255,255,255,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.loading-card{max-width:100%;outline:none}
.loading-card .loading-message{font-weight:600;color:#1c4659!important}
.loading-card .cf-turnstile{margin:.75rem 0 0!important}
.captcha-only .loading-card .cf-turnstile{margin:0!important}
.captcha-only .loading-message{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cf-turnstile{display:flex;justify-content:center;width:100%}
.cf-turnstile>iframe{margin-inline:auto}
#revoke-panel{padding:.6rem .7rem}
.owner-code-panel{background:#f0f9ff;border:1px solid #b5dff2;color:#1c4659}
.owner-code-panel code{color:inherit}
#revoke-panel .fw-semibold{font-size:.86rem}
#revoke-panel #revoke-help{font-size:.74rem;margin-bottom:.4rem!important}
.revoke-action-row{display:flex;align-items:center;gap:.4rem;min-width:0;flex-wrap:nowrap}
.revoke-code-display{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1 1 auto}
.revoke-code-display code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}
.revoke-code-display .btn{flex:0 0 auto;font-size:.74rem;padding:.25rem .45rem;white-space:nowrap;margin-top:0!important}
@media(max-width:575.98px){.revoke-action-row{flex-wrap:wrap}.revoke-code-display{flex-basis:100%}}