/* FibeSegur 15.10.478GI - Siniestro 360 live actions */

.gi-modal[hidden]{display:none!important}
.gi-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px}
.gi-modal__backdrop{position:absolute;inset:0;background:rgba(6,24,44,.62);backdrop-filter:blur(2px)}
.gi-modal__window{position:relative;z-index:2;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid #cfdae6;border-radius:15px;background:#fff;box-shadow:0 28px 80px rgba(5,24,45,.34);display:flex;flex-direction:column}
.gi-modal__window--mail{width:min(1180px,calc(100vw - 30px));height:min(860px,calc(100vh - 30px))}
.gi-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #e1e8f0;background:linear-gradient(180deg,#f9fbfd 0%,#f5f8fc 100%)}
.gi-modal__head small{display:block;margin:0 0 3px;color:#52718f;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.gi-modal__head h2{margin:0;color:#102f50;font-size:18px;line-height:1.12;font-weight:850}
.gi-modal__head p{margin:5px 0 0;color:#6b7f94;font-size:11px}
.gi-modal__close{width:32px;height:32px;flex:0 0 32px;border:1px solid #d6e0ea;border-radius:8px;background:#fff;color:#3d5873;font-size:20px;line-height:1;cursor:pointer}
.gi-call-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.gi-call-form label{display:grid;gap:5px;color:#4f6982;font-size:10px;font-weight:800}
.gi-call-form label.wide{grid-column:1/-1}
.gi-call-form input,.gi-call-form textarea{width:100%;box-sizing:border-box;border:1px solid #ccd9e6;border-radius:9px;background:#fff;color:#173653;font:inherit;font-size:12px;padding:9px 10px;outline:none}
.gi-call-form input:focus,.gi-call-form textarea:focus{border-color:#3975ad;box-shadow:0 0 0 3px rgba(52,112,168,.11)}
.gi-call-form textarea{min-height:105px;resize:vertical}
.gi-call-form__duration{grid-column:1/-1;padding:8px 10px;border-radius:8px;background:#f2f6fa;color:#526d86;font-size:10px}
.gi-call-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.gi-call-form footer button{min-height:36px;padding:7px 13px;border:1px solid #ccd8e5;border-radius:8px;background:#fff;color:#36536f;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.gi-call-form footer button.primary{border-color:#1f64aa;background:#1f64aa;color:#fff}
.gi-mail-frame{width:100%;height:100%;min-height:0;flex:1 1 auto;border:0;background:#f5f7fb}
.gi-toast{position:fixed;right:20px;bottom:20px;z-index:2147483600;max-width:min(420px,calc(100vw - 40px));padding:11px 14px;border-radius:10px;background:#14395f;color:#fff;box-shadow:0 14px 36px rgba(4,27,53,.25);font-size:12px;font-weight:750}
.gi-toast.is-error{background:#842f3b}
.gi-busy{pointer-events:none;opacity:.65}
.gi-live-call-btn,.gi-live-mail-btn{appearance:none;font:inherit;text-align:left}

/* Keep the technical risk drawings complete: never crop the 2:1 resources. */
.gg-risk-visual,.gg-risk-visual.gg-accident,.gg-risk-visual.gg-vehicle,.gg-risk-visual.gg-home{height:auto!important;min-height:0!important;aspect-ratio:2/1!important;overflow:hidden!important}
.gg-risk-visual img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;box-sizing:border-box!important}

@media(max-width:760px){.gi-modal{padding:8px}.gi-modal__window,.gi-modal__window--mail{width:calc(100vw - 16px);height:auto;max-height:calc(100vh - 16px)}.gi-modal__window--mail{height:calc(100vh - 16px)}.gi-call-form{grid-template-columns:1fr}.gi-call-form label,.gi-call-form label.wide,.gi-call-form__duration,.gi-call-form footer{grid-column:1}}

/* =========================================================
   SIN478GIB_TIMELINE_SCROLL
   Resumen Siniestro 360
   Cronología limitada con scroll interno
   ========================================================= */

#sin478emTimeline{

    max-height:410px!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    overscroll-behavior:contain;

    scrollbar-gutter:stable;

    padding-right:6px!important;

    scroll-behavior:smooth;
}


/* Scroll sobrio */

#sin478emTimeline::-webkit-scrollbar{
    width:7px;
}

#sin478emTimeline::-webkit-scrollbar-track{
    background:transparent;
}

#sin478emTimeline::-webkit-scrollbar-thumb{
    background:#c4d0dd;
    border-radius:999px;
}

#sin478emTimeline::-webkit-scrollbar-thumb:hover{
    background:#9eafc1;
}


/* Pantallas como la tuya, 768 px de alto */

@media (max-height:800px){

    #sin478emTimeline{
        max-height:360px!important;
    }

}


/* Escritorios altos */

@media (min-height:950px){

    #sin478emTimeline{
        max-height:480px!important;
    }

}


/* Móvil / tablet */

@media (max-width:850px){

    #sin478emTimeline{
        max-height:420px!important;
    }

}

/* /SIN478GIB_TIMELINE_SCROLL */


/* =========================================================
   SIN478GIC_COMPACT_MAIL
   ========================================================= */


/* El modal Correo 360 de GI deja de utilizarse aquí */

#sin478giMailModal,
.sin478gi-mail-modal,
[data-sin478gi-mail-modal]{
    display:none!important;
}


/* Overlay */

#sin478gicMailModal[hidden]{
    display:none!important;
}


#sin478gicMailModal{

    position:fixed;

    inset:0;

    z-index:1000000;

    display:grid;

    place-items:center;

    padding:22px;
}


.sin478gic-backdrop{

    position:absolute;

    inset:0;

    background:
        rgba(8,25,45,.58);

    backdrop-filter:
        blur(2px);
}


.sin478gic-dialog{

    position:relative;

    z-index:2;

    width:
        min(720px,calc(100vw - 40px));

    max-height:
        calc(100vh - 45px);

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border:
        1px solid #ccd8e5;

    border-radius:
        14px;

    background:#fff;

    box-shadow:
        0 24px 70px
        rgba(8,28,52,.26);
}


/* Cabecera */

.sin478gic-head{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:16px;

    padding:16px 18px;

    border-bottom:
        1px solid #e1e8f0;

    background:
        #f8fafc;
}


.sin478gic-head small{

    display:block;

    margin-bottom:3px;

    color:#56718d;

    font-size:8px;

    font-weight:850;

    letter-spacing:.12em;
}


.sin478gic-head h2{

    margin:0;

    color:#132e4b;

    font-size:18px;

    font-weight:850;
}


.sin478gic-head p{

    margin:5px 0 0;

    color:#718398;

    font-size:10px;
}


.sin478gic-close{

    width:32px;

    height:32px;

    flex:0 0 32px;

    border:
        1px solid #d2dce7;

    border-radius:8px;

    background:#fff;

    color:#405872;

    font-size:18px;

    cursor:pointer;
}


/* Vinculación */

.sin478gic-linked{

    display:flex;

    align-items:center;

    gap:8px;

    margin:14px 18px 0;

    padding:9px 11px;

    border:
        1px solid #cfe0ef;

    border-radius:8px;

    background:#f3f8fc;

    color:#315777;

    font-size:9px;

    font-weight:750;
}


.sin478gic-linked:before{

    content:"✓";

    width:20px;

    height:20px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:#dcecf8;

    color:#265c88;

    font-weight:900;
}


/* Formulario */

.sin478gic-form{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:11px;

    padding:14px 18px 18px;

    overflow-y:auto;
}


.sin478gic-form label{

    display:grid;

    gap:5px;

    color:#526a83;

    font-size:9px;

    font-weight:800;
}


.sin478gic-form .wide{

    grid-column:1/-1;
}


.sin478gic-form input[type="text"],
.sin478gic-form input[type="email"],
.sin478gic-form textarea{

    width:100%;

    box-sizing:border-box;

    border:
        1px solid #ced9e5;

    border-radius:8px;

    background:#fff;

    color:#19334e;

    font:inherit;

    font-size:11px;

    padding:9px 10px;

    outline:none;
}


.sin478gic-form textarea{

    min-height:150px;

    resize:vertical;
}


.sin478gic-form input:focus,
.sin478gic-form textarea:focus{

    border-color:#4f80b2;

    box-shadow:
        0 0 0 3px
        rgba(55,108,164,.10);
}


/* Adjuntos */

.sin478gic-attachments{

    grid-column:1/-1;

    padding:10px 11px;

    border:
        1px dashed #c8d5e2;

    border-radius:8px;

    background:#fafbfd;
}


.sin478gic-attachments input{

    display:block;

    width:100%;

    margin-top:6px;
}


.sin478gic-attachments small{

    display:block;

    margin-top:5px;

    color:#7a8b9e;

    font-size:8px;
}


/* Estado */

.sin478gic-status{

    grid-column:1/-1;

    min-height:18px;

    color:#667b91;

    font-size:9px;
}


.sin478gic-status.error{

    color:#a13f46;

    font-weight:750;
}


.sin478gic-status.ok{

    color:#31705c;

    font-weight:750;
}


/* Footer */

.sin478gic-actions{

    grid-column:1/-1;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:8px;

    padding-top:2px;
}


.sin478gic-actions button{

    min-height:37px;

    padding:7px 14px;

    border:
        1px solid #ced9e5;

    border-radius:8px;

    background:#fff;

    color:#3d566f;

    font:inherit;

    font-size:10px;

    font-weight:800;

    cursor:pointer;
}


.sin478gic-actions .primary{

    border-color:#245f9e;

    background:#245f9e;

    color:#fff;
}


.sin478gic-actions button:disabled{

    opacity:.55;

    cursor:wait;
}


/* Toast */

.sin478gic-toast{

    position:fixed;

    right:20px;

    bottom:20px;

    z-index:1000010;

    max-width:390px;

    padding:11px 14px;

    border:
        1px solid #bcd4c9;

    border-radius:9px;

    background:#eff8f4;

    color:#315f50;

    box-shadow:
        0 8px 24px
        rgba(20,45,60,.15);

    font-size:10px;

    font-weight:750;
}


@media(max-width:700px){

    .sin478gic-form{
        grid-template-columns:1fr;
    }

    .sin478gic-form .wide,
    .sin478gic-attachments,
    .sin478gic-status,
    .sin478gic-actions{
        grid-column:1;
    }

}

/* /SIN478GIC_COMPACT_MAIL */