.bloquePlantillas { border:1px solid #dcebee; border-radius:10px; background:#fff; padding:14px; box-shadow:0 3px 14px rgba(21,62,80,.05); }
.bloquePlantillas h1 { color:#173e50; font-size:13px; font-weight:700; margin:0 0 10px; text-transform:uppercase; }
.bv-template-open { display:flex; align-items:center; text-align:left; gap:10px; width:100%; padding:10px; border:1px solid #cde7ec; border-radius:8px; background:#eff8f9; color:#17475b; cursor:pointer; }
.bv-template-open:hover,.bv-template-open:focus { background:#e1f3f5; border-color:#64b6c5; outline-offset:2px; }
.bv-template-open-icon,.bv-template-icon { flex:0 0 36px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:9px; background:#d8f0f4; color:#078aa4; font-size:17px; }
.bv-template-open-text,.bv-template-details { min-width:0; flex:1 1 auto; }
.bv-template-open-text strong,.bv-template-open-text small,.bv-template-details strong,.bv-template-details small { display:block; }
.bv-template-open-text strong { font-size:13px; }
.bv-template-open-text small,.bv-template-details small { margin-top:2px; color:#678390; font-size:11px; line-height:1.35; }
.bv-template-open-arrow { color:#078aa4; font-size:17px; }
.bv-template-modal .modal-dialog { width:auto; max-width:560px; margin:24px auto; }
.bv-template-modal .modal-content { border:0; border-radius:16px; overflow:hidden; box-shadow:0 18px 55px rgba(14,48,63,.25); }
.bv-template-modal .bv-template-header { position:relative; padding:24px 26px 18px; border:0; background:#eaf6f7; text-align:left; }
.bv-template-kicker { color:#078ca5; font-size:10px; font-weight:700; letter-spacing:.1em; }
.bv-template-modal .modal-title { color:#173e50; font-size:23px; font-weight:700; margin:6px 38px 0 0; }
.bv-template-intro { color:#577887; font-size:13px; line-height:1.5; margin:8px 0 0; }
.bv-template-modal .bv-template-close { position:absolute; top:15px; right:19px; color:#315e6e; opacity:.8; font-size:28px; }
.bv-template-modal .bv-template-body { max-height:min(58vh,460px); overflow-y:auto; padding:16px 22px; }
.bv-template-list { display:flex; flex-direction:column; gap:8px; }
.bv-template-row { display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid #e0ebee; border-radius:10px; color:#173e50; text-decoration:none !important; background:#fff; }
.bv-template-row:hover,.bv-template-row:focus { background:#f1faf9; border-color:#85c8c3; color:#135a70; }
.bv-template-details { overflow-wrap:anywhere; font-size:14px; }
.bv-template-format { flex:none; color:#a83269; background:#fce8f1; border-radius:6px; padding:4px 7px; font-size:10px; font-weight:700; }
.bv-template-download { color:#078aa4; }
.bv-template-modal .bv-template-footer { padding:12px 22px 18px; border-top:1px solid #e9f0f1; }
.bv-template-dismiss { background:#087f99; color:#fff; border-radius:7px; padding:8px 20px; font-weight:700; }
.bv-template-dismiss:hover,.bv-template-dismiss:focus { color:#fff; background:#066b80; }
@media (max-width: 600px) { .bv-template-modal .modal-dialog { margin:12px; } .bv-template-modal .bv-template-header { padding:20px 18px 15px; } .bv-template-modal .bv-template-body { padding:12px 14px; max-height:55vh; } .bv-template-row { gap:8px; } }

.bv-template-pair { padding:11px 12px; border:1px solid #e0ebee; border-radius:10px; background:#fff; }
.bv-template-pair-heading { display:flex; align-items:center; gap:11px; }
.bv-template-face-links { display:flex; gap:8px; margin:10px 0 0 47px; }
.bv-template-face { flex:1 1 0; text-align:center; padding:8px 6px; border:1px solid #b9dfe6; border-radius:7px; color:#087d96; background:#edf8f9; font-size:12px; font-weight:700; text-decoration:none !important; }
.bv-template-face:hover,.bv-template-face:focus { color:#075f74; background:#dcf1f3; }
.bv-template-original { display:inline-block; margin:7px 0 0 47px; color:#678390; font-size:11px; text-decoration:underline; }
@media(max-width:400px) { .bv-template-face-links { margin-left:0; } .bv-template-original { margin-left:0; } }