:where(.pp-buscador,.pp-cuenta,.pp-resultado){--pp-verde:#0b5d4b;--pp-verde-2:#0e7a62;--pp-verde-claro:#e6f2ed;--pp-rosa:#d6246e;--pp-rosa-claro:#fdebf2;--pp-tinta:#15202b;--pp-gris:#5d6670;--pp-linea:#e6e0d5;--pp-crema:#f7f3ec;--pp-sombra:0 1px 2px rgba(21,32,43,.05),0 8px 24px rgba(21,32,43,.07);color:var(--pp-tinta)}
:where(.pp-buscador,.pp-cuenta,.pp-resultado) *{box-sizing:border-box}

/* ---------- campos ---------- */
:where(.pp-buscador,.pp-cuenta,.pp-resultado) :is(input:not([type=radio]):not([type=checkbox]),select,textarea){width:100%;font:inherit;font-size:16px;line-height:1.3;padding:13px 14px;border:1.5px solid #d8d0c2;border-radius:12px;background:#fff;color:var(--pp-tinta);transition:border-color .15s,box-shadow .15s;appearance:none}
:where(.pp-buscador,.pp-cuenta,.pp-resultado) select{background-image:linear-gradient(45deg,transparent 50%,var(--pp-gris) 50%),linear-gradient(135deg,var(--pp-gris) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
:where(.pp-buscador,.pp-cuenta,.pp-resultado) :is(input,select,textarea):focus{outline:none;border-color:var(--pp-verde-2);box-shadow:0 0 0 4px rgba(14,122,98,.15)}
:where(.pp-buscador,.pp-cuenta,.pp-resultado) ::placeholder{color:#9aa1a8}

/* ---------- formulario de portada ---------- */
.pp-form{background:#fff;border:1px solid var(--pp-linea);border-radius:22px;padding:0 0 22px;box-shadow:0 2px 4px rgba(21,32,43,.04),0 24px 60px -20px rgba(21,32,43,.25);display:grid;gap:22px;overflow:hidden}
.pp-form>*:not(.pp-form-cab){margin-left:24px;margin-right:24px}
.pp-form-cab{background:var(--pp-tinta);color:#fff;padding:18px 24px;display:grid;gap:2px}
.pp-form-cab strong{font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:600;letter-spacing:-.01em}
.pp-form-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f3a6c6;font-weight:700}
.pp-paso{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.pp-paso-tit{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:0}
.pp-paso-tit small{font-weight:500;color:var(--pp-gris);font-size:13px}
.pp-n{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--pp-tinta);font-size:12px;font-weight:800}
.pp-link{background:none;border:0;color:var(--pp-verde);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start;padding:0;font:inherit;font-size:14px}
.pp-ops{display:grid;gap:8px}
.pp-ops-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-ops-precio{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}
.pp-op{position:relative;display:grid;align-content:start;gap:2px;padding:12px 12px 11px;border:1.5px solid var(--pp-linea);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;min-width:0}
.pp-op:hover{border-color:#bdb3a2}
.pp-op input{position:absolute;opacity:0;pointer-events:none}
.pp-op:has(input:checked){border-color:var(--pp-verde);background:var(--pp-verde-claro);box-shadow:0 0 0 3px rgba(11,93,75,.12)}
.pp-op:has(input:focus-visible){outline:2px solid var(--pp-verde-2);outline-offset:2px}
.pp-op-ico{font-size:20px;line-height:1;margin-bottom:4px}
.pp-op-tit{font-weight:700;font-size:14px;line-height:1.25}
.pp-op-sub{font-size:12px;color:var(--pp-gris);line-height:1.3}
.pp-op:has(input:checked) .pp-op-tit{color:var(--pp-verde)}
.pp-segmento{display:grid;grid-template-columns:1fr 1fr;background:#f1ece3;border-radius:12px;padding:4px;gap:4px}
.pp-segmento label{cursor:pointer}
.pp-segmento input{position:absolute;opacity:0;pointer-events:none}
.pp-segmento span{display:block;text-align:center;padding:9px;border-radius:9px;font-weight:700;font-size:14px;color:var(--pp-gris)}
.pp-segmento input:checked+span{background:#fff;color:var(--pp-tinta);box-shadow:0 1px 3px rgba(21,32,43,.12)}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pp-rosa);color:#fff !important;border:0;border-radius:12px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;text-align:center;transition:transform .1s,filter .15s,box-shadow .15s;box-shadow:0 10px 24px -10px rgba(214,36,110,.7)}
.pp-btn:hover{filter:brightness(1.06)}
.pp-btn:active{transform:translateY(1px)}
.pp-btn:disabled{opacity:.6;cursor:wait}
.pp-btn-grande{font-size:17px;padding:16px 24px;width:100%}
.pp-btn-sec{background:var(--pp-tinta);box-shadow:none}
.pp-garantias{margin:-6px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;color:var(--pp-gris);font-size:12.5px}
.pp-garantias span:before{content:"✓ ";color:var(--pp-verde);font-weight:800}
@media (max-width:640px){.pp-form>*:not(.pp-form-cab){margin-left:16px;margin-right:16px}.pp-ops-3{grid-template-columns:1fr}.pp-ops-3 .pp-op{grid-template-columns:auto 1fr;column-gap:10px}.pp-ops-3 .pp-op-ico{grid-row:span 2;margin:0}.pp-ops-precio{grid-template-columns:1fr 1fr}}

.pp-cargando{background:#fff;border:1px solid var(--pp-linea);border-radius:16px;padding:20px 24px;margin-top:16px;box-shadow:var(--pp-sombra)}
.pp-pasos{margin:10px 0 0;padding-left:22px;color:var(--pp-gris)}
.pp-pasos li{animation:pp-aparece .6s ease both;margin:4px 0}
.pp-pasos li:nth-child(2){animation-delay:1s}.pp-pasos li:nth-child(3){animation-delay:2s}
@keyframes pp-aparece{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---------- propuesta ---------- */
.pp-resultado{margin-top:24px}
.pp-resultado h2,.pp-cuenta h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em;margin:0 0 4px}
.pp-meta{color:var(--pp-gris);margin:0 0 18px}
.pp-resumen{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;margin:0 0 14px}
.pp-dato{background:#fff;border:1px solid var(--pp-linea);border-radius:16px;padding:16px 18px;display:grid;gap:2px}
.pp-dato-grande{background:var(--pp-verde);border-color:var(--pp-verde);color:#fff}
.pp-num{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.pp-lbl{font-size:13px;opacity:.8}
@media (max-width:640px){.pp-resumen{grid-template-columns:1fr 1fr}.pp-dato-grande{grid-column:1/-1;order:-1}}

.pp-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.pp-tarjeta{background:#fff;border:1px solid var(--pp-linea);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--pp-sombra);position:relative;overflow:hidden}
.pp-tarjeta:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--pp-verde)}
.pp-rol-local:before{background:#e08a1e}.pp-rol-nicho:before{background:var(--pp-rosa)}.pp-rol-red:before{background:#7b6ad6}
.pp-tarjeta-cab{display:flex;align-items:center;gap:8px}
.pp-icono{width:30px;height:30px;border-radius:10px;background:var(--pp-crema);display:grid;place-items:center;font-size:16px}
.pp-etq{font-size:11px;letter-spacing:.09em;font-weight:800;color:var(--pp-gris)}
.pp-dom{font-weight:800;font-size:19px;word-break:break-all;margin-top:4px}
.pp-borroso{filter:blur(6px);user-select:none}
.pp-tipo{font-weight:600;color:var(--pp-tinta)}
.pp-stat{margin-top:6px;padding:12px;border-radius:12px;background:var(--pp-crema);font-size:14px;color:var(--pp-gris)}
.pp-stat strong{display:block;font-size:22px;color:var(--pp-tinta);letter-spacing:-.01em}
.pp-stat span{display:block}
.pp-barra{height:6px;border-radius:99px;background:#e7e0d3;margin-top:8px;overflow:hidden}
.pp-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pp-verde-2),var(--pp-verde))}
.pp-porque{color:var(--pp-gris);margin:6px 0 0;font-size:14px}
.pp-red{background:#fbfaff}
.pp-nota-red{font-size:12px;color:var(--pp-gris);margin:6px 0 0;padding:8px 10px;border-radius:8px;background:#f0edff}
.pp-acc{display:flex;gap:8px;margin-top:auto;padding-top:12px}
.pp-acc button{flex:1;background:#fff;border:1.5px solid var(--pp-linea);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;font-size:14px;font-weight:600}
.pp-acc button:hover{border-color:var(--pp-verde);color:var(--pp-verde)}

.pp-total{margin:16px 0 6px;padding:20px 22px;border-radius:18px;background:var(--pp-tinta);color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.pp-total-izq{display:grid;gap:2px}
.pp-precio{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1}
.pp-precio small{font-size:16px;opacity:.75}
.pp-total-sub{font-size:13px;opacity:.75}
.pp-incluye{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.pp-incluye li:before{content:"✓ ";color:#7fd6b8;font-weight:800}
.pp-alt{color:var(--pp-gris);margin:6px 2px 0}
.pp-fuente{font-size:12px;color:var(--pp-gris);margin:8px 2px 0}

.pp-lead,.pp-pago,.pp-caja{margin-top:18px;background:#fff;border:1px solid var(--pp-linea);border-radius:20px;padding:22px;display:grid;gap:12px;box-shadow:var(--pp-sombra)}
.pp-lead{border:2px solid var(--pp-verde);background:linear-gradient(180deg,#fff, var(--pp-verde-claro))}
.pp-lead h3,.pp-caja h3{margin:0;font-size:20px}
.pp-lead-sub{margin:-6px 0 0;color:var(--pp-gris);font-size:14px}
.pp-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.pp-check{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.4}
.pp-check input{margin-top:2px;width:18px;height:18px;accent-color:var(--pp-verde);flex:none}
.pp-mensaje{margin:0;color:var(--pp-rosa);font-weight:600;min-height:1em}
.pp-error,.pp-aviso{color:#a3123f;font-weight:600}
.pp-ok{background:var(--pp-verde-claro);color:var(--pp-verde);padding:12px 14px;border-radius:12px;font-weight:600}
.pp-letra{font-size:12px;color:var(--pp-gris);margin:0}

/* ---------- cuenta ---------- */
.pp-tabla{width:100%;border-collapse:collapse;margin:8px 0 20px;background:#fff;border-radius:12px;overflow:hidden}
.pp-tabla th,.pp-tabla td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--pp-linea)}
.pp-linea{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:14px 0}
.pp-linea li{padding:7px 12px;border-radius:999px;background:#ece7de;font-size:13px}
.pp-linea li.hecho{background:var(--pp-verde-claro);color:var(--pp-verde)}
.pp-linea li.actual{background:var(--pp-rosa);color:#fff;font-weight:700}
.pp-brief label{display:grid;gap:5px;font-weight:600;font-size:14px}
.pp-items{padding-left:18px}
.pp-hola{color:var(--pp-gris)}
.pp-form-enlace{display:flex;gap:8px;flex-wrap:wrap}
.pp-form-enlace input{flex:1 1 220px}
@media (max-width:600px){.pp-precio{font-size:28px}.pp-num{font-size:22px}.pp-dato{padding:14px}.pp-franjas{grid-template-columns:1fr}}

/* ---------- catálogo ---------- */
.pp-filtros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pp-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.pp-tabs button{font:inherit;font-size:14px;font-weight:600;border:1.5px solid var(--pp-linea);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--pp-tinta)}
.pp-tabs button.activo{background:var(--pp-tinta);border-color:var(--pp-tinta);color:#fff}
.pp-cat-aviso{background:var(--pp-rosa-claro);border-radius:12px;padding:12px 14px;font-size:14px;margin:0 0 10px}
.pp-cat-cuenta{color:var(--pp-gris);font-size:14px;margin:4px 0 12px}
.pp-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
#pp-cat-grid{display:block;padding-bottom:80px}
.pp-cat-pie{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.pp-cat-precio{display:block;font-weight:800;font-size:20px}
.pp-cat-pie small{color:var(--pp-gris);font-size:12px}
.pp-cat-add{padding:10px 14px;font-size:14px;box-shadow:none;flex:none}
.pp-cat-add.dentro{background:var(--pp-verde-claro);color:var(--pp-verde) !important}
.pp-barra-prop{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:30;background:var(--pp-tinta);color:#fff;border-radius:16px;padding:10px 10px 10px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);width:min(640px,calc(100% - 32px));justify-content:space-between;font-size:15px}
.pp-modal{border:0;border-radius:22px;padding:0;max-width:560px;width:calc(100% - 32px)}
.pp-modal::backdrop{background:rgba(21,32,43,.55)}
.pp-modal .pp-lead{margin:0}
@media (max-width:640px){.pp-filtros{grid-template-columns:1fr}}
.pp-barra-prop[hidden],.pp-cargando[hidden],.pp-resultado[hidden]{display:none !important}

.pp-acceso{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:start}
.pp-acceso .pp-caja{margin-top:0}
.pp-acceso h2{font-size:26px}
@media (max-width:760px){.pp-acceso{grid-template-columns:1fr}}
.pp-confirmar{background:#fff8e6;border:1px solid #f1d38a;border-radius:16px;padding:16px 18px;margin:0 0 18px}
.pp-confirmar p{margin:6px 0 10px;font-size:15px}

.pp-entrega{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px;background:#eef0f2;color:var(--pp-gris)}
.pp-entrega.rapido{background:#fff4d6;color:#8a5a00}

/* ---------- panel del cliente ---------- */
.pp-panel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.pp-panel-menu{position:sticky;top:84px;background:#fff;border:1px solid var(--pp-linea);border-radius:20px;padding:16px;display:grid;gap:14px;box-shadow:var(--pp-sombra)}
.pp-panel-usuario{display:flex;gap:10px;align-items:center;padding:4px 4px 12px;border-bottom:1px solid var(--pp-linea)}
.pp-panel-usuario small{display:block;color:var(--pp-gris);font-size:12px;word-break:break-all}
.pp-avatar{flex:none;width:38px;height:38px;border-radius:12px;background:var(--pp-tinta);color:#fff;display:grid;place-items:center;font-weight:800}
.pp-panel-menu nav{display:grid;gap:2px}
.pp-panel-menu nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--pp-tinta);font-weight:600;font-size:15px}
.pp-panel-menu nav a:hover{background:var(--pp-crema)}
.pp-panel-menu nav a.activo{background:var(--pp-verde-claro);color:var(--pp-verde)}
.pp-badge{margin-left:auto;background:var(--pp-rosa);color:#fff;border-radius:999px;font-size:12px;padding:1px 8px}
.pp-panel-ayuda{display:grid;gap:6px;border-top:1px solid var(--pp-linea);padding-top:12px;font-size:14px}
.pp-panel-ayuda a{color:var(--pp-gris);text-decoration:none}
.pp-panel-cab h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;margin:0 0 4px}
.pp-panel-cab p{color:var(--pp-gris);margin:0 0 18px}
.pp-resumen-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-atajos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 24px}
.pp-atajos a{background:#fff;border:1px solid var(--pp-linea);border-radius:18px;padding:18px;text-decoration:none;color:var(--pp-tinta);display:grid;gap:4px;box-shadow:var(--pp-sombra)}
.pp-atajos a:hover{border-color:var(--pp-verde)}
.pp-atajos span{font-size:24px}
.pp-atajos small{color:var(--pp-gris)}
.pp-vacio{background:#fff;border:1px dashed #cfc6b6;border-radius:18px;padding:28px;text-align:center}
.pp-btn-mini{padding:7px 12px;font-size:13px;box-shadow:none}
.pp-estado{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eef0f2}
.pp-e-pendiente_pago{background:#fff4d6;color:#8a5a00}.pp-e-publicado,.pp-e-en_vigilancia,.pp-e-cerrado{background:var(--pp-verde-claro);color:var(--pp-verde)}
.pp-perfil label{display:grid;gap:5px;font-weight:600;font-size:14px}
.pp-perfil h3{margin:10px 0 0}
.pp-panel .pp-catalogo .pp-cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media (max-width:900px){.pp-panel{grid-template-columns:1fr}.pp-panel-menu{position:static}.pp-panel-menu nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.pp-panel-usuario,.pp-panel-ayuda{display:none}.pp-resumen-4{grid-template-columns:1fr 1fr}.pp-atajos{grid-template-columns:1fr}}

.pp-h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:24px;margin:28px 0 12px}
.pp-h2-fila{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.pp-h2-fila .pp-h2{margin-bottom:12px}
.pp-gris{color:var(--pp-gris);font-size:14px}
.pp-sugeridos{padding-bottom:0}
.pp-pasos-inicio{background:#fff;border:1px solid var(--pp-linea);border-radius:18px;padding:18px 20px;box-shadow:var(--pp-sombra);margin-bottom:8px}
.pp-pasos-cab{display:flex;justify-content:space-between;font-size:15px}
.pp-pasos-cab span{color:var(--pp-gris)}
.pp-progreso{height:8px;border-radius:99px;background:#ece6db;margin:10px 0 12px;overflow:hidden}
.pp-progreso i{display:block;height:100%;background:var(--pp-verde);border-radius:99px}
.pp-pasos-inicio ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:15px}
.pp-pasos-inicio li.hecho{color:var(--pp-verde);text-decoration:line-through;text-decoration-color:rgba(11,93,75,.35)}
.pp-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:et}
.pp-etapas li{background:#fff;border:1px solid var(--pp-linea);border-radius:16px;padding:14px;display:grid;gap:4px;font-size:14px}
.pp-etapas li:before{counter-increment:et;content:counter(et);width:26px;height:26px;border-radius:50%;background:var(--pp-tinta);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.pp-etapas span{color:var(--pp-gris)}
.pp-nueva{margin:0 0 8px}
.pp-nueva>summary{list-style:none;cursor:pointer;display:inline-flex}
.pp-nueva>summary::-webkit-details-marker{display:none}
.pp-nueva[open]>summary{margin-bottom:14px}
.pp-nueva-cont .pp-form{max-width:640px}
@media (max-width:900px){.pp-etapas{grid-template-columns:1fr 1fr}.pp-pasos-inicio ul{grid-template-columns:1fr}}
.pp-cuenta h2.pp-h2{font-size:22px;margin:28px 0 12px}

.pp-nota-usd{display:block;font-size:12px;opacity:.85;margin-top:4px}
.pp-nota-usd[hidden]{display:none}

.pp-cat-indice{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:6px;scrollbar-width:thin}
.pp-cat-indice a{flex:none;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--pp-linea);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:600;color:var(--pp-tinta);text-decoration:none}
.pp-cat-indice a:hover{border-color:var(--pp-verde);color:var(--pp-verde)}
.pp-cat-indice span{background:var(--pp-crema);border-radius:999px;padding:0 7px;font-size:12px;color:var(--pp-gris)}
.pp-cat-grupo{margin:8px 0 26px;scroll-margin-top:84px}
.pp-cat-grupo-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--pp-tinta);padding-bottom:8px;margin-bottom:14px}
.pp-cat-grupo-cab h3{margin:0;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:24px;letter-spacing:-.01em}
.pp-cat-grupo-cab span{color:var(--pp-gris);font-size:14px;font-weight:600}
.pp-cat-mas{margin-top:12px;font-weight:700}
