/*
Theme Name: Mistrocoffee
Theme URI: https://mistrocoffee.com/
Author: IAprosystems
Description: Tema para mistrocoffee.com
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
*/

* { box-sizing: border-box; }
body { margin:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

.mc-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 40px;
  background:#fff;
  border-bottom:1px solid #eee;
}
.mc-logo {
  font-family: Georgia, "Times New Roman", serif;
  font-size:32px;
  font-weight:700;
  color:#000;
  text-transform:capitalize;
}
.mc-nav ul { list-style:none; display:flex; gap:28px; margin:0; padding:0; }
.mc-nav a { font-family:"PT Sans Caption","PT Sans",Arial,sans-serif; font-weight:700; font-size:14px; letter-spacing:.5px; text-transform:uppercase; color:#212121; }
.mc-nav a:hover { color:#f55f61; }

.mc-hero-strip { display:flex; height:300px; }
.mc-hero-strip > div { flex:1; background-size:cover; background-position:center; }
.mc-hero-strip .mc-heart-box { background:#000; display:flex; align-items:center; justify-content:center; flex:0 0 220px; }
.mc-hero-strip .mc-heart-box svg { width:60px; height:60px; fill:#fff; }

.mc-hero-text { max-width:900px; margin:0 auto; text-align:center; padding:70px 20px 90px; }
.mc-hero-text .mc-rule { width:60px; height:3px; background:#212121; margin:0 auto 30px; }
.mc-hero-text h1 { font-family:"PT Sans",Arial,sans-serif; font-size:60px; font-weight:700; color:#262626; text-transform:capitalize; margin:0 0 30px; line-height:1.15; }
.mc-hero-text p { color:#555; font-size:17px; line-height:1.7; margin:0 0 14px; }

.mc-section { position:relative; padding:90px 20px; overflow:hidden; }
.mc-section.mc-bg-photo { background-size:cover; background-position:center; }
.mc-card { position:relative; max-width:820px; margin:0 auto; background:#fff; padding:60px 50px; text-align:center; box-shadow:0 10px 40px rgba(0,0,0,.12); }
.mc-card h2 { font-family:"PT Sans",Arial,sans-serif; font-size:40px; font-weight:700; color:#262626; text-transform:capitalize; margin:0 0 20px; }
.mc-card p { color:#555; font-size:16px; line-height:1.7; }
.mc-icon-circle { width:70px; height:70px; border-radius:50%; background:#f55f61; display:flex; align-items:center; justify-content:center; margin:0 auto 24px; }
.mc-icon-circle svg { width:30px; height:30px; fill:#fff; }

.mc-icons-row { display:flex; justify-content:center; gap:40px; margin-bottom:40px; }
.mc-icons-row .mc-icon-circle { width:110px; height:110px; margin:0; }
.mc-icons-row .mc-icon-circle svg { width:46px; height:46px; }

.mc-img-pair { display:flex; gap:20px; max-width:1100px; margin:40px auto 0; }
.mc-img-pair img { width:50%; height:360px; object-fit:cover; }

.mc-carousel { max-width:900px; margin:40px auto 0; position:relative; }
.mc-carousel img { width:100%; height:420px; object-fit:cover; }
.mc-carousel .mc-arrow { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.85); border-radius:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; font-size:20px; color:#333; }
.mc-carousel .mc-prev { left:16px; }
.mc-carousel .mc-next { right:16px; }

.mc-contact-wrap { display:flex; gap:30px; max-width:1140px; margin:0 auto; align-items:stretch; flex-wrap:wrap; }
.mc-contact-wrap > img { flex:1 1 420px; object-fit:cover; min-height:420px; }
.mc-contact-info { flex:1 1 420px; border:1px solid #ddd; border-radius:6px; padding:46px 40px; }
.mc-contact-info h2 { font-family:"PT Sans",Arial,sans-serif; font-size:40px; font-weight:700; color:#262626; margin:0 0 18px; text-transform:capitalize; }
.mc-contact-info p.mc-filler { color:#555; margin:0 0 26px; }
.mc-contact-row { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.mc-contact-row .mc-dot { width:40px; height:40px; border-radius:50%; background:#262626; display:flex; align-items:center; justify-content:center; flex:none; }
.mc-contact-row .mc-dot svg { width:18px; height:18px; fill:#fff; }
.mc-contact-row a, .mc-contact-row span { font-size:16px; color:#333; }

.mc-maps-placeholder { background:#d1d1d1; padding:110px 20px; text-align:center; }
.mc-maps-placeholder p { color:#6b6b6b; font-size:20px; max-width:620px; margin:0 auto; }
.mc-maps-placeholder a { color:#4a6fa5; text-decoration:underline; }

.mc-footer-bar { background:#000; padding:36px 20px; display:flex; justify-content:center; gap:22px; }
.mc-footer-bar a svg { width:22px; height:22px; fill:#fff; }

@media (max-width:760px) {
  .mc-hero-strip { flex-direction:column; height:auto; }
  .mc-hero-strip > div { height:160px; }
  .mc-hero-text h1 { font-size:34px; }
  .mc-img-pair { flex-direction:column; }
  .mc-img-pair img { width:100%; }
  .mc-contact-wrap { flex-direction:column; }
  .mc-nav ul { gap:14px; flex-wrap:wrap; justify-content:center; }
  .mc-header { flex-direction:column; gap:14px; }
}