:root{--primary:#0078d4;--primary-dark:#106ebe;--bg-light:#f3f2f1;--bg-dark:#1e1e1e;--card-light:#fff;--card-dark:#2d2d2d;--text-light:#323130;--text-dark:#f3f2f1;--border-light:#edebe9;--border-dark:#3b3b3b;--shadow-light:0 2px 8px rgba(0,0,0,.1);--shadow-dark:0 2px 8px rgba(0,0,0,.3)}
.dark-mode{--bg:var(--bg-dark);--card-bg:var(--card-dark);--text:var(--text-dark);--border:var(--border-dark);--shadow:var(--shadow-dark)}
.light-mode{--bg:var(--bg-light);--card-bg:var(--card-light);--text:var(--text-light);--border:var(--border-light);--shadow:var(--shadow-light)}
*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .3s}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;padding:20px}
.container{max-width:1200px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:30px}
.logo{font-size:2rem;font-weight:700;color:var(--primary)}
.controls{display:flex;gap:15px;align-items:center}
.lang-selector,.theme-toggle{padding:10px 15px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:6px;cursor:pointer}
.intro{text-align:center;margin-bottom:30px}
.intro h1{font-size:2.4rem;color:var(--primary);margin-bottom:8px}
.intro p{opacity:.85}
.sites-container{display:flex;flex-direction:column;gap:22px;margin-bottom:30px}
.site-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}
.card-header{padding:18px 20px;background:var(--card-bg);border-bottom:1px solid var(--border)}
.card-header h3{margin:0;color:var(--primary)}
.card-body{padding:16px 20px}
.card-share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.share-btn{padding:8px 12px;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;text-decoration:none}
.share-btn.facebook{background:#1877f2}
.share-btn.twitter{background:#1da1f2}
.share-btn.linkedin{background:#0a66c2}
.share-btn.whatsapp{background:#25d366}
.share-btn.instagram{background:#e4405f}
.share-btn.email{background:#ea4335}
.card-footer{padding:16px 20px;border-top:1px solid var(--border)}
.btn{padding:10px 18px;background:var(--primary);color:#fff;border:0;border-radius:6px;text-decoration:none;display:inline-block}
.btn:hover{background:var(--primary-dark)}
.share-section,.contact-section{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px}
.no-underline{text-decoration:none}
.no-underline:hover,.no-underline:focus{text-decoration:none}
.form-group{margin-bottom:14px}
.form-group label{display:block;margin-bottom:6px;font-weight:600}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg);color:var(--text)}
.form-group textarea{min-height:120px}
.form-message{padding:12px;border-radius:6px;margin-bottom:12px}
.form-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.form-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
footer{text-align:center;padding:20px 0;opacity:.8}