/* =========================================================
   EMM – Bloque 12: Reserva tu plaza
   Archivo: 12-reserva-tu-plaza.css
   Scope: SOLO Landing Formación (page-id-9595) + bloque reserva-plaza
   ========================================================= */

body.page-id-9595 #reserva-plaza.emm-pricing-wrap{
  --emm-orange: #ffb000;
  --emm-orange-strong: #f3a500;
  --emm-badge-yellow: #ffd84d;
  --emm-white: #ffffff;
  --emm-ink: #000000;
  --emm-muted: rgba(0,0,0,.62);
  --emm-muted-2: rgba(0,0,0,.42);
  --emm-soft: #f6f6e9;

  --emm-radius: 12px;
  --emm-radius-sm: 10px;
  --emm-border: rgba(0,0,0,.12);
  --emm-shadow: 0 16px 44px rgba(0,0,0,.10);
  --emm-shadow-soft: 0 10px 26px rgba(0,0,0,.08);

  padding: clamp(24px, 4vw, 56px) 0;
}

/* -----------------------------
   Tipografía global del bloque
------------------------------ */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap *{
  font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap h1,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap h2,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap h3{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: -0.01em;
}

/* TÍTULO DEL BLOQUE */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap > .wp-block-heading{
  text-align: center;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.08;
  font-weight: 800;
  margin: 0 0 clamp(18px, 2.6vw, 30px) 0;
  color: var(--emm-ink);
  letter-spacing: -0.02em;
}

/* -----------------------------
   Layout columnas
------------------------------ */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-columns{
  gap: clamp(14px, 2.2vw, 22px);
  align-items: stretch;
}

/* Cada columna = tarjeta */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column{
  background: var(--emm-white);
  border: 1px solid var(--emm-border);
  border-radius: var(--emm-radius);
  box-shadow: var(--emm-shadow-soft);
  padding: clamp(18px, 2.2vw, 24px);
  position: relative;
  overflow: visible;

  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-align: center;
}

/* Separación entre elementos dentro de cada tarjeta */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column > * + *{
  margin-top: 10px;
}

/* H2 de cada columna */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column > .wp-block-heading{
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.08;
  margin: 0 0 8px 0;
  color: var(--emm-ink);
  font-weight: 700;
}

/* Textos */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column p{
  color: rgba(0,0,0,.82);
  margin: 0;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column p em,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column p i{
  color: var(--emm-muted);
}

/* -----------------------------
   Card Featured (columna central)
------------------------------ */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured{
  background: var(--emm-orange);
  border-color: rgba(0,0,0,.10);
  box-shadow: var(--emm-shadow);
  transform: translateY(-4px);
  padding-top: clamp(54px, 4.2vw, 68px);
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured > .wp-block-heading{
  color: var(--emm-white);
  font-weight: 800;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured p{
  color: var(--emm-white);
}

/* Cartel “Tu mejor opción”
   - Recto
   - Centrado
   - Solapando el borde superior del card
   - Estética tipo cartel/oferta
*/
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured p:first-of-type{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 18px;
  margin: 0;

  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);

  background: var(--emm-badge-yellow);
  color: var(--emm-ink);
  border: 2px solid rgba(0,0,0,.18);
  border-radius: 0;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);

  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .01em;
  text-align: center;
  white-space: nowrap;
}

/* -----------------------------
   Botones / enlaces
------------------------------ */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap a{
  color: inherit;
  text-decoration: none;
}

/* Botones laterales */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column:not(.emm-pricing-card-featured) a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: var(--emm-radius-sm);
  background: var(--emm-orange);
  color: var(--emm-white);
  font-weight: 800;
  border: 1px solid rgba(0,0,0,.08);
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
  margin: 10px auto 0 auto;
  width: fit-content;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column:not(.emm-pricing-card-featured) a:hover{
  background: #ffbf33;
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(0,0,0,.12);
}

/* Botón central */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: var(--emm-radius-sm);
  background: var(--emm-white);
  color: var(--emm-orange);
  font-weight: 900;
  border: 1px solid rgba(0,0,0,.10);
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
  margin: 12px auto 0 auto;
  width: fit-content;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured a:hover{
  background: #f3f4f6;
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(0,0,0,.18);
}

/* =========================================================
   FINANCIACIÓN: carrusel
   - primera visible = 12 meses
   - se ve un poco de la siguiente para sugerir que hay más
   ========================================================= */

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__track{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 34px 6px 2px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-padding-left: 2px;
  scrollbar-width: none;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__track::-webkit-scrollbar{
  height: 0px;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__card{
  flex: 0 0 86%;
  max-width: 86%;
  scroll-snap-align: start;
  scroll-snap-stop: always;

  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;

  text-align: center;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing.emm-pricing--has-more::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: calc(100% - 28px);
  pointer-events: none;
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.95));
}

/* Hint visual */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__swipe-hint{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
  color: var(--emm-muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__swipe-hint-arrow{
  color: var(--emm-orange);
  font-size: 16px;
  font-weight: 900;
  transform: translateY(-1px);
}

/* Jerarquía de precios (financiación) */
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__months{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  color: var(--emm-orange);
  font-size: 18px;
  margin-bottom: 8px;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__monthly{
  margin-top: 2px;
  color: rgba(0,0,0,.88);
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__monthly-price{
  display: inline-block;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 30px;
  line-height: 1.05;
  color: var(--emm-ink);
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__monthly-price .woocommerce-Price-amount{
  font-weight: 900;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__monthly-suffix{
  font-size: 14px;
  color: var(--emm-muted);
  margin-left: 6px;
  font-weight: 700;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__total{
  margin-top: 6px;
  font-size: 14px;
  color: var(--emm-muted-2);
  font-weight: 700;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing__total .woocommerce-Price-amount{
  font-weight: 900;
  color: var(--emm-orange);
}

/* =========================================================
   PAGO ÚNICO: precio principal
   ========================================================= */

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-price.emm-price--single{
  margin-top: 6px;
  margin-bottom: 6px;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-price.emm-price--single .woocommerce-Price-amount{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 1.05;
  display: inline-block;
  letter-spacing: -0.02em;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured .emm-price.emm-price--single .woocommerce-Price-amount{
  color: var(--emm-ink);
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-price.emm-price--single small,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-price.emm-price--single .woocommerce-price-suffix{
  font-size: 13px;
  color: rgba(0,0,0,.70);
  font-weight: 600;
}

/* =========================================================
   ENTRADA + 6
   ========================================================= */

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price{
  margin-top: 6px;
  margin-bottom: 6px;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__monthly{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.05;
  color: var(--emm-ink);

  font-size: 0;
  white-space: nowrap;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__monthly .woocommerce-Price-amount{
  font-size: 30px;
  font-weight: 900;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__monthly::after{
  content: " /mes";
  font-size: 14px;
  color: var(--emm-muted);
  font-weight: 700;
  margin-left: 6px;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__signup{
  margin-top: 6px;
  color: var(--emm-muted-2);
  font-size: 14px;
  font-weight: 700;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__signup .woocommerce-Price-amount{
  color: var(--emm-orange);
  font-weight: 900;
}

body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__signup b,
body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__signup strong{
  color: var(--emm-orange);
  font-weight: 900;
}

/* -----------------------------
   Responsive
------------------------------ */
@media (max-width: 900px){
  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-columns{
    gap: 14px;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured{
    transform: none;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__card{
    flex-basis: 90%;
    max-width: 90%;
  }
}

@media (max-width: 600px){
  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column{
    padding: 16px;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured{
    padding-top: 56px;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .wp-block-column.emm-pricing-card-featured p:first-of-type{
    min-height: 38px;
    padding: 7px 14px;
    font-size: 14px;
    max-width: calc(100% - 28px);
    white-space: normal;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__track{
    padding-right: 26px;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-pricing.emm-pricing--financing .emm-pricing__card{
    flex-basis: 92%;
    max-width: 92%;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-price.emm-price--single .woocommerce-Price-amount{
    font-size: 34px;
  }

  body.page-id-9595 #reserva-plaza.emm-pricing-wrap .emm-entry-price__monthly .woocommerce-Price-amount{
    font-size: 32px;
  }
}