.elementor-154 .elementor-element.elementor-element-2d0e1c0{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-92f1295{margin:20px 16px calc(var(--kit-widget-spacing, 0px) + 5px) 35px;}.elementor-154 .elementor-element.elementor-element-92f1295 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-154 .elementor-element.elementor-element-29dddd1{padding:0px 16px 16px 16px;}#elementor-popup-modal-154{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-154 .dialog-message{height:auto;}#elementor-popup-modal-154 .dialog-close-button{display:flex;top:30px;background-color:var( --e-global-color-primary );font-size:20px;}#elementor-popup-modal-154 .dialog-widget-content{border-radius:18px 18px 18px 18px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-154 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-154 .dialog-close-button svg{fill:var( --e-global-color-secondary );}/* Start custom CSS *//* =========================
   PFL Agenda Shortcode CSS
   (para [pfl_appointment_form])
   ========================= */

/* Tokens (usa tus colores) */
:root{
  --pfl-primary:#0b3b2e;
  --pfl-camel:#c7a76a;
  --pfl-ink:#1e2a25;
  --pfl-paper:#f3efe6;
  --pfl-line:rgba(30,42,37,.14);
  --pfl-soft:rgba(11,59,46,.08);
  --pfl-shadow:0 18px 44px rgba(0,0,0,.10);
  --pfl-radius:18px;
  --pfl-radius-sm:14px;
}

/* Contenedor general del shortcode */
.pflcs{
  width:100%;
}

.pflcs .pflcs__form{
  width:100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 18px;
  border-radius: var(--pfl-radius);
  border: 1px solid var(--pfl-line);
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(199,167,106,.14), transparent 60%),
    radial-gradient(900px 420px at 90% 20%, rgba(11,59,46,.10), transparent 62%),
    #fff;
  box-shadow: var(--pfl-shadow);
}

.pflcs .pflcs__fields{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 14px;
}

/* Full width fields (motivo + detalles) */
.pflcs .pflcs__field--full{
  grid-column: 1 / -1;
}

.pflcs .pflcs__field{
  min-width: 0;
}

.pflcs .pflcs__field label{
  display:block;
  margin: 0 0 6px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(30,42,37,.78);
  font-weight: 600; /* <= 700 como pediste */
}

/* Inputs */
.pflcs .pflcs__field input,
.pflcs .pflcs__field select,
.pflcs .pflcs__field textarea{
  width:100%;
  border-radius: var(--pfl-radius-sm);
  border: 1px solid rgba(30,42,37,.16);
  background: rgba(243,239,230,.42);
  padding: 12px 12px;
  font-size: 14px;
  color: rgba(30,42,37,.92);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
  appearance: none;
}

.pflcs .pflcs__field textarea{
  min-height: 120px;
  resize: vertical;
  line-height: 1.55;
}

.pflcs .pflcs__field input:focus,
.pflcs .pflcs__field select:focus,
.pflcs .pflcs__field textarea:focus{
  border-color: rgba(199,167,106,.65);
  box-shadow: 0 0 0 4px rgba(199,167,106,.18);
  background: rgba(243,239,230,.60);
}

/* Select arrow (sobrio) */
.pflcs .pflcs__field select{
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(30,42,37,.55) 50%),
    linear-gradient(135deg, rgba(30,42,37,.55) 50%, transparent 50%),
    linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0));
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px),
    calc(100% - 2.2em) 0.5em;
  background-size: 6px 6px, 6px 6px, 1px 1.5em;
  background-repeat: no-repeat;
  padding-right: 38px;
}

/* Ayudita */
.pflcs .pflcs__muted{
  color: rgba(30,42,37,.58);
  font-weight: 500;
  text-transform:none;
  letter-spacing: 0;
}

/* Acciones */
.pflcs .pflcs__actions{
  display:flex;
  gap: 10px;
  justify-content:center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(30,42,37,.10);
  flex-wrap: wrap;
}

/* Botones base */
.pflcs .pflcs__btn{
  border-radius: 999px;
  padding: 12px 18px;
  border: 1px solid rgba(30,42,37,.16);
  background: rgba(255,255,255,.65);
  color: rgba(30,42,37,.92);
  font-weight: 600;
  font-size: 14px;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.pflcs .pflcs__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
  border-color: rgba(199,167,106,.55);
  background: rgba(255,255,255,.78);
   color: green;
}

.pflcs .pflcs__btn:active{
  transform: translateY(0);
  box-shadow: none;
}

/* Primario (agendar) */
.pflcs .pflcs__btn--primary{
  background: linear-gradient(180deg, rgba(11,59,46,.98), rgba(11,59,46,.92));
  color: var(--pfl-paper);
  border-color: rgba(199,167,106,.45);
  box-shadow: 0 18px 44px rgba(11,59,46,.22);
}

.pflcs .pflcs__btn--primary:hover{
  box-shadow: 0 22px 56px rgba(11,59,46,.26);
 color: green;
}

/* Ghost (limpiar) */
.pflcs .pflcs__btn--ghost{
  background: rgba(243,239,230,.55);
  border-color: rgba(30,42,37,.14);
}

/* Mensajes */
.pflcs .pflcs__status,
.pflcs .pflcs__error{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: var(--pfl-radius-sm);
  font-size: 14px;
  line-height: 1.55;
}

.pflcs .pflcs__status{
  border: 1px solid rgba(11,59,46,.20);
  background: rgba(11,59,46,.06);
  color: rgba(11,59,46,.92);
}

.pflcs .pflcs__error{
  border: 1px solid rgba(180,0,0,.18);
  background: rgba(180,0,0,.06);
  color: rgba(120,0,0,.92);
}

/* CTA WhatsApp dentro del status */
.pflcs .pflcs__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left: 10px;
  padding: 11px 16px;
  border-radius: 999px;
  background: #25D366; /* oficial WhatsApp */
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid rgba(37,211,102,.35);
  box-shadow: 0 16px 36px rgba(37,211,102,.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  white-space: nowrap;
}

.pflcs .pflcs__cta:hover{
    color: green !important;
  transform: translateY(-1px);
  box-shadow: 0 20px 48px rgba(37,211,102,.26);
  filter: saturate(1.04);
}

/* Responsive */
@media (max-width: 860px){
  .pflcs .pflcs__form{ padding: 16px; }
}

@media (max-width: 680px){
  .pflcs .pflcs__fields{
    grid-template-columns: 1fr;
  }
  .pflcs .pflcs__actions{
    justify-content: stretch;
  }
  .pflcs .pflcs__btn{
    width: 100%;
  }
}

/* Opcional: modo oscuro automático en contenedor oscuro */
@media (prefers-color-scheme: dark){
  .pflcs .pflcs__form{
    background:
      radial-gradient(900px 420px at 10% 0%, rgba(199,167,106,.14), transparent 60%),
      radial-gradient(900px 420px at 90% 20%, rgba(199,167,106,.10), transparent 62%),
      rgba(10,20,16,.92);
    border-color: rgba(243,239,230,.14);
  }
  .pflcs .pflcs__field label{ color: rgba(243,239,230,.72); }
  .pflcs .pflcs__field input,
  .pflcs .pflcs__field select,
  .pflcs .pflcs__field textarea{
    background: rgba(243,239,230,.08);
    border-color: rgba(243,239,230,.16);
    color: rgba(243,239,230,.92);
  }
  .pflcs .pflcs__btn{
    background: rgba(243,239,230,.08);
    border-color: rgba(243,239,230,.16);
    color: rgba(243,239,230,.92);
  }
  .pflcs .pflcs__btn--ghost{ background: rgba(243,239,230,.06); }
  .pflcs .pflcs__status{
    background: rgba(199,167,106,.10);
    border-color: rgba(199,167,106,.22);
    color: rgba(243,239,230,.92);
  }
}/* End custom CSS */