/* PetPlanet Plantillas — estilos propios (usan las variables POP del tema). */

/* ---- Tarjetas de beneficios ---- */
.ppxpl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ppxpl-card{background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:24px;padding:26px;box-shadow:6px 6px 0 var(--ppx-ink,#1a1a2e)}
.ppxpl-card-ico{width:56px;height:56px;border-radius:50%;background:var(--ppx-lemon,#fff056);border:2.5px solid var(--ppx-ink,#1a1a2e);display:grid;place-items:center;font-size:26px;margin-bottom:14px}
.ppxpl-card h3{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-weight:800;font-size:22px;margin:0 0 12px;letter-spacing:-.02em;color:var(--ppx-ink,#1a1a2e)}
.ppxpl-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ppxpl-card li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.45;color:var(--ppx-ink,#1a1a2e)}
.ppxpl-card li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;background:var(--ppx-mint,#cdfae0);border:2px solid var(--ppx-ink,#1a1a2e);border-radius:50%;font-size:11px;font-weight:800;display:grid;place-items:center;color:var(--ppx-ink,#1a1a2e)}

/* ---- Planes / precios ---- */
.ppxpl-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ppxpl-plan{position:relative;background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:24px;padding:30px 26px;box-shadow:6px 6px 0 var(--ppx-ink,#1a1a2e);display:flex;flex-direction:column}
.ppxpl-plan.featured{background:var(--ppx-ink,#1a1a2e);color:#fff;box-shadow:8px 8px 0 var(--ppx-p,#ff3d7f)}
.ppxpl-plan.featured h3,.ppxpl-plan.featured .ppxpl-plan-price b{color:#fff}
.ppxpl-plan.featured li{color:rgba(255,255,255,.92)}
.ppxpl-plan.featured li::before{background:var(--ppx-lemon,#fff056)}
.ppxpl-plan-tag{align-self:flex-start;background:var(--ppx-p,#ff3d7f);color:#fff;border:2px solid var(--ppx-ink,#1a1a2e);border-radius:999px;padding:4px 12px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.ppxpl-plan.featured .ppxpl-plan-tag{background:var(--ppx-lemon,#fff056);color:var(--ppx-ink,#1a1a2e)}
.ppxpl-plan h3{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-weight:800;font-size:24px;margin:0 0 6px;letter-spacing:-.02em}
.ppxpl-plan-price{display:flex;align-items:baseline;gap:8px;margin:0 0 16px}
.ppxpl-plan-price b{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-weight:800;font-size:46px;line-height:.9;letter-spacing:-.03em;color:var(--ppx-p-d,#d61763)}
.ppxpl-plan-price span{font-size:14px;color:var(--ppx-muted,#7a6b5c);font-weight:600}
.ppxpl-plan.featured .ppxpl-plan-price span{color:rgba(255,255,255,.7)}
.ppxpl-plan ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.ppxpl-plan li{position:relative;padding-left:24px;font-size:14px;line-height:1.4}
.ppxpl-plan li::before{content:"✓";position:absolute;left:0;top:1px;width:16px;height:16px;background:var(--ppx-mint,#cdfae0);border:2px solid var(--ppx-ink,#1a1a2e);border-radius:50%;font-size:10px;font-weight:800;display:grid;place-items:center;color:var(--ppx-ink,#1a1a2e)}
.ppxpl-plan .ppx-btn-big{width:100%;justify-content:center}
.ppxpl-pay-note{margin:24px auto 0;max-width:760px;text-align:center;background:var(--ppx-lemon,#fff056);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:16px;padding:16px 20px;font-size:14px;font-weight:600;box-shadow:4px 4px 0 var(--ppx-ink,#1a1a2e);color:var(--ppx-ink,#1a1a2e)}

/* ---- Servicios incluidos ---- */
.ppxpl-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ppxpl-service{background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:14px;padding:16px 18px;font-weight:700;font-size:15px;box-shadow:4px 4px 0 var(--ppx-ink,#1a1a2e);color:var(--ppx-ink,#1a1a2e)}

/* ---- Zona de cobertura ---- */
.ppxpl-zona{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ppxpl-chip{background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ppx-ink,#1a1a2e);color:var(--ppx-ink,#1a1a2e)}

/* ---- Pasos ---- */
.ppxpl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ppxpl-step{position:relative;background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:20px;padding:30px 24px 24px;box-shadow:6px 6px 0 var(--ppx-ink,#1a1a2e);text-align:center}
.ppxpl-step .n{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:var(--ppx-p,#ff3d7f);color:#fff;border:2.5px solid var(--ppx-ink,#1a1a2e);display:grid;place-items:center;font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-weight:800;font-size:20px;box-shadow:3px 3px 0 var(--ppx-ink,#1a1a2e)}
.ppxpl-step b{display:block;font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-size:19px;margin:10px 0 6px;color:var(--ppx-ink,#1a1a2e)}
.ppxpl-step small{font-size:13.5px;color:var(--ppx-muted,#7a6b5c);line-height:1.45;display:block}

/* ---- Galería de fotos ---- */
.ppxpl-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ppxpl-gallery-item{margin:0;background:var(--ppx-card,#fff);border:2.5px solid var(--ppx-ink,#1a1a2e);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--ppx-ink,#1a1a2e)}
.ppxpl-gallery-item img{display:block;width:100%;height:240px;object-fit:cover}
.ppxpl-gallery-item figcaption{padding:12px 16px;font-weight:700;font-size:14px;color:var(--ppx-ink,#1a1a2e)}

/* ---- Responsive ---- */
@media (max-width:980px){
	.ppxpl-cards,.ppxpl-plans,.ppxpl-services,.ppxpl-steps,.ppxpl-gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.ppxpl-cards,.ppxpl-plans,.ppxpl-services,.ppxpl-steps,.ppxpl-gallery{grid-template-columns:1fr}
}