.citas-page{padding-bottom:60px}.citas-breadcrumb{padding:22px 0 18px;display:flex;gap:9px;color:var(--muted);font-size:.86rem}.citas-heading{display:flex;gap:16px;align-items:center;padding:8px 0 24px}.citas-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#eef4fb;font-size:2rem}.citas-heading h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.citas-heading p{margin:7px 0 0;color:var(--muted)}.citas-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) 300px;border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden}.citas-main{padding:20px;border-right:1px solid var(--border)}.citas-card{padding:18px;border:1px solid var(--border);border-radius:14px;margin-bottom:16px}.citas-card h2{margin:0 0 12px;font-size:1.05rem}.doi-row{display:grid;grid-template-columns:1fr auto;gap:8px}.doi-row input,.citas-card textarea,.citation-options select,.batch-actions select{padding:11px;border:1px solid var(--border);border-radius:9px}.doi-row button,#format-btn,#batch-btn{border:0;border-radius:9px;padding:10px 14px;background:#176c57;color:#fff;font-weight:800}.doi-help,.section-head p{color:var(--muted);font-size:.7rem}.link-btn{border:0;background:transparent;color:#176c57;font-weight:800}.section-head{display:flex;justify-content:space-between;gap:10px}.metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metadata-grid article{padding:10px;border:1px solid var(--border);border-radius:8px}.metadata-grid .wide{grid-column:1/-1}.metadata-grid span,.metadata-grid strong{display:block}.metadata-grid span{font-size:.62rem;color:var(--muted)}.metadata-grid strong{font-size:.76rem;margin-top:3px}.citation-options{display:grid;grid-template-columns:1.4fr 1fr auto;gap:8px;align-items:end}.citation-options label{display:grid;gap:4px;font-size:.68rem;font-weight:800}.result-block{margin-top:12px;border:1px solid var(--border);border-radius:9px;overflow:hidden}.result-head{display:flex;justify-content:space-between;padding:9px;background:#f8faf9}.result-head button{border:1px solid var(--border);background:#fff;border-radius:7px}.citation-output{padding:14px;line-height:1.6;font-family:Georgia,serif}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.export-grid button{display:grid;place-items:center;padding:12px;border:1px solid var(--border);border-radius:9px;background:#fff}.export-grid strong,.export-grid small{display:block}.batch-actions{display:flex;gap:8px;margin-top:8px}.batch-actions select{flex:1}.batch-output,.batch-item{border:1px solid var(--border)}#batch-output{margin-top:10px}.batch-item{padding:10px;border-width:0 0 1px 0}.citas-sidebar{padding:22px}.citas-sidebar p{color:var(--muted);font-size:.75rem}.spinner{width:28px;height:28px;border:3px solid #dce6e2;border-top-color:#176c57;border-radius:50%;animation:spin .8s linear infinite}.message{margin-top:12px}.error{color:#963939}.success{color:#176c57}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.citas-workspace{grid-template-columns:1fr}.citas-main{border-right:0}.metadata-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.doi-row,.citation-options,.metadata-grid,.export-grid{grid-template-columns:1fr}.metadata-grid .wide{grid-column:auto}.batch-actions{flex-direction:column}}

/* V1.1 - estados visuales y SEO */
button{transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}
button:active{transform:translateY(1px) scale(.985)}
.doi-row{grid-template-columns:minmax(0,1fr) auto auto}
.secondary-btn{border:1px solid var(--border)!important;background:#fff!important;color:#334!important}
#search-btn.is-active,#format-btn.is-active,#batch-btn.is-active{box-shadow:0 0 0 4px rgba(23,108,87,.14);background:#0f5d4a!important}
.result-head button.is-success,.export-grid button.is-success,#copy-doi.is-success,#copy-batch.is-success{border-color:#176c57!important;background:#eaf7f1!important;color:#176c57!important;box-shadow:0 0 0 3px rgba(23,108,87,.1)}
.export-grid button.is-active{border-color:#176c57!important;background:#f0faf5!important;box-shadow:0 0 0 3px rgba(23,108,87,.1)}
#style-select:focus,#locale-select:focus,#batch-style:focus,#doi-input:focus{outline:none;border-color:#176c57;box-shadow:0 0 0 3px rgba(23,108,87,.1)}
#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}
.citas-seo{max-width:1050px;padding-top:38px}.seo-section{margin-top:34px}.seo-section:first-child{margin-top:0}.seo-section h2{margin:0 0 11px;font-size:1.45rem}.seo-section>p{color:var(--muted);line-height:1.7}.steps-grid,.styles-grid,.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps-grid article,.styles-grid article{padding:15px;border:1px solid var(--border);border-radius:12px;background:#fff}.steps-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#176c57;color:#fff;font-weight:900}.steps-grid strong,.steps-grid p,.styles-grid strong,.styles-grid p{display:block}.steps-grid strong,.styles-grid strong{margin-top:9px}.steps-grid p,.styles-grid p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.styles-grid{grid-template-columns:repeat(3,1fr)}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--border);border-radius:10px;background:#fff;padding:0 14px}.faq-list summary{padding:13px 0;cursor:pointer;font-weight:800}.faq-list p{margin:0;padding:0 0 14px;color:var(--muted);line-height:1.6}.related-grid a{padding:15px;border:1px solid var(--border);border-radius:11px;background:#fff;text-decoration:none;color:inherit}.related-grid a:hover{border-color:#176c57;background:#f4faf7}.related-grid span,.related-grid strong,.related-grid small{display:block}.related-grid span{font-size:1.5rem}.related-grid strong{margin-top:7px;font-size:.8rem}.related-grid small{margin-top:4px;color:var(--muted);line-height:1.4}
@media(max-width:900px){.doi-row{grid-template-columns:1fr auto}.doi-row .secondary-btn{grid-column:1/-1}.steps-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.styles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.doi-row{grid-template-columns:1fr}.steps-grid,.styles-grid,.related-grid{grid-template-columns:1fr}.citas-seo{padding-top:25px}}


/* =========================================================
   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é.
   ========================================================= */

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

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

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

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

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

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

.citas-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;
}

.citas-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;
}

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

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

.citas-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;
}

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

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

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

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

.citas-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;
}

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

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

.citas-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;
}

.citas-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;
}

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

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

.citas-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;
}

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

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

.citas-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;
}

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

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

.citas-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){
    .citas-page .yr-how-grid{
        grid-template-columns:1fr!important;
    }
    .citas-page .yr-benefits-faq{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }
    .citas-page .yr-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

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