.elementor-130581 .elementor-element.elementor-element-aa6fccf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-130581 .elementor-element.elementor-element-aa6fccf:not(.elementor-motion-effects-element-type-background), .elementor-130581 .elementor-element.elementor-element-aa6fccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-130581 .elementor-element.elementor-element-2dfeb1f{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-130581 .elementor-element.elementor-element-305acc8 img{max-width:67%;}.elementor-130581 .elementor-element.elementor-element-bef8c13{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-130581 .elementor-element.elementor-element-8753460{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-130581 .elementor-element.elementor-element-2dfeb1f{--width:50%;}.elementor-130581 .elementor-element.elementor-element-8753460{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-bef8c13 *//* ===============================================================
   BLOQUE OFERTA 3CES  ·  Card 2‑columnas (botón | precios)
   =============================================================== */
.oferta-3ces p.product.woocommerce.add_to_cart_inline{
    /* Layout grid ------------------------------------------- */
    display:grid !important;
    grid-template-columns:auto 1fr;           /* botón | precios       */
    grid-template-areas:
        "button del"
        "button ins";
    column-gap:22px;
    row-gap:4px;

    /* Centrado global --------------------------------------- */
    justify-content:center;    /* ↔  centra horizontalmente   */
    align-content:center;      /* ↕  centra verticalmente     */

    /* Apariencia “glass” ------------------------------------ */
    padding:22px 24px !important;
    background:rgba(0,0,0,.30) !important;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    border:none !important;
    border-radius:12px;
    box-shadow:0 4px 8px rgba(0,0,0,.25);
    color:#fff;
}

/* Áreas grid ------------------------------------------------ */
.oferta-3ces p.product a.button{ grid-area:button; }
.oferta-3ces p.product del     { grid-area:del; }
.oferta-3ces p.product ins     { grid-area:ins; }

/* Botón ------------------------------------------------------ */
.oferta-3ces p.product a.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 10px;             /* ⇠ ajusta para más/menos ancho */
    white-space:nowrap;
    background:#ffd400 !important;
    color:#00286E   !important;
    border-radius:6px;
    font-weight:700;
    transition:background .25s,color .25s;
}
.oferta-3ces p.product a.button:hover{
    background:#ffffff !important;
}

/* Precios ---------------------------------------------------- */
.oferta-3ces p.product ins{
    font-size:28px;
    font-weight:700;
    line-height:1;
    color:#ffffff !important;
    align-self:end;
}
.oferta-3ces p.product del{
    font-size:15px;
    color:rgba(255,255,255,.65) !important;
    align-self:start;
    margin:0;
}

/* Responsive (<480 px)  →  layout vertical ------------------- */
@media (max-width:480px){
  .oferta-3ces p.product.woocommerce.add_to_cart_inline{
      grid-template-columns:1fr;
      grid-template-areas:
          "del"
          "ins"
          "button";
      text-align:center;
      column-gap:0;
  }
  .oferta-3ces p.product a.button{
      width:100% !important;
      white-space:normal;
  }
}
/* tarjeta (p.product) sin margen inferior */
.oferta-3ces p.product{
    margin:0 !important;
}

/* wrapper: espacio y color de la leyenda */
.oferta-3ces{
    gap:8px;                  /* antes 14 px: ajusta si quieres más/menos */
    color:#ffffff !important; /* leyenda en blanco puro                   */
}/* End custom CSS */