/* Landing de Retail (Pages/Retail/Index.cshtml). Va después de hoteles.css, que aporta la base clara (.h-*). */
.r-cartel{position:relative;width:min(330px,86%);justify-self:start;margin-left:5%;margin-bottom:176px;padding:20px 22px 22px;border-radius:16px;background:#12292F;color:#fff;box-shadow:0 24px 50px -20px rgba(18,41,47,.6)}
.r-cartel::before,.r-cartel::after{content:"";position:absolute;top:-46px;width:3px;height:46px;background:#9FB7BB}
.r-cartel::before{left:18%}.r-cartel::after{right:18%}
.r-cartel-cab{display:flex;align-items:center;gap:14px}
.r-cartel-num{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:12px;background:#0C7C86;font-size:2.4rem;font-weight:800;line-height:1}
.r-cartel strong{display:block;font-size:1.5rem;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.r-cartel span{display:block;margin-top:3px;font-size:.84rem;font-weight:600;color:#C9DDE0}
.r-cartel-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:.84rem;font-weight:600;color:#C9DDE0}
.r-cartel svg{flex:none;width:68px;height:68px;background:#fff;border-radius:8px;padding:5px}
@media(max-width:520px){.r-cartel{margin-left:0;justify-self:center;width:min(300px,88%);margin-bottom:190px}}

.r-par{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.r-flujo{padding-top:22px;border-top:3px solid var(--laguna)}
.r-flujo.otro{border-top-color:var(--coral)}
.r-flujo h3{font-size:1.3rem;margin-bottom:10px}
.r-flujo p{color:var(--suave)}
@media(max-width:760px){.r-par{grid-template-columns:1fr;gap:32px}}

.h-pasos.cuatro{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px}
@media(max-width:1000px){.h-pasos.cuatro{grid-template-columns:1fr 1fr}.h-pasos.cuatro li::after{display:none}}
@media(max-width:600px){.h-pasos.cuatro{grid-template-columns:1fr}}

.r-div{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.r-div.inv>:first-child{order:2}
.r-div h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:14px}
.r-div>div>p{color:var(--suave);margin-bottom:18px}
@media(max-width:860px){.r-div{grid-template-columns:1fr;gap:32px}.r-div.inv>:first-child{order:0}}

.r-areas{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:20px;box-shadow:0 30px 60px -36px rgba(18,41,47,.45)}
.r-areas h4{margin:0;font-size:1rem;font-weight:800}
.r-areas>small{display:block;margin:2px 0 14px;color:var(--suave);font-size:.82rem}
.r-areas ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.r-areas li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#F4F8F8}
.r-areas li i{flex:none;width:12px;height:12px;border-radius:50%;background:#1F9D5B}
.r-areas li.a i{background:#E29A00}.r-areas li.u i{background:var(--coral)}
.r-areas li b{flex:1;font-weight:700}
.r-areas li span{font-size:.84rem;font-weight:600;color:var(--suave)}
.r-areas li.a span{color:#8A5300}.r-areas li.u span{color:var(--coral)}
.r-tip{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--laguna-t);color:var(--tinta);font-size:.9rem}
.r-tip b{color:var(--laguna)}

.r-foto{margin:0}
.r-foto img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 30px 60px -34px rgba(18,41,47,.55)}

.r-advisor{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:24px 26px;box-shadow:0 30px 60px -36px rgba(18,41,47,.4);font-size:.95rem}
.r-advisor h4{margin:0 0 10px;font-size:1.02rem;font-weight:800}
.r-advisor p{margin:0 0 10px;color:var(--suave)}
.r-advisor p b,.r-advisor li b{color:var(--tinta)}
.r-advisor ul{margin:0 0 10px;padding-left:20px;color:var(--suave)}
.r-advisor li{margin-bottom:6px}
.r-advisor small{display:block;margin-top:4px;color:var(--suave);font-size:.82rem}

.r-chips{display:flex;flex-wrap:wrap;gap:10px;margin:44px 0 0;padding:0;list-style:none}
.r-chips li{padding:8px 16px;border-radius:999px;border:1px solid var(--linea);background:#fff;font-weight:600;font-size:.92rem}
.r-cierre-nota{margin-top:18px!important;font-size:.95rem!important;color:#D9EEF0}
