:root{
  --pm-blue:#01ADF5;
  --pm-blue-deep:#2f80a8;
  --pm-dark:#1f2d24;
  --pm-light-bg:#eef3f5;
  --pm-text:#3a4340;
  --pm-border:#e2e8ea;
}
.pm-wrap{width:100%;max-width:820px;margin:0 auto;flex:1 1 auto;}
.pm-products{width:100%;}
/* El tema mete el contenido del post en una columna flex "auto" (se ajusta
   al contenido en vez de ocupar el ancho disponible), lo que hace que la
   rejilla de tarjetas de producto colapse a una sola columna con espacio
   vacio al lado. Forzamos esa columna concreta a estirarse. */
.h-column:has(.pm-wrap){flex:1 1 auto !important;width:100% !important;max-width:100% !important;}
.pm-wrap *{box-sizing:border-box;}
.pm-wrap img{max-width:100%;display:block;}
.pm-wrap a{color:var(--pm-blue-deep);}
.pm-lede{font-size:clamp(1rem,3vw,1.1rem);color:var(--pm-blue-deep);font-weight:600;margin-bottom:24px;}
.pm-toc{background:var(--pm-light-bg);border-radius:14px;padding:24px 28px;margin:0 auto 40px;max-width:760px;box-shadow:0 8px 22px rgba(30,40,45,0.08);}
.pm-toc h2{font-size:1.05rem;margin:0 0 12px;color:var(--pm-dark);}
.pm-toc ol{margin:0;padding-left:20px;}
.pm-toc li{margin-bottom:6px;}
.pm-toc a{text-decoration:none;font-weight:600;}
.pm-toc a:hover{text-decoration:underline;}
.pm-article h2{font-size:clamp(1.25rem,4vw,1.5rem);color:var(--pm-dark);margin:44px 0 16px;padding-bottom:10px;border-bottom:3px solid var(--pm-blue);display:inline-block;}
.pm-article h3{font-size:clamp(1.05rem,3vw,1.15rem);color:var(--pm-blue-deep);margin:28px 0 10px;}
.pm-article p{margin:0 0 16px;font-size:1.02rem;overflow-wrap:break-word;word-wrap:break-word;}
.pm-article ul, .pm-article ol{margin:0 0 18px;padding-left:22px;}
.pm-article li{margin-bottom:8px;overflow-wrap:break-word;word-wrap:break-word;}
.pm-article strong{color:var(--pm-dark);}
.pm-article dl{margin:0 0 24px;}
.pm-article dt{font-weight:700;color:var(--pm-dark);margin-top:16px;}
.pm-article dd{margin:4px 0 0;overflow-wrap:break-word;word-wrap:break-word;}
.pm-box{border-radius:12px;padding:18px 20px;margin:24px 0;display:flex;gap:12px;align-items:flex-start;}
.pm-box .pm-box-icon{font-size:1.3rem;line-height:1;}
.pm-box p{margin:0;}
.pm-box-tip{background:#eaf6ec;border:1px solid #cdeacf;}
.pm-box-tip strong{color:#2a8f38;}
.pm-box-aviso{background:#fff6e5;border:1px solid #f5e0ad;}
.pm-box-aviso strong{color:#a56c00;}
.pm-box-experience{background:#eef6fb;border:1px solid #c8e2f0;}
.pm-box-experience strong{color:#2f80a8;}
.pm-table{width:100%;border-collapse:collapse;margin:20px 0;}
.pm-table th, .pm-table td{text-align:left;padding:12px 14px;border:1px solid var(--pm-border);font-size:.95rem;overflow-wrap:break-word;word-wrap:break-word;}
.pm-table th{background:var(--pm-light-bg);color:var(--pm-dark);}
.pm-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0 32px;}
.pm-product-card{position:relative !important;background:#fff !important;border:1px solid #e2e8ea !important;border-radius:20px !important;padding:24px 20px 20px !important;box-shadow:0 10px 26px rgba(1,58,84,0.10) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;margin:0 !important;transition:transform .2s ease, box-shadow .2s ease;}
.pm-product-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--pm-blue) 0%,#FFD100 100%);}
.pm-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(1,58,84,0.20);}
.pm-product-img{background:var(--pm-light-bg);border-radius:10px;height:170px;display:flex;align-items:center;justify-content:center;color:#8fa3ad;font-size:.82rem;margin-bottom:14px;text-align:center;padding:10px;overflow:hidden;}
.pm-product-card .pm-product-img img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;display:block;}
.pm-product-card h4{margin:0 0 8px;color:var(--pm-dark);font-size:1.05rem;}
.pm-product-card ul{margin:0 0 16px;padding-left:18px;font-size:.9rem;flex-grow:1;}
.pm-product-card li{margin-bottom:4px;}
.pm-product-price{align-self:center;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#eaf6fd 0%,#cdeafc 100%);border:1px solid rgba(1,173,245,.22);color:var(--pm-blue-deep);font-weight:900;font-size:1.3rem;padding:8px 24px;border-radius:999px;margin:4px 0 16px;}
.pm-product-price::before{content:"\1F3F7\FE0F";font-size:1rem;}
.pm-product-btn{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(135deg,var(--pm-blue) 0%,#0392cf 100%);color:#fff !important;text-decoration:none;font-weight:800;font-size:1rem;padding:15px 20px;border-radius:999px;min-height:48px;line-height:20px;width:100% !important;max-width:100%;margin:0 auto !important;box-shadow:0 10px 22px rgba(1,173,245,0.35);transition:transform .15s ease, box-shadow .15s ease;}
.pm-product-btn::before{content:"\1F6D2";font-size:1rem;}
.pm-product-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 28px rgba(1,173,245,0.45);}
.pm-pending-tag{display:inline-block;background:#fff6e5;color:#a56c00;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;margin-bottom:8px;}
.pm-cta{background:#01ADF5;color:#fff;border-radius:16px;padding:36px 44px;text-align:center !important;margin:48px -50px;width:calc(100% + 100px);max-width:none;}
.pm-cta h3{color:#fff !important;margin:0 0 10px;font-size:1.3rem;text-align:center !important;}
.pm-cta p{color:#eaf6fd !important;margin:0 0 20px;text-align:center !important;}
.pm-cta p:has(.pm-cta-btn){text-align:center !important;margin:0 0 20px;}
.pm-cta-btn{display:inline-flex !important;align-items:center;justify-content:center;text-align:center;white-space:nowrap;background:#FFD100 !important;color:#013a54 !important;text-decoration:none !important;font-weight:800;padding:18px 90px;border-radius:999px;box-shadow:0 10px 24px rgba(1,58,84,0.25);transition:transform .15s ease, box-shadow .15s ease;min-height:44px;line-height:1.2;max-width:100%;}
.pm-cta-btn:hover{transform:translateY(-2px);background:#ffdd33 !important;}
.pm-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(1,173,245,0.45);}
.pm-faq{margin:16px 0 40px;}
.pm-faq-item{border-bottom:1px solid var(--pm-border);}
.pm-faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:18px 0;font-size:1.02rem;font-weight:700;color:var(--pm-dark);display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;}
.pm-faq-q .pm-faq-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--pm-light-bg);color:var(--pm-blue-deep);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .2s ease;}
.pm-faq-item.is-open .pm-faq-icon{transform:rotate(45deg);}
.pm-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.pm-faq-a p{padding-bottom:18px;margin:0;color:var(--pm-text);}
.pm-newsletter{background:var(--pm-light-bg);border-radius:16px;padding:32px;text-align:center;margin:16px 0 48px;}
.pm-newsletter h3{margin:0 0 8px;color:var(--pm-dark);}
.pm-newsletter p{margin:0 0 18px;}
.pm-newsletter form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.pm-newsletter input[type=email]{padding:12px 16px;border-radius:999px;border:1px solid var(--pm-border);min-width:240px;font-size:1rem;flex:1 1 240px;max-width:320px;}
.pm-newsletter button{padding:12px 26px;border-radius:999px;border:none;background:var(--pm-blue);color:#fff;font-weight:700;cursor:pointer;min-height:44px;}

/* Tablet: keep product cards at a comfortable 2-column layout instead of a cramped 3-up grid */
@media (min-width:601px) and (max-width:900px){
  .pm-products{grid-template-columns:repeat(2,1fr);}
  .pm-cta{margin:48px -20px;width:calc(100% + 40px);padding:32px 28px;}
}

/* Phone: tighten padding on the heavier boxed components */
@media (max-width:480px){
  .pm-toc{padding:18px 20px;margin-bottom:28px;}
  .pm-cta{padding:26px 20px;margin:36px 0;width:100%;max-width:100%;}
  .pm-cta-btn{white-space:normal;padding:14px 28px;}
  .pm-newsletter{padding:24px 20px;}
  .pm-box{padding:14px 16px;}
  .pm-article h2{margin-top:32px;}
}
