/* Main styling for Emaila Digital single-page site */
:root{
  --green: #27ae60;
  --blue: #1e90ff;
  --teal: #0fb9b1;
  --dark: #0f172a;
  --muted: #6b7280;
}

*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:#1f2937; background:#f8fafc;}
a{text-decoration:none}

/* Brand logo container (3:1 ratio) */
.brand-wrap{width:210px; height:70px; display:block; overflow:hidden; border-radius:8px;}
.brand-wrap img{width:100%; height:100%; object-fit:contain; display:block;}

/* Hero */
.hero{min-height:62vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:80px 20px; color:#fff;
  background: linear-gradient(135deg, rgba(39,174,96,.95) 0%, rgba(30,144,255,.92) 50%, rgba(15,185,177,.9) 100%);
  position:relative; overflow:hidden;}
.hero .hero-shapes{position:absolute; inset:0; opacity:0.12; background:
  radial-gradient(circle at 10% 20%, rgba(255,255,255,0.18) 0, transparent 25%),
  radial-gradient(circle at 80% 80%, rgba(0,0,0,0.06) 0, transparent 30%);}

/* CEO */
.ceo-section{background:linear-gradient(180deg,#fbfdfe,#ffffff); padding:60px 20px;}
.ceo-photo{width:180px;height:180px;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 8px 30px rgba(15,23,42,.12);}

/* Companies */
.company-card{border-radius:12px;border:1px solid #eef2f5;overflow:hidden}
.company-card .card-top{height:8px; width:100%}
.company-card .accent-green{background:linear-gradient(90deg,var(--green), #7ef7b0);}
.company-card .accent-blue{background:linear-gradient(90deg,var(--blue), #88c6ff);}
.company-card .accent-teal{background:linear-gradient(90deg,var(--teal), #8ff1e9);}

.company-logo{max-height:82px; object-fit:contain; display:inline-block}

/* Contact */
.floating-actions{position:fixed; right:18px; bottom:18px; display:flex; flex-direction:column; gap:12px; z-index:1200;}
.floating-actions .btn{display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; box-shadow:0 8px 30px rgba(15,23,42,.12); color:#fff}
.btn-call{background:#0b1220}
.btn-whatsapp{background:var(--green)}

/* Buttons and cards */
.btn-dark{background:var(--dark); border-color:transparent}
.btn-dark:hover{opacity:0.95}

/* Responsive tweaks */
@media (max-width:991px){ .brand-wrap{width:160px;height:53px} .ceo-photo{width:140px;height:140px} }