.pi-hero { padding:48px 0; background: #fff; color:#111827; text-align:center; }
.pi-hero .pi-title{ font-size:28px; font-weight:700; margin:0 0 12px; color:#111827; }
.pi-hero .pi-subtitle{ font-size:16px; opacity:.95; margin-bottom:18px; color:#6b7280; }
.pi-hero .pi-cta-row{ display:flex; gap:12px; justify-content:center; margin-bottom:8px; flex-wrap:wrap; }
.btn-primary{ background:#e85a00; color:#fff; padding:12px 20px; border-radius:6px; text-decoration:none; display:inline-block; }
.btn-outline{ border:2px solid #e85a00; color:#e85a00; padding:10px 18px; border-radius:6px; background:transparent; text-decoration:none; }
.pi-problem{ padding:28px 0; background:#f8fafb; }
.pi-problem h2{ margin-bottom:10px; }
.pi-cards-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:28px 0; }
.plan-card{ background:#fff; border-radius:10px; box-shadow:0 6px 18px rgba(15,23,42, .06); padding:20px; display:flex; flex-direction:column; min-height:360px; }
.plan-card.featured{ transform:translateY(-6px); border:2px solid rgba(232,90,0,.08); box-shadow:0 10px 30px rgba(15,23,42,.06); }
.plan-top .plan-badge{ background:#fff4ea; color:#e85a00; padding:6px 10px; border-radius:6px; display:inline-block; font-weight:700; margin-bottom:8px; }
.plan-features{ list-style:none; padding:0; margin:0 0 12px 0; display:flex; flex-direction:column; gap:8px; }
.plan-features li{ display:flex; gap:10px; align-items:flex-start; }
.pi-icon{ width:18px; height:18px; display:inline-block; margin-right:6px; }
.plan-footer{ margin-top:auto; display:flex; flex-direction:column; gap:8px; align-items:center; }
.plan-frequency{ font-size:12px; color:#6b7280; }
.pi-compare-table{ width:100%; border-collapse:collapse; margin:18px 0; }
.pi-compare-table th, .pi-compare-table td{ padding:10px 12px; border:1px solid #e6edf3; text-align:left; }
.pi-compare-table td.yes{ color:#e85a00; text-align:center; font-weight:700; }
.pi-compare-table td.no{ color:#9aa6b2; text-align:center; }
.pi-benefits, .pi-trust, .pi-faq{ padding:26px 0; }
.pi-trust-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.pi-final-cta{ padding:28px 0; text-align:center; background:#fff7f0; border-radius:8px; margin-top:18px; }
@media (max-width:980px){ .pi-cards-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .pi-cards-grid{ grid-template-columns:1fr;} .pi-hero .pi-title{ font-size:22px;} }

/* Icon placeholders: replace with inline SVGs or background-images */
.pi-icon-backup{ background:url('/imagenes/icons/backup.svg') no-repeat center/contain; }
.pi-icon-cloud{ background:url('/imagenes/icons/cloud.svg') no-repeat center/contain; }
.pi-icon-restore{ background:url('/imagenes/icons/restore.svg') no-repeat center/contain; }
.pi-icon-monitor{ background:url('/imagenes/icons/monitor.svg') no-repeat center/contain; }
.pi-icon-remote{ background:url('/imagenes/icons/remote.svg') no-repeat center/contain; }
.pi-icon-security{ background:url('/imagenes/icons/shield.svg') no-repeat center/contain; }

/* FAQ styles (details/summary) */
.pi-faq-list{ margin-top:12px; }
.pi-faq .faq-item{ background:#ffffff; border-radius:8px; padding:12px 16px; margin-bottom:10px; box-shadow:0 6px 18px rgba(15,23,42,0.04); }
.pi-faq .faq-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:600; font-size:15px; color:#111827; }
.pi-faq .faq-item summary::-webkit-details-marker{ display:none; }
.pi-faq .faq-item summary::after{ content:'▾'; font-size:14px; color:#6b7280; transition:transform .18s ease; }
.pi-faq .faq-item[open] summary::after{ transform:rotate(180deg); }
.pi-faq .faq-item .faq-a{ margin-top:10px; color:#374151; line-height:1.5; font-size:14px; }

@media (max-width:640px){
	.pi-faq .faq-item{ padding:12px; }
}