.vv2-tutela-shell { padding: 2rem 0 3rem; background: #fff; }
.vv2-tutela-hero { border: 1px solid rgba(13, 110, 253, .12); border-radius: 1.75rem; background: linear-gradient(135deg, rgba(7, 43, 98, .92), rgba(9, 27, 54, .88)), url('/Imagenes/oficial/ce-bg-clean.jpg') center/cover no-repeat; color: #fff; box-shadow: 0 24px 60px rgba(7, 43, 98, .18); }
.vv2-tutela-card, .vv2-tutela-confirmation { border: 1px solid rgba(15, 23, 42, .08); border-radius: 1.35rem; background: #fff; box-shadow: 0 18px 42px rgba(15, 23, 42, .08); }
.vv2-tutela-panel-soft { border: 1px solid rgba(31, 79, 127, .12); border-radius: 1.2rem; background: linear-gradient(180deg, #fbfdff 0%, #f3f8fc 100%); }
.vv2-tutela-field { min-height: 3.1rem; border-radius: .95rem; border-color: rgba(148, 163, 184, .42); }
.vv2-tutela-field:focus { border-color: rgba(45, 108, 76, .7); box-shadow: 0 0 0 .2rem rgba(45, 108, 76, .14); }
.vv2-tutela-btn { min-height: 3rem; padding: .75rem 1.25rem; border-radius: .95rem; font-weight: 700; }
.vv2-tutela-btn-success { background: #2d6c4c; border-color: #2d6c4c; }
.vv2-tutela-btn-success:hover, .vv2-tutela-btn-success:focus { background: #255b40; border-color: #255b40; }
.vv2-tutela-step { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 999px; background: linear-gradient(135deg, #2d6c4c, #1f4f38); color: #fff; font-weight: 700; }
.vv2-tutela-stepper { display: flex; flex-wrap: wrap; gap: .75rem; }
.vv2-tutela-stepper-item { display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1rem; border: 1px solid rgba(148, 163, 184, .32); border-radius: 999px; background: #f8fafc; color: #475569; font-weight: 600; }
.vv2-tutela-stepper-item.is-active { border-color: rgba(45, 108, 76, .28); background: rgba(45, 108, 76, .10); color: #1f4f38; }
.vv2-tutela-back-btn { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.6rem; border: 1px solid rgba(255, 255, 255, .72); border-radius: 999px; background: rgba(255, 255, 255, .18); color: #fff; font-weight: 700; backdrop-filter: blur(6px); }
.vv2-tutela-back-btn:hover, .vv2-tutela-back-btn:focus { color: #fff; }
.vv2-tutela-otp-box { border: 1px dashed rgba(45, 108, 76, .28); border-radius: 1rem; background: rgba(45, 108, 76, .08); }
.vv2-tutela-submit-wrap { position: relative; }
.vv2-tutela-submit-pending { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; gap: .65rem; min-height: 3rem; border: 1px solid rgba(45, 108, 76, .18); border-radius: .95rem; background: rgba(255, 255, 255, .96); color: #255b40; font-weight: 700; z-index: 2; }
.vv2-tutela-submit-pending.is-visible { display: flex; }
.vv2-tutela-submit-wrap.is-pending .vv2-tutela-btn { opacity: .35; }
.vv2-tutela-oath, .vv2-tutela-duplicate { padding: 1rem 1.1rem; border: 1px solid rgba(45, 108, 76, .16); border-radius: 1rem; background: #f8fbf9; }
.vv2-tutela-representante { padding: 1rem; border-left: 4px solid #2d6c4c; border-radius: 0 .9rem .9rem 0; background: rgba(45, 108, 76, .055); }
.vv2-tutela-representante .col-md-6, .vv2-tutela-representante .col-md-8, .vv2-tutela-representante .col-md-4 { flex: 0 0 100%; max-width: 100%; }
.vv2-upload-control { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; min-height: 3.1rem; padding: .45rem .55rem; border: 1px solid rgba(148, 163, 184, .42); border-radius: .95rem; background: #fff; }
.vv2-upload-control:focus-within { border-color: rgba(45, 108, 76, .7); box-shadow: 0 0 0 .2rem rgba(45, 108, 76, .14); }
.vv2-upload-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.vv2-upload-trigger { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.15rem; margin: 0; padding: .45rem .85rem; border-radius: .65rem; background: #2d6c4c; color: #fff; font-weight: 700; cursor: pointer; transition: background-color .2s ease, transform .2s ease; }
.vv2-upload-trigger:hover { background: #1f4f38; color: #fff; transform: translateY(-1px); }
.vv2-upload-name { color: #526579; font-size: .9rem; overflow-wrap: anywhere; }
.vv2-tutela-table th { background: #f8fbff; color: #16324f; font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.vv2-tutela-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .75rem; }
.vv2-tutela-summary > div, .vv2-tutela-summary-row { padding: .9rem 1rem; border: 1px solid rgba(148, 163, 184, .22); border-radius: .85rem; background: #fbfdff; }
.vv2-tutela-summary > div:nth-child(3) { grid-column: 1 / -1; background: #fff; }
.vv2-tutela-summary small { display: block; margin-bottom: .2rem; color: #64748b; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.vv2-tutela-summary strong { display: block; color: #0f172a; overflow-wrap: anywhere; }
.vv2-tutela-summary-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .8rem 1rem; margin-top: .85rem; }
.vv2-tutela-summary-details span { display: block; color: #1e293b; overflow-wrap: anywhere; }
.vv2-tutela-summary-row + .vv2-tutela-summary-row { margin-top: .5rem; }
.vv2-tutela-confirmation { max-width: 48rem; margin: 0 auto; }
.vv2-tutela-confirmation-icon { display: inline-flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: rgba(45, 108, 76, .12); color: #2d6c4c; font-size: 2.25rem; }
.vv2-tutela-request-number { display: inline-block; padding: .85rem 1.4rem; border-radius: 1rem; background: #edf8f1; color: #1f4f38; font-size: 1.4rem; font-weight: 800; letter-spacing: .05em; }
@media (max-width: 575.98px) { .vv2-tutela-shell { padding-top: 1rem; } .vv2-tutela-card, .vv2-tutela-confirmation, .vv2-tutela-hero { border-radius: 1.15rem; } .vv2-tutela-stepper-item { width: 100%; } }