/* Wedding planner page styles.
   Referenced by: wedding-planner/index.php. */
/* Total Eventos · Wedding Planner
 * Complementa eventos.css (clases occasion-*). Mismos colores y esquinas rectas del sitio. */
.wp-page{
  --wp-navy:#14263d;
  --wp-gold:#c9a668;
  --wp-gold-ink:#8e6b37;
  --wp-cream:var(--cream,#fbf9f4);
  --wp-paper:var(--paper,#f5f1e9);
  --wp-line:var(--line,#d9d2c5);
  --wp-ink:#14263d;
  --wp-deep:#14263d;
}

/* Botón de contorno oscuro para tarjetas claras */
.wp-page .occasion-button.line-dark{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:1px solid var(--wp-ink);color:var(--wp-ink);background:transparent;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.wp-page .occasion-button.line-dark:hover{background:var(--wp-ink);color:#fff}

/* Paquetes */
.wp-packages{background:var(--wp-paper)}
.wp-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.wp-package{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 26px;background:var(--wp-cream);border:1px solid var(--wp-line)}
.wp-package .wp-num{color:var(--wp-gold-ink);font-size:14px;letter-spacing:.18em}
.wp-package h3{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.wp-price{margin:0;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}
.wp-price small{font-size:13px;font-weight:700;letter-spacing:0;color:#6a6a62}
.wp-for{margin:0;color:#4d524f;font-size:15px;line-height:1.5}
.wp-team{margin:0;padding:10px 12px;background:rgba(20,38,61,.06);font-size:14px;line-height:1.35}
.wp-team b{font-size:15px}
.wp-inherit{margin:4px 0 -2px;font-size:14px;font-weight:800;color:var(--wp-gold-ink)}
.wp-inherit+ul{border-top:0;padding-top:6px}
.wp-package.is-dark .wp-team{background:rgba(255,255,255,.08)}
.wp-package.is-dark .wp-inherit{color:var(--wp-gold)}
.wp-package ul{margin:6px 0 0;padding:16px 0 0;border-top:1px solid var(--wp-line);list-style:none;display:grid;gap:9px;font-size:14.5px;line-height:1.45}
.wp-package li{position:relative;padding-left:20px}
.wp-package li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--wp-gold)}
.wp-gift{margin:auto 0 0;padding:12px 14px;background:rgba(201,166,104,.16);font-size:14px;line-height:1.45}
.wp-value{margin:0;padding:10px 12px;border:1px dashed var(--wp-gold-ink);font-size:14px;line-height:1.4}
.wp-note{margin:0;font-size:13.5px;line-height:1.45;color:#4d524f}
.wp-pay{margin:0;font-size:13.5px;line-height:1.45;color:#4d524f}
.wp-package .wp-pay{margin-top:auto;padding-top:10px;border-top:1px solid var(--wp-line)}
.wp-package.is-dark .wp-value{border-color:var(--wp-gold)}
.wp-package .occasion-button{margin-top:8px}
.wp-package:not(:has(.wp-gift)) .occasion-button{margin-top:auto}
.wp-package.is-featured{border:2px solid var(--wp-gold);box-shadow:0 18px 40px rgba(20,38,61,.12)}
.wp-badge{position:absolute;top:-13px;left:26px;padding:6px 10px;background:var(--wp-gold);color:#151918;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.wp-package.is-dark{background:var(--wp-navy);border-color:var(--wp-navy);color:#fff}
.wp-package.is-dark .wp-for,.wp-package.is-dark .wp-price small{color:#cfd6df}
.wp-package.is-dark ul{border-color:rgba(255,255,255,.18)}
.wp-package.is-dark .wp-num{color:var(--wp-gold)}
.wp-package.is-dark .wp-gift{background:rgba(201,166,104,.2)}

/* Tablas */
.wp-compare{background:#fff}
.wp-table-scroll{margin-top:30px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--wp-line);background:var(--wp-cream)}
.wp-table-scroll:focus-visible{outline:3px solid var(--wp-gold);outline-offset:3px}
.wp-table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px;line-height:1.45}
.wp-table th,.wp-table td{padding:14px 16px;border-bottom:1px solid var(--wp-line);text-align:left;vertical-align:top}
.wp-table thead th{background:var(--wp-navy);color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.wp-table thead th:nth-child(4){background:var(--wp-deep)}
.wp-table tbody th{font-weight:700;width:22%}
.wp-table tbody tr:first-child td{font-weight:800;font-size:18px}
.wp-table tbody tr:last-child th,.wp-table tbody tr:last-child td{border-bottom:0}
.wp-table-simple{min-width:0}
.wp-table-simple tbody th{width:48%}
.wp-table-simple tbody tr:first-child td{font-weight:400;font-size:15px}
.wp-small{margin:12px 0 0;font-size:13.5px;color:#5b605c}

/* Simulador */
.wp-sim-section{background:var(--wp-paper)}
.wp-sim{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;margin-top:34px;align-items:start}
.wp-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;padding:28px;background:var(--wp-cream);border:1px solid var(--wp-line)}
.wp-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.wp-field>span,.wp-field>label,.wp-field legend{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--wp-ink);padding:0}
.wp-field em{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:#6a6a62}
.wp-field small{font-size:13px;color:#5b605c}
.wp-span{grid-column:1/-1}
.wp-sim select,.wp-sim input[type=number],.wp-sim input[type=date]{width:100%;min-height:50px;padding:12px 14px;border:1px solid #bdb5a6;border-radius:0;background:#fff;color:var(--wp-ink);font:inherit;font-size:16px}
.wp-sim select:focus,.wp-sim input:focus{outline:3px solid rgba(201,166,104,.55);outline-offset:0;border-color:var(--wp-gold-ink)}
.wp-stepper{display:grid;grid-template-columns:50px 1fr 50px}
.wp-stepper input{text-align:center;border-left:0!important;border-right:0!important;-moz-appearance:textfield}
.wp-stepper input::-webkit-outer-spin-button,.wp-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wp-stepper button{min-height:50px;border:1px solid #bdb5a6;background:#fff;color:var(--wp-ink);font-size:22px;font-weight:700;cursor:pointer}
.wp-stepper button:hover{background:var(--wp-paper)}
.wp-stepper input:disabled,.wp-stepper input:disabled~button{opacity:.5}
.wp-extras{display:grid;gap:8px}
.wp-check{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--wp-line);cursor:pointer;font-size:15px;line-height:1.35}
.wp-check[hidden]{display:none}
.wp-check input{width:20px;height:20px;margin:0;accent-color:var(--wp-navy)}
.wp-check b{font-size:14px;white-space:nowrap;color:var(--wp-gold-ink)}
.wp-check:has(input:checked){border-color:var(--wp-gold-ink);background:#fffaf0}

.wp-show-premium{display:none}
.wp-sim.is-premium .wp-show-premium{display:flex}
.wp-sim.is-premium .wp-hide-premium{display:none}

.wp-result{position:sticky;top:96px;display:flex;flex-direction:column;gap:10px;padding:30px 28px;background:var(--wp-navy);color:#fff}
.wp-result-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--wp-gold)}
.wp-result-total{margin:0;font-size:clamp(40px,5vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1}
.wp-result-iva{margin:0;color:#cfd6df;font-size:16px}
.wp-breakdown{margin:12px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18);list-style:none;display:grid;gap:8px;font-size:14.5px}
.wp-breakdown:empty{display:none}
.wp-breakdown li{display:flex;justify-content:space-between;gap:14px}
.wp-breakdown span{color:#dfe4ea}
.wp-breakdown b{white-space:nowrap}
.wp-aviso{margin-top:8px;padding:14px;background:rgba(201,166,104,.18);border-left:3px solid var(--wp-gold);font-size:14.5px;line-height:1.5}
.wp-plan{margin:8px 0 0;padding:12px 14px;background:rgba(255,255,255,.08);font-size:14.5px;line-height:1.5;color:#dfe4ea}
.wp-plan[hidden],.wp-field[hidden]{display:none}
.wp-value-lead{margin-top:14px;display:inline-block}
.wp-link{display:inline;margin-left:4px;padding:0;border:0;background:none;color:var(--wp-gold);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.wp-wa{margin-top:10px;justify-content:center;text-align:center}
.wp-includes{margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.wp-includes h4{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp-gold)}
.wp-includes ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14px;color:#dfe4ea}
.wp-includes .wp-li-head{list-style:none;margin-left:-18px;font-weight:800;color:var(--wp-gold)}
.wp-legal{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#aab5c2}

/* Experiencias (sección oscura de eventos.css) */
.wp-note-dark{margin:26px 0 0;font-size:14px;color:rgba(255,255,255,.72);max-width:760px}

/* Extras y condiciones */
.wp-addons{background:#fff}
.wp-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:44px;align-items:start}
.wp-two-col h2{margin-top:10px}
.wp-two-col .wp-table-scroll{margin-top:0}
.wp-combo{margin-top:22px;padding:16px 18px;background:var(--wp-paper);border-left:3px solid var(--wp-gold);line-height:1.5}
.wp-terms .wp-two-col{grid-template-columns:1fr 1fr}
.wp-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px;line-height:1.5}
.wp-list li{position:relative;padding-left:22px}
.wp-list li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--wp-gold)}

/* Proveedores sin comisión */
.wp-trust h2{color:#fff;max-width:760px}
.wp-trust .kicker{color:var(--wp-gold)}
.wp-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}
.wp-trust-grid p{margin:0;color:rgba(255,255,255,.85);line-height:1.6;font-size:17px}

@media (max-width:1080px){
  .wp-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Barra con el total, solo en pantallas angostas */
.wp-mini{display:none}
@media (max-width:900px){
  .wp-mini{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:10px;padding:12px 16px;background:var(--wp-navy);color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(20,38,61,.25)}
  .wp-mini span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--wp-gold)}
  .wp-mini b{font-size:20px;letter-spacing:-.02em}
  .wp-mini em{margin-left:auto;font-style:normal;font-size:13px;color:#cfd6df}
  .wp-sim{grid-template-columns:1fr;gap:0}
  .wp-fields{margin-bottom:20px}
  .wp-result{position:static}
  .wp-two-col,.wp-terms .wp-two-col,.wp-trust-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width:640px){
  .wp-package-grid{grid-template-columns:1fr;gap:26px}
  .wp-fields{grid-template-columns:1fr;padding:20px 16px}
  .wp-result{padding:24px 18px}
  .wp-check{grid-template-columns:22px 1fr;row-gap:2px}
  .wp-check b{grid-column:2}
  .wp-table{font-size:14px}
  .wp-table th,.wp-table td{padding:12px}
  .wp-table-simple tbody th,.wp-table-simple tbody td{display:block;width:auto}
  .wp-table-simple tbody th{border-bottom:0;padding-bottom:2px}
}

/* Integración V149 con la marca azul marino y el pie compartido. */
.wp-page{--theme:#36516f;--theme-deep:#14263d;--ink:#14263d;--wp-deep:#14263d}
.wp-page .occasion-hero{min-height:610px}
.wp-page .occasion-hero-image{background-image:linear-gradient(90deg,rgba(20,38,61,.96),rgba(20,38,61,.42)),url('/assets/imagenes/niebla-baja.png')!important}
.wp-page .hero-copy{padding:90px 0}
.wp-page .section-heading{gap:26px 48px}
.wp-page .section-heading .wp-value-lead{grid-column:2;grid-row:1;align-self:start}
.wp-page .section-heading .wp-value-lead+p{grid-column:2}
.wp-page .wp-price{display:flex;flex-wrap:wrap;gap:6px 9px;font-size:32px;line-height:1.12}
.wp-page .wp-price small:last-child{flex-basis:100%;font-size:12px;line-height:1.6}
.wp-page .wp-table-simple{min-width:0}
.wp-page .wp-table-scroll{min-width:0;max-width:100%}
.wp-page .wp-result-tax{font-size:13px;margin:0;color:#dfe4ea}
.wp-page .wp-result-iva{font-size:14px}
.wp-page .wp-result .wp-legal{color:#d2d9e2}
.wp-page .wp-result a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.wp-page .wp-terms .wp-small a,.wp-page .wp-small a,.wp-page .section-heading a{text-decoration:underline;text-underline-offset:3px}
.wp-page .wp-field input,.wp-page .wp-field select{min-width:0;width:100%;max-width:100%;font:inherit;color:#14263d;background:#fff}
.wp-page .wp-field input:focus-visible,.wp-page .wp-field select:focus-visible,.wp-page .wp-stepper button:focus-visible{outline:3px solid #8e6b37;outline-offset:2px}
.wp-page .wp-mini[hidden]{display:none}
.wp-page .wp-stepper button{min-height:44px;min-width:42px}
.wp-page .wp-trust-grid p{font-size:16px}
.wp-page [hidden]{display:none!important}
.wp-page .wp-result{scroll-margin-top:24px}
.wp-page .occasion-button{min-height:44px}
@media(min-width:1081px){.wp-page .wp-package{padding:28px 19px}.wp-page .wp-package h3{min-height:53px}}
@media(max-width:900px){.wp-page .section-heading .wp-value-lead,.wp-page .section-heading .wp-value-lead+p{grid-column:auto;grid-row:auto}.wp-page .wp-result{scroll-margin-top:70px}.wp-page .wp-mini{grid-column:1/-1}.wp-page .wp-sim{display:block}}
@media(max-width:640px){.wp-page .occasion-hero{min-height:540px}.wp-page .hero-copy{padding:65px 0}.wp-page .hero-copy h1{font-size:42px}.wp-page .occasion-hero:after{display:none}.wp-page .wp-check{overflow-wrap:anywhere}.wp-page .wp-mini{flex-wrap:wrap}.wp-page .wp-mini b{font-size:19px}.wp-page .wp-result-total{font-size:43px}.wp-page .section-heading{gap:20px}.wp-page .wp-fields{margin-top:0}.wp-page .wp-table-simple td{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wp-page .need-card{transition:none}}
