@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
:root { --bg:#F2EDED; --accent:#892c3e; --menu-bg:#B1A6AD; --text:#333; }
* { box-sizing:border-box; }
body { font-family:Arial,sans-serif; background:var(--bg); color:var(--text); margin:0; text-align:center; line-height:1.6; }
header.site-header { background:#892C3E; color:white; padding:50px 20px; }
header.site-header h1 { font-family:'Satisfy',cursive; font-size:3.2em; margin:0; letter-spacing:1px; }
header.site-header p { font-size:1.3em; margin:10px 0 0; font-weight:normal; color:#F8E8E8; }
nav.site-nav { display:flex; justify-content:center; gap:28px; background:var(--menu-bg); padding:16px 12px; flex-wrap:wrap; }
nav.site-nav a { color:white; text-decoration:none; padding:10px 18px; border-radius:8px; font-size:1.8em; }
nav.site-nav a:hover,nav.site-nav a:focus-visible { background:var(--accent); }
main { max-width:980px; margin:36px auto; padding:0 16px 40px; }
section.card { background:#fff; margin:32px 0; padding:26px 22px; border-radius:14px; box-shadow:0 6px 18px rgba(0,0,0,.06); }
section.card h2,section.card h3 { color:var(--accent); font-family:Arial,sans-serif; font-size:1.5em; margin:0 0 10px; display:flex; justify-content:center; align-items:center; gap:10px; }
section.card p { font-size:1.12em; color:#444; margin:12px 0 0; text-align:left; }
section.card .feature-image { display:block; margin:18px auto; width:100%; max-width:500px; height:auto; border-radius:12px; box-shadow:0 6px 14px rgba(0,0,0,.06); }
.logo { margin:40px auto 10px; max-width:340px; }
.logo img { width:100%; height:auto; display:block; margin:0 auto; }
.lotus { max-width:250px; width:100%; height:auto; margin:40px auto 10px; display:block; opacity:.95; }
footer { color:#777; padding:22px 10px 40px; }
.contact-item { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin:22px 0; font-size:1.12em; overflow-wrap:anywhere; }
.contact-item a { color:var(--accent); font-weight:bold; text-decoration:none; }
.contact-item a:hover,.contact-item a:focus-visible { text-decoration:underline; }
.contact-icon { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; font-size:28px; flex-shrink:0; }
.whatsapp-icon { vertical-align:middle; width:44px; height:44px; margin-right:10px; }
.whatsapp-link { color:#178544; font-weight:bold; }
@media(max-width:720px) {
  header.site-header h1 { font-size:clamp(1.8rem, 8vw, 2.35rem); white-space:nowrap; letter-spacing:0; }
  header.site-header p { font-size:clamp(1rem, 4.2vw, 1.18rem); line-height:1.45; }
  nav.site-nav { gap:14px; padding:12px; }
  nav.site-nav a { font-size:1em; padding:8px 14px; }
  main { margin:24px auto; }
  section.card { margin:24px 0; padding:22px 18px; }
  section.card p { font-size:1.05em; }
  section.card .feature-image { max-width:90%; }
  .contact-item { font-size:1.05em; gap:10px; }
  .logo { max-width:90%; }
  .lotus { max-width:180px; margin:30px auto 8px; }
}