/* Base local de la herramienta: evita depender de variables o clases globales */
.unlock-page{
  --unlock-ink:#0c1b2a;
  --unlock-muted:#526670;
  --unlock-border:#dce6e3;
  --unlock-green:#176c57;
  --unlock-soft:#f5faf8;
  color:var(--unlock-ink);
}
.unlock-page .container{
  width:min(1180px, calc(100% - 36px));
  margin-left:auto;
  margin-right:auto;
}
.unlock-page *, .unlock-page *::before, .unlock-page *::after{box-sizing:border-box}
.unlock-page a{color:inherit}

.unlock-page{padding-bottom:60px}
.unlock-breadcrumb{padding:22px 0 18px;display:flex;gap:9px;color:var(--unlock-muted);font-size:.86rem}
.unlock-heading{display:flex;gap:16px;align-items:center;padding:8px 0 24px}
.unlock-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#eef4fb;font-size:2rem}
.unlock-heading h1{margin:0;font-size:clamp(2rem,5vw,3rem)}
.unlock-heading p{margin:7px 0 0;color:var(--unlock-muted)}
.unlock-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) 300px;border:1px solid var(--unlock-border);border-radius:20px;background:#fff;overflow:hidden}
.unlock-main{padding:20px;border-right:1px solid var(--unlock-border)}
.unlock-card{padding:18px;border:1px solid var(--unlock-border);border-radius:14px;margin-bottom:16px}
.unlock-card h2{margin:0 0 12px;font-size:1.05rem}
.pdf-drop{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:2px dashed #b8cec6;border-radius:14px;background:#f8fbfa;cursor:pointer;text-align:center;padding:22px;transition:.15s}
.pdf-drop.drag{border-color:#176c57;background:#eef8f4}
.pdf-drop input{display:none}
.drop-icon{font-size:2.2rem}
.pdf-drop small{color:var(--unlock-muted);word-break:break-word}
.unlock-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.unlock-options label{display:grid;gap:5px;font-size:.7rem;font-weight:800}
.unlock-options input,.unlock-options select{padding:11px;border:1px solid var(--unlock-border);border-radius:9px;background:#fff}
.unlock-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.unlock-actions button{border:0;border-radius:9px;padding:10px 14px;background:#176c57;color:#fff;font-weight:800;transition:.12s}
.unlock-actions button:disabled{opacity:.45;cursor:not-allowed}
.unlock-actions button:active{transform:translateY(1px) scale(.985)}
.secondary-btn{border:1px solid var(--unlock-border)!important;background:#fff!important;color:#334!important}
.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.analysis-grid article{padding:12px;border:1px solid var(--unlock-border);border-radius:9px;background:#fafcfb}
.analysis-grid span,.analysis-grid strong{display:block}
.analysis-grid span{font-size:.65rem;color:var(--unlock-muted)}
.analysis-grid strong{margin-top:4px;font-size:.82rem}
.unlock-sidebar{padding:22px}
.unlock-sidebar>p{color:var(--unlock-muted);font-size:.75rem;line-height:1.55}
.privacy-box{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;background:#edf8f3;margin:16px 0}
.privacy-box>span{font-size:1.3rem}
.privacy-box strong,.privacy-box small{display:block}
.privacy-box small{margin-top:2px;color:var(--unlock-muted);font-size:.68rem}
.message{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:.72rem}
.message.error{background:#fff1f1;color:#963939}
.message.success{background:#edf8f3;color:#176c57}
.sidebar-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--unlock-border)}
.sidebar-note p{color:var(--unlock-muted);font-size:.72rem;line-height:1.55}
.progress-line{height:12px;border-radius:999px;background:#e4ece9;overflow:hidden}
#bar{height:100%;width:0;background:#176c57;transition:width .2s}
#progressText{margin:8px 0 0;color:var(--unlock-muted);font-size:.75rem}
.result-card{text-align:center;padding:28px}
.result-check{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:#e5f5ef;color:#07805e;font-weight:900;font-size:1.4rem}
.result-card p{color:var(--unlock-muted)}
.download-btn{display:inline-flex;margin-top:8px;padding:11px 16px;border-radius:9px;background:#176c57;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:900px){
  .unlock-workspace{grid-template-columns:1fr}
  .unlock-main{border-right:0}
  .analysis-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .unlock-options,.analysis-grid{grid-template-columns:1fr}
  .unlock-actions{flex-direction:column}
  .unlock-actions button{width:100%}
}

/* =========================================================
   FORMATO ESTÁNDAR YARESUELVO — BLOQUES INFORMATIVOS V1.2
   ========================================================= */

.yr-info-standard{
    padding-top:34px;
    padding-bottom:18px;
}

.yr-kicker{
    color:#0d7258;
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:26px;
}

.yr-info-standard>h2{
    margin:0 0 22px;
    font-size:clamp(1.55rem,3vw,2rem);
    color:#0c1b2a;
}

.yr-info-standard>p{
    max-width:920px;
    margin:0 0 17px;
    color:#485c68;
    font-size:1rem;
    line-height:1.75;
}

.yr-how-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:34px;
}

.yr-how-grid article{
    min-height:185px;
    padding:24px;
    border:1px solid #dce6e3;
    border-radius:20px;
    background:#fff;
}

.yr-how-grid article>span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e5f5ef;
    color:#07805e;
    font-weight:900;
    font-size:1rem;
}

.yr-how-grid h3{
    margin:17px 0 10px;
    color:#0c1b2a;
    font-size:1.15rem;
}

.yr-how-grid p{
    margin:0;
    color:#526670;
    line-height:1.6;
}

.yr-benefits-faq{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:42px;
    margin-top:38px;
    padding:34px 30px;
    border:1px solid #dce6e3;
    border-radius:20px;
    background:#fff;
}

.yr-benefits-faq h2{
    margin:0 0 20px;
    font-size:1.5rem;
    line-height:1.4;
    color:#0c1b2a;
}

.yr-benefits-faq ul{
    margin:0;
    padding-left:22px;
    color:#53656f;
}

.yr-benefits-faq li{
    margin:0 0 12px;
    line-height:1.55;
}

.yr-benefits-faq li strong{
    color:#42565e;
}

.yr-benefits-faq details{
    border-bottom:1px solid #dfe7e5;
}

.yr-benefits-faq details:last-child{
    border-bottom:0;
}

.yr-benefits-faq summary{
    padding:13px 0;
    cursor:pointer;
    font-weight:850;
    color:#0c1b2a;
    list-style-position:inside;
}

.yr-benefits-faq details p{
    margin:0;
    padding:0 0 14px 19px;
    color:#53656f;
    font-size:.86rem;
    line-height:1.6;
}

.yr-related-terms{
    max-width:none!important;
    margin-top:24px!important;
    padding-top:4px;
    color:#526670!important;
    font-size:.86rem!important;
}

.yr-related-tools{
    padding-top:26px;
    padding-bottom:70px;
}

.yr-related-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:30px;
}

.yr-related-head h2{
    margin:0;
    color:#0c1b2a;
    font-size:clamp(2rem,4vw,2.8rem);
    letter-spacing:-.035em;
}

.yr-related-head>a{
    color:#087557;
    font-weight:900;
    text-decoration:none;
}

.yr-related-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:15px;
}

.yr-related-grid article{
    min-height:190px;
    padding:22px;
    border:1px solid #dce6e3;
    border-radius:18px;
    background:#fff;
    display:flex;
    flex-direction:column;
}

.yr-related-grid h3{
    margin:0 0 13px;
    color:#0c1b2a;
    font-size:1rem;
}

.yr-related-grid p{
    margin:0 0 17px;
    color:#566971;
    line-height:1.55;
    font-size:.87rem;
}

.yr-related-grid a{
    margin-top:auto;
    color:#07805e;
    font-weight:900;
    text-decoration:none;
    font-size:.88rem;
}

@media(max-width:950px){
    .yr-benefits-faq{
        grid-template-columns:1fr;
        gap:25px;
    }

    .yr-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .yr-how-grid,
    .yr-related-grid{
        grid-template-columns:1fr;
    }

    .yr-benefits-faq{
        padding:22px 18px;
    }

    .yr-related-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .yr-info-standard{
        padding-top:26px;
    }
}


/* =========================================================
   V1.3 — FORMATO VISUAL ESTÁNDAR YARESUELVO
   Reglas fuertes para evitar estilos heredados/caché.
   ========================================================= */

.unlock-page .yr-info-standard,
.unlock-page .yr-related-tools{
    width:min(100% - 40px,1230px);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}

.unlock-page .yr-info-standard{
    padding:30px 0 8px;
}

.unlock-page .yr-kicker{
    margin:0 0 28px;
    color:#087358;
    font-size:.82rem;
    font-weight:900;
    letter-spacing:.08em;
}

.unlock-page .yr-info-standard>h2{
    margin:0 0 22px;
    font-size:1.65rem;
    line-height:1.25;
    color:#0a1a2b;
}

.unlock-page .yr-info-standard>p{
    margin:0 0 16px;
    max-width:940px;
    font-size:1rem;
    line-height:1.75;
    color:#53656e;
}

.unlock-page .yr-how-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:34px 0 36px!important;
}

.unlock-page .yr-how-grid article{
    display:block!important;
    min-height:190px;
    padding:24px!important;
    border:1px solid #dce5e2!important;
    border-radius:20px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

.unlock-page .yr-how-grid article>span{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 0 17px!important;
    border-radius:50%!important;
    background:#e6f5ef!important;
    color:#07805e!important;
    font-weight:900!important;
}

.unlock-page .yr-how-grid h3{
    margin:0 0 10px!important;
    font-size:1.08rem!important;
    color:#0a1a2b!important;
}

.unlock-page .yr-how-grid p{
    margin:0!important;
    color:#566871!important;
    line-height:1.6!important;
    font-size:.88rem!important;
}

.unlock-page .yr-benefits-faq{
    display:grid!important;
    grid-template-columns:1fr 1.05fr!important;
    gap:48px!important;
    margin:0 0 24px!important;
    padding:36px 30px!important;
    border:1px solid #dce5e2!important;
    border-radius:20px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

.unlock-page .yr-benefits-faq section{
    min-width:0!important;
}

.unlock-page .yr-benefits-faq h2{
    margin:0 0 18px!important;
    color:#0a1a2b!important;
    font-size:1.45rem!important;
    line-height:1.45!important;
}

.unlock-page .yr-benefits-faq ul{
    margin:0!important;
    padding-left:23px!important;
}

.unlock-page .yr-benefits-faq li{
    margin:0 0 12px!important;
    color:#53656e!important;
    line-height:1.55!important;
}

.unlock-page .yr-benefits-faq details{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #dfe6e4!important;
    background:transparent!important;
    border-radius:0!important;
    padding:0!important;
}

.unlock-page .yr-benefits-faq summary{
    padding:14px 0!important;
    color:#0a1a2b!important;
    cursor:pointer!important;
    font-weight:850!important;
    list-style:disclosure-closed!important;
}

.unlock-page .yr-benefits-faq details[open] summary{
    list-style:disclosure-open!important;
}

.unlock-page .yr-benefits-faq details p{
    margin:0!important;
    padding:0 0 14px 19px!important;
    color:#53656e!important;
    line-height:1.6!important;
    font-size:.86rem!important;
}

.unlock-page .yr-related-terms{
    margin:0 0 14px!important;
    padding:0!important;
    max-width:none!important;
    color:#566871!important;
    font-size:.84rem!important;
    line-height:1.6!important;
}

.unlock-page .yr-related-tools{
    padding:22px 0 70px!important;
}

.unlock-page .yr-related-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:16px!important;
    margin:0 0 30px!important;
}

.unlock-page .yr-related-head h2{
    margin:0!important;
    color:#0a1a2b!important;
    font-size:2.45rem!important;
    line-height:1.1!important;
    letter-spacing:-.035em!important;
}

.unlock-page .yr-related-head>a{
    margin:0!important;
    color:#087358!important;
    text-decoration:none!important;
    font-weight:900!important;
}

.unlock-page .yr-related-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:15px!important;
}

.unlock-page .yr-related-grid article{
    display:flex!important;
    flex-direction:column!important;
    min-height:235px!important;
    margin:0!important;
    padding:22px!important;
    border:1px solid #dce5e2!important;
    border-radius:18px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

.unlock-page .yr-related-grid h3{
    margin:0 0 15px!important;
    color:#0a1a2b!important;
    font-size:1rem!important;
    line-height:1.35!important;
}

.unlock-page .yr-related-grid p{
    margin:0 0 18px!important;
    color:#566871!important;
    font-size:.86rem!important;
    line-height:1.55!important;
}

.unlock-page .yr-related-grid a{
    margin-top:auto!important;
    color:#07805e!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:.88rem!important;
}

@media(max-width:960px){
    .unlock-page .yr-how-grid{
        grid-template-columns:1fr!important;
    }
    .unlock-page .yr-benefits-faq{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }
    .unlock-page .yr-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){
    .unlock-page .yr-info-standard,
    .unlock-page .yr-related-tools{
        width:min(100% - 28px,1230px);
    }
    .unlock-page .yr-related-grid{
        grid-template-columns:1fr!important;
    }
    .unlock-page .yr-related-head{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .unlock-page .yr-related-head h2{
        font-size:2rem!important;
    }
}


/* Ajustes visuales V1.3 */
.unlock-heading{border-bottom:0}
.unlock-heading>div:last-child{min-width:0}
.unlock-heading h1{color:var(--unlock-ink);font-weight:900;letter-spacing:-.035em}
.unlock-heading p{max-width:850px;line-height:1.6}
.unlock-workspace{box-shadow:0 12px 32px rgba(12,27,42,.06);margin-bottom:10px}
.unlock-card:last-child{margin-bottom:0}
.pdf-drop strong{font-size:1rem;color:var(--unlock-ink)}
.unlock-options label{font-size:.78rem;color:#30444d}
.unlock-options input,.unlock-options select{font:inherit;color:#12232f;min-height:42px}
.unlock-actions button{font-size:.82rem;cursor:pointer}
.unlock-sidebar h2{margin:0 0 10px;font-size:1.15rem}
.unlock-sidebar{background:#fbfdfc}
.yr-info-standard{margin-top:14px}
@media(max-width:600px){
 .unlock-page .container{width:min(100% - 24px,1180px)}
 .unlock-heading{align-items:flex-start}
 .unlock-icon{width:52px;height:52px;font-size:1.55rem;flex:0 0 52px}
 .unlock-main,.unlock-sidebar{padding:16px}
}