/*
Theme Name: Ora x la Vida – WPBakery Theme (v2)
Author: Jorge Palomares & Pancho (ChatGPT)
Description: Tema optimizado: navegación clara, diseño agradable, feed de Facebook con shortcode y formulario de contacto que envía por email sin plugins.
Version: 2.0.0
Text Domain: oraxlv
*/
:root{
  --brand-900:#0F3F4B; --brand-800:#154F5D; --brand-700:#1B5F70; --brand-600:#1F6C7E;
  --brand-500:#2A7D90; --brand-300:#8FB7C6; --rose:#B56A6A; --cream:#EADF8A;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:#f7fbfd;color:#0f172a}
.container{max-width:1200px}
.header-blur{backdrop-filter:saturate(140%) blur(10px);background:rgba(255,255,255,0.86)}
.brand-btn{background:var(--brand-600);color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.brand-btn:hover{background:var(--brand-700)}
.card{background:#fff;border:1px solid rgba(15,31,56,.06);border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.nav-toggle{display:none}
@media (max-width: 768px){
  .nav-links{display:none}
  .nav-toggle{display:inline-flex}
}
/* Anchors scroll offset */
section{scroll-margin-top:90px}
/* Contact form */
.oraxlv-form {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.oraxlv-form input,.oraxlv-form textarea{padding:12px;border:1px solid #e5e7eb;border-radius:10px;font:inherit}
.oraxlv-form textarea{grid-column:1/3}
.oraxlv-form button{grid-column:1/3;background:var(--brand-600);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700}
.oraxlv-alert{border-radius:12px;padding:12px 16px;margin-top:12px;display:none}
.oraxlv-alert.success{background:#eaf6ef;color:#155724;display:block}
.oraxlv-alert.error{background:#fde8e8;color:#7f1d1d;display:block}
/* Footer */
footer{color:#64748b}
/* Utility */
.mx-auto{margin-left:auto;margin-right:auto}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
/* Admin Bar safe offset */
body.admin-bar .header-blur{top:32px;position:sticky}
@media (max-width:782px){body.admin-bar .header-blur{top:46px}}