

.re{padding:2.5rem 1.25rem 3.4rem}
.re-wrap{max-width:1320px;margin:0 auto}

.re-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin:-3rem auto 1.6rem;max-width:760px;position:relative;z-index:2}
.re-seg-op{background:#fff;border:2px solid #e6e9ef;border-radius:16px;padding:1.05rem 1.2rem;cursor:pointer;box-shadow:0 10px 30px rgba(17,24,39,.1);transition:.15s;text-align:left;font:inherit}
.re-seg-op:hover{border-color:var(--verde);transform:translateY(-2px)}
.re-seg-op.is-on{border-color:var(--azul);background:#eef3f8}
.re-seg-op > i{font-size:1.4rem;color:var(--azul)}
.re-seg-op b{display:block;font-size:1.02rem;color:var(--azul);margin:.35rem 0 .12rem}
.re-seg-op span{font-size:.8rem;color:#8a94a4}

.re-pane[hidden]{display:none !important}

.re-conv{display:flex;align-items:center;gap:.6rem;background:#e7f6ee;border:1px solid #b9e3cc;border-radius:12px;padding:.7rem 1.1rem;font-size:.9rem;color:#14512f;font-weight:600;margin-bottom:.4rem}
.re-dot{width:9px;height:9px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 4px rgba(30,132,73,.18);flex:0 0 auto}

.re-cerrada{display:flex;gap:1rem;align-items:center;background:linear-gradient(120deg,var(--oro),color-mix(in srgb,var(--oro) 78%,#000));border-radius:16px;padding:1.6rem 1.8rem;color:color-mix(in srgb,var(--oro) 22%,#000);box-shadow:0 8px 24px color-mix(in srgb,var(--oro) 38%,transparent)}
.re-cerrada > i{font-size:2rem;flex:0 0 auto}
.re-cerrada strong{display:block;font-size:1.15rem;margin-bottom:.2rem}
.re-cerrada p{margin:0;font-size:.92rem;line-height:1.45}

.re-h2{font-size:1.25rem;color:var(--azul);font-weight:800;margin:2rem 0 1rem;display:flex;align-items:center;gap:.55rem}
.re-b{width:6px;height:22px;background:var(--oro);border-radius:3px;display:inline-block;flex:0 0 auto}
.re-h3{margin:0 0 .6rem;font-size:1rem;color:var(--azul);font-weight:800;display:flex;align-items:center;gap:.5rem}

.re-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}
.re-tl-step{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:1rem}
.re-n{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:.6rem}
.re-t{font-weight:700;font-size:.9rem;color:var(--azul)}
.re-d{font-size:.82rem;color:#8a94a4;margin-top:.2rem}

.re-grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:1.1rem;align-items:start}
.re-card{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:1.3rem 1.4rem;box-shadow:0 4px 14px rgba(17,24,39,.05)}
.re-pasos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.re-paso{display:flex;gap:.7rem;background:#fafbfd;border:1px solid #e6e9ef;border-radius:12px;padding:.75rem .85rem}
.re-pn{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#eef3f8;color:var(--azul);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.82rem}
.re-pt{font-size:.85rem;line-height:1.35;color:#3f4855}
.re-costo .re-row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px dashed #e6e9ef}
.re-costo .re-row:last-of-type{border:0}
.re-costo .re-v{font-weight:800;color:var(--azul)}
.re-nota{display:block;color:#8a94a4;margin-top:.5rem;font-size:.82rem}

.re-tbl-wrap{overflow-x:auto;border:1px solid #e6e9ef;border-radius:14px}
.re-tbl{width:100%;border-collapse:collapse;font-size:.86rem;min-width:640px}
.re-tbl thead th{background:var(--azul);color:#fff;text-align:left;padding:.7rem .9rem;font-weight:600;white-space:nowrap}
.re-tbl tbody td{padding:.65rem .9rem;border-bottom:1px solid #f1f3f7;vertical-align:middle}
.re-tbl tbody tr:nth-child(even){background:#fafbfd}
.re-chip{display:inline-block;background:#eef3f8;color:var(--azul);border-radius:999px;padding:.15rem .6rem;font-size:.76rem;font-weight:600}
.re-pdf{display:inline-flex;align-items:center;gap:.35rem;background:var(--verde);color:#fff !important;border-radius:8px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}
.re-pdf:hover{filter:brightness(.94)}
.re-muted{color:#b6bcc7}

.re-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.re-lst{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:1.1rem 1.3rem}
.re-lst ul{margin:0;padding:0}
.re-lst li{font-size:.88rem;line-height:1.5;margin:.4rem 0;list-style:none;padding-left:1.5rem;position:relative}
.re-consid .re-h3 > i{color:#b45309}
.re-recom .re-h3 > i{color:var(--verde)}
.re-consid li::before{content:"\f071";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:.15rem;color:#e0a80a;font-size:.72rem}
.re-recom li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:.1rem;color:var(--verde);font-size:.8rem}

.re-warn{display:flex;gap:.8rem;background:#fff7ed;border:1px solid #f6d08a;border-left:5px solid var(--oro);border-radius:12px;padding:1rem 1.2rem;margin-top:1.4rem}
.re-warn > i{color:#b45309;font-size:1.3rem;flex:0 0 auto;margin-top:.1rem}
.re-warn p{margin:0;font-size:.9rem;line-height:1.5;color:#7a5300}

.re-acc{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem}
.re-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:12px;padding:.75rem 1.3rem;font-weight:700;font-size:.9rem;text-decoration:none;border:0;transition:.15s}
.re-btn:hover{transform:translateY(-2px)}

.re-btn-azul{background:var(--azul);color:#fff !important}
.re-btn-verde{background:var(--verde);color:#fff !important}
.re-btn-linea{background:#fff;border:2px solid var(--azul);color:var(--azul) !important}
.re-cts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem}
.re-ct{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:.9rem 1rem}
.re-ct b{display:block;color:var(--azul);font-size:.9rem}
.re-ct span{font-size:.8rem;color:#8a94a4;display:block;margin:.1rem 0}
.re-ct a{font-size:.8rem;color:var(--verde) !important;word-break:break-all}

@media (max-width:760px){
    .re-grid2,.re-cols{grid-template-columns:1fr}
    .re-pasos{grid-template-columns:1fr}
    .re-seg{margin-top:-2rem}
}
