.elementor-3202 .elementor-element.elementor-element-d98537f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3202 .elementor-element.elementor-element-08d3265{text-align:center;}.elementor-3202 .elementor-element.elementor-element-e6d5067{text-align:center;}.elementor-3202 .elementor-element.elementor-element-d995e71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-3202:not(.elementor-motion-effects-element-type-background), body.elementor-page-3202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-7f87993 *//* Contenedor */
.wrap{max-width:1200px;margin:auto;padding:clamp(16px,3vw,28px)}
header.page{text-align:center;padding:clamp(24px,5vw,56px) 16px 8px}
header.page h1{margin:0 0 8px;font-size:clamp(28px,4.5vw,44px);letter-spacing:-.02em}
header.page .lead{margin:0;color:#5d6370;font-size:clamp(16px,2.2vw,20px)}

/* Chips opcionales */
.toolbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px auto 12px}
.chip{border:1px solid #e6e8ef;background:#fff;border-radius:999px;padding:.5rem .9rem;font-size:14px;color:#5d6370}

/* Grid responsive */
.grid{display:grid;gap:clamp(14px,2.2vw,22px);grid-template-columns:repeat(1,minmax(0,1fr));margin-top:18px}
@media (min-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Cards */
.card{background:#f7f8fb;border:1px solid #e6e8ef;border-radius:14px;padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;min-height:260px}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06);background:#fff}
.brand-head{display:flex;align-items:center;gap:12px}
.brand-logo{width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid #e6e8ef;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.brand-logo img{max-width:80%;max-height:80%;object-fit:contain;display:block}
.brand-title{margin:0;font-size:clamp(18px,2.2vw,20px);letter-spacing:-.01em}
.brand-desc{margin:0;color:#5d6370;font-size:15px}
.card-actions{margin-top:auto;display:flex;gap:10px;align-items:center}

/* Botones estilo “SELECCIONAR OPCIONES” */
.btn {
  appearance: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.9rem;   /* menos padding = más pequeño */
  border-radius: 6px;       /* esquinas más finas */
  font-size: 13px;          /* texto más pequeño */
  text-transform: uppercase;
  letter-spacing: 0.5px;    /* menos espaciado */
  transition: all 0.3s ease;
}
.btn-primary{background:#ffd900;color:#0033cc}
.btn-primary:hover,.btn-primary:focus{background:#0033cc;color:#fff}
.btn-ghost{background:transparent;color:#0033cc;font-weight:600}
.btn-ghost:hover,.btn-ghost:focus{opacity:.8}

/* CTA final */
footer.cta{text-align:center;margin:clamp(28px,6vw,60px) 0 10px;padding:clamp(16px,3vw,24px);border:1px dashed #e6e8ef;border-radius:14px}
footer.cta h2{margin:0 0 8px;font-size:clamp(22px,3.2vw,28px)}
footer.cta p{margin:0 0 16px;color:#5d6370}/* End custom CSS */