:root{
  --eao-primary: #047484; /* puedes cambiarlo en Ajustes */
  --eao-bg: #f7fafb;
  --eao-text: #223;
  --eao-muted: #5d6b7a;
  --eao-border: #e3e8ee;
}
.eao-form{
  background:#fff;border:1px solid var(--eao-border);border-radius:20px;
  padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06);max-width:920px;margin:24px auto;
}
.eao-header h2{margin:0 0 6px;font-size:28px;line-height:1.2}
.eao-sub{margin:0;color:var(--eao-muted)}
.eao-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.eao-field{display:flex;flex-direction:column}
.eao-field label{font-weight:600;margin-bottom:6px}
.eao-field label span{color:#c00;margin-left:4px}
.eao-field input,.eao-field select,.eao-field textarea{
  border:1px solid var(--eao-border);border-radius:12px;padding:12px;font-size:16px;
}
.eao-colspan{grid-column:1 / -1}
.eao-consent label{font-weight:400;display:flex;gap:8px;align-items:flex-start}
.eao-actions{margin-top:10px;display:flex;justify-content:flex-end}
.eao-btn{
  background:var(--eao-primary);color:#fff;border:none;border-radius:999px;
  padding:12px 20px;font-weight:700;cursor:pointer;transition:transform .05s ease,opacity .2s;
}
.eao-btn:hover{opacity:.9}
.eao-btn:active{transform:translateY(1px)}
.eao-btn-outline{
  background:#fff;color:var(--eao-primary);border:1px solid var(--eao-primary);
}
.eao-alert{
  margin:16px 0;padding:12px 16px;border-radius:12px;font-weight:600;
}
.eao-alert-success{background:#e8f6f2;color:#12644c;border:1px solid #b8e0d4}
.eao-alert-error{background:#fdecea;color:#8e1f1b;border:1px solid #f5c2bf}
@media (max-width:768px){
 .eao-fields{grid-template-columns:1fr}
 .eao-actions{position:sticky;bottom:10px}
}

/* Listado patas vacías */
.eao-grid{
  display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
}
.eao-card{
  flex:0 0 calc((100% - 32px)/3);min-width:280px;
  background:#fff;border:1px solid var(--eao-border);border-radius:18px;padding:18px;
  box-shadow:0 8px 18px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:12px;
  transition:transform .2s ease,box-shadow .2s ease;
  scroll-snap-align:start;
}
.eao-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.08)}
.eao-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.eao-card-info{flex:1}
.eao-title{margin:0 0 4px;font-size:20px;color:var(--eao-text)}
.eao-muted{margin:0;color:var(--eao-muted);font-size:14px}
.eao-code-pill{
  display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;
  background:rgba(4,116,132,.12);color:var(--eao-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
}
.eao-price{
  background:var(--eao-primary);color:#fff;border-radius:16px;padding:12px 16px;min-width:130px;
  text-align:right;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
}
.eao-price span{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;opacity:.8}
.eao-price strong{display:block;font-size:24px;line-height:1.1;margin-top:4px}
.eao-price small{display:block;font-size:12px;opacity:.9}
.eao-list{
  list-style:none;padding:14px;margin:0;border-radius:14px;background:var(--eao-bg);
  border:1px solid rgba(4,116,132,.05)
}
.eao-list li{
  display:flex;justify-content:space-between;align-items:center;margin:6px 0;
  font-weight:600;color:var(--eao-text);font-size:15px
}
.eao-list li span{color:var(--eao-muted);font-weight:500;margin-right:12px}
.eao-reserva-wrap{margin-top:4px}
.eao-reserva-form{
  margin-top:12px;padding:16px;border:1px solid var(--eao-border);border-radius:16px;
  background:#fffdfc;box-shadow:0 12px 26px rgba(0,0,0,.06)
}
.eao-reserva-form[hidden]{display:none !important}
.eao-reserva-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eao-reserva-field{display:flex;flex-direction:column;font-size:14px;font-weight:600;color:var(--eao-muted)}
.eao-reserva-field span{margin-bottom:4px}
.eao-reserva-field input{
  border:1px solid var(--eao-border);border-radius:12px;padding:11px 12px;font-size:15px;
  font-weight:500;color:var(--eao-text);background:#fff;
}
.eao-reserva-actions{margin-top:16px;text-align:right}
.eao-btn.eao-reserva-toggle{
  width:100%;background:linear-gradient(120deg,var(--eao-primary),#0ab5c8);
  box-shadow:0 8px 16px rgba(4,116,132,.25);
}
.eao-btn.eao-reserva-toggle:hover{opacity:1;transform:translateY(-1px)}
.eao-btn.eao-reserva-toggle:active{transform:translateY(1px)}
@media (max-width:1024px){
  .eao-card{flex:0 0 calc((100% - 16px)/2)}
}
@media (max-width:640px){
  .eao-reserva-grid{grid-template-columns:1fr}
  .eao-card-top{flex-direction:column}
  .eao-price{text-align:left;width:100%}
  .eao-card{flex:0 0 100%}
}