/* ===== Previo Estudio — Sub-Pages Shared Styles ===== */
/* Used by: privacy.html, terms.html, disclaimer.html, contact.html */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;background:#f8f9fc;line-height:1.7}

/* Header */
.hdr{background:#0f1b4c;color:#fff;padding:20px;text-align:center}
.hdr h1{font-size:1.2rem;font-weight:700}
.hdr a{color:rgba(255,255,255,.7);font-size:.82rem;text-decoration:underline}

/* Navigation */
.nav{background:#fff;border-bottom:1px solid #e8eaf0;padding:10px 20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.nav a{font-size:.75rem;color:#555;padding:4px 10px;border-radius:6px;text-decoration:none;border:1px solid #e8eaf0}
.nav a:hover{background:#f0f1f5}

/* Content Container */
.ct{max-width:680px;margin:0 auto;padding:28px 20px 48px}

/* Headings */
h2{font-size:1rem;font-weight:700;color:#0f1b4c;margin:28px 0 10px;padding-top:10px;border-top:1px solid #e8eaf0}
h2:first-of-type{border-top:none;margin-top:14px}

/* Text */
p,li{font-size:.86rem;color:#444;margin-bottom:10px}
ul{padding-left:20px;margin-bottom:14px}
li{margin-bottom:6px}

/* Update Date */
.upd{font-size:.78rem;color:#888;margin-bottom:20px}

/* Back Link */
.bk{display:inline-block;margin-top:28px;color:#25D366;font-weight:600;font-size:.88rem;text-decoration:none}

/* Highlight Box (terms, disclaimer) */
.hl{background:#fff3e0;border-left:4px solid #ff9800;padding:14px 16px;border-radius:0 8px 8px 0;margin:18px 0}
.hl p{margin:0;color:#5d4037;font-weight:500;font-size:.84rem}

/* Red Highlight Box (disclaimer) */
.hl-red{background:#ffebee;border-left:4px solid #d32f2f;padding:14px 16px;border-radius:0 8px 8px 0;margin:18px 0}
.hl-red p{margin:0;color:#b71c1c;font-weight:500;font-size:.84rem}

/* ===== Contact Page Specific ===== */
.cards{display:flex;flex-direction:column;gap:14px;margin:24px 0}
.cd{background:#fff;border-radius:12px;padding:20px;border:1px solid #e8eaf0;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.cd-icon{font-size:1.4rem;margin-bottom:6px}
.cd h3{font-size:.92rem;font-weight:700;color:#0f1b4c;margin-bottom:6px}
.cd p{font-size:.82rem;color:#555;margin-bottom:4px}
.cd a{color:#25D366;font-weight:600;text-decoration:none}

/* Contact Form */
.fw{background:#fff;border-radius:12px;padding:22px;border:1px solid #e8eaf0;margin-top:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.fw h2{margin-top:0}
label{display:block;font-size:.8rem;font-weight:600;color:#0f1b4c;margin-bottom:4px;margin-top:14px}
label:first-of-type{margin-top:0}
input,textarea,select{width:100%;padding:11px 13px;border:1px solid #d0d5e0;border-radius:8px;font-size:.86rem;font-family:inherit;color:#333;background:#f8f9fc;transition:border-color .2s}
input:focus,textarea:focus,select:focus{outline:none;border-color:#25D366;background:#fff}
textarea{resize:vertical;min-height:90px}
.sbtn{display:block;width:100%;padding:13px;background:#25D366;color:#fff;font-size:.92rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;margin-top:18px;transition:background .2s}
.sbtn:active{background:#1ebe57}
.ok{display:none;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:16px;text-align:center;margin-top:14px}
.ok p{color:#2e7d32;font-weight:600;margin:0}

/* Map Placeholder */
.map{background:#e8eaf0;border-radius:12px;height:180px;display:flex;align-items:center;justify-content:center;color:#888;font-size:.85rem;margin-top:20px;border:1px solid #d0d5e0}

/* Business Hours */
.hrs{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;margin-top:8px}
.hrs span{font-size:.8rem;color:#555}
.hrs strong{font-size:.8rem;color:#0f1b4c}

/* Disclaimer Note (contact page) */
.disc{background:#fff3e0;border-left:4px solid #ff9800;padding:12px 16px;border-radius:0 8px 8px 0;margin-top:24px;font-size:.76rem;color:#5d4037;line-height:1.5}