/*
Theme Name: CasaeFoco
Theme URI: https://casaefoco.com.br
Author: CasaeFoco
Description: Tema WordPress leve para a CasaeFoco. Home institucional com aparência de loja e páginas internas em modo canvas, sem cabeçalho e sem rodapé, ideais para páginas de venda em HTML.
Version: 1.1
Text Domain: casaefoco
*/

:root{
  --cef-blue:#1488d2;
  --cef-blue-dark:#0b66a6;
  --cef-blue-deep:#075182;
  --cef-ink:#17212b;
  --cef-muted:#687784;
  --cef-soft:#f3f8fc;
  --cef-border:#dce8f0;
  --cef-white:#fff;
  --cef-green:#1f9d65;
  --cef-shadow:0 16px 45px rgba(13,75,116,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--cef-ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.cef-wrap{width:min(1180px,92%);margin:0 auto}

/* HOME */
.cef-announcement{background:#062b47;color:#fff;text-align:center;font-size:12px;padding:8px 14px;letter-spacing:.2px}
.cef-header{background:#fff;border-bottom:1px solid var(--cef-border)}
.cef-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cef-brand{display:flex;align-items:center;gap:13px}
.cef-house{position:relative;width:48px;height:42px;flex:0 0 48px}
.cef-house:before{content:"";position:absolute;left:7px;top:12px;width:34px;height:27px;border:4px solid #343c43;border-radius:4px;background:#fff}
.cef-house:after{content:"";position:absolute;left:6px;top:3px;width:31px;height:31px;border-left:5px solid var(--cef-blue);border-top:5px solid var(--cef-blue);transform:rotate(45deg);border-radius:4px 0 0 0;background:#fff;z-index:1}
.cef-window{position:absolute;z-index:3;left:18px;top:22px;width:18px;height:14px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.cef-window i{display:block;background:#343c43;border-radius:1px}
.cef-wordmark{font-weight:900;font-size:31px;line-height:1;letter-spacing:-1.3px;color:var(--cef-blue)}
.cef-wordmark b{color:#252c31}
.cef-tagline{display:block;color:#82909b;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;margin-top:6px}
.cef-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:#3a4a56}
.cef-nav a:hover{color:var(--cef-blue-dark)}
.cef-support{display:flex;align-items:center;gap:9px;background:var(--cef-soft);border:1px solid var(--cef-border);border-radius:999px;padding:9px 14px}
.cef-support-dot{width:9px;height:9px;border-radius:50%;background:var(--cef-green);box-shadow:0 0 0 4px rgba(31,157,101,.12)}
.cef-support small{display:block;color:var(--cef-muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.cef-support strong{font-size:12px}

.cef-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#eef8ff 0%,#fff 52%,#e8f5fc 100%);border-bottom:1px solid var(--cef-border)}
.cef-hero:before,.cef-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(20,136,210,.08)}
.cef-hero:before{width:420px;height:420px;right:-170px;top:-170px}.cef-hero:after{width:260px;height:260px;right:140px;bottom:-170px}
.cef-hero-inner{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;position:relative;z-index:2;padding:60px 0}
.cef-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfe6f4;color:var(--cef-blue-dark);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:7px 11px;border-radius:999px;box-shadow:0 5px 18px rgba(0,75,120,.06)}
.cef-eyebrow:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--cef-blue);color:#fff;font-size:11px}
.cef-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:.98;letter-spacing:-3px;margin:18px 0 20px;max-width:720px}
.cef-hero h1 span{color:var(--cef-blue)}
.cef-hero p{font-size:18px;line-height:1.7;color:var(--cef-muted);max-width:650px;margin:0 0 30px}
.cef-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.cef-btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border-radius:8px;padding:0 22px;font-size:14px;font-weight:900}
.cef-btn-primary{background:var(--cef-blue);color:#fff;box-shadow:0 10px 25px rgba(20,136,210,.25)}
.cef-btn-primary:hover{background:var(--cef-blue-dark)}
.cef-btn-light{background:#fff;color:var(--cef-blue-dark);border:1px solid #bddcec}
.cef-hero-note{margin-top:20px;color:#85939e;font-size:12px}

.cef-visual{position:relative;min-height:370px;display:grid;place-items:center}
.cef-visual-card{width:min(430px,100%);background:#fff;border:1px solid #d8eaf4;border-radius:24px;padding:34px;box-shadow:var(--cef-shadow);position:relative}
.cef-visual-card:before{content:"";position:absolute;inset:12px;border:1px dashed #cbe3f1;border-radius:17px;pointer-events:none}
.cef-big-house{height:190px;position:relative;margin:12px auto 20px;width:230px}
.cef-big-house .roof{position:absolute;width:150px;height:150px;left:40px;top:5px;background:var(--cef-blue);transform:rotate(45deg);border-radius:13px 13px 0 13px}
.cef-big-house .home{position:absolute;left:47px;top:88px;width:136px;height:98px;background:#30383e;border-radius:8px;z-index:2}
.cef-big-house .home:before{content:"";position:absolute;width:36px;height:66px;left:18px;bottom:0;background:#fff;border-radius:4px 4px 0 0}
.cef-big-house .home:after{content:"";position:absolute;width:48px;height:42px;right:18px;top:19px;background:linear-gradient(90deg,#fff 46%,transparent 46% 54%,#fff 54%),linear-gradient(#fff 46%,var(--cef-blue) 46% 54%,#fff 54%);border:5px solid #fff}
.cef-visual-title{text-align:center;font-size:22px;font-weight:900;margin:0}.cef-visual-sub{text-align:center;font-size:13px;color:var(--cef-muted);margin:7px 0 0}

.cef-trust-strip{background:#fff;border-bottom:1px solid var(--cef-border)}
.cef-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cef-trust-item{padding:22px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--cef-border)}
.cef-trust-item:last-child{border-right:0}.cef-trust-icon{width:38px;height:38px;border-radius:10px;background:#eaf6fd;color:var(--cef-blue-dark);display:grid;place-items:center;font-size:18px;font-weight:900}.cef-trust-item strong{display:block;font-size:13px}.cef-trust-item span{display:block;font-size:11px;color:var(--cef-muted);margin-top:3px}

.cef-section{padding:72px 0}.cef-section-soft{background:var(--cef-soft)}
.cef-section-head{text-align:center;max-width:720px;margin:0 auto 38px}.cef-kicker{color:var(--cef-blue-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.cef-section-head h2{font-size:38px;letter-spacing:-1.5px;margin:9px 0 13px}.cef-section-head p{color:var(--cef-muted);font-size:15px;line-height:1.7;margin:0}
.cef-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cef-benefit{background:#fff;border:1px solid var(--cef-border);border-radius:14px;padding:28px;box-shadow:0 7px 25px rgba(6,59,93,.05)}.cef-benefit-icon{width:48px;height:48px;border-radius:12px;background:#eaf6fd;color:var(--cef-blue);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.cef-benefit h3{font-size:18px;margin:0 0 9px}.cef-benefit p{color:var(--cef-muted);font-size:13px;line-height:1.65;margin:0}

.cef-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cef-about h2{font-size:39px;letter-spacing:-1.5px;line-height:1.1;margin:10px 0 18px}.cef-about p{color:var(--cef-muted);line-height:1.75;font-size:15px}.cef-checks{display:grid;gap:12px;margin-top:24px}.cef-check{display:flex;gap:11px;align-items:flex-start;font-size:14px}.cef-check i{font-style:normal;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e5f6ee;color:var(--cef-green);display:grid;place-items:center;font-weight:900}
.cef-info-panel{background:#072d49;color:#fff;border-radius:20px;padding:34px;box-shadow:var(--cef-shadow)}.cef-info-panel h3{font-size:24px;margin:0 0 20px}.cef-info-row{padding:16px 0;border-top:1px solid rgba(255,255,255,.11)}.cef-info-row:first-of-type{border-top:0}.cef-info-row small{display:block;color:#8fc4e4;text-transform:uppercase;letter-spacing:.9px;font-size:9px;margin-bottom:5px}.cef-info-row strong{font-size:14px;line-height:1.5}.cef-info-row a{color:#fff}

.cef-payments{text-align:center}.cef-payments-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}.cef-payment{border:1px solid var(--cef-border);background:#fff;border-radius:8px;padding:10px 14px;font-weight:900;font-size:12px;color:#485864;min-width:75px}

.cef-footer{background:#061d2d;color:#9fb5c3;padding:34px 0 20px}.cef-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px}.cef-footer-brand{font-size:22px;font-weight:900;color:#fff}.cef-footer-brand span{color:#49b5f5}.cef-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.cef-footer-links a:hover{color:#fff}.cef-footer-meta{border-top:1px solid rgba(255,255,255,.09);padding-top:18px;font-size:11px;line-height:1.7;text-align:center;color:#7893a3}

/* PÁGINAS CANVAS / VENDA: sem topo e sem rodapé */
body.cef-canvas-page{margin:0!important;padding:0!important;background:#fff}
.cef-canvas{width:100%;margin:0;padding:0;overflow-x:hidden}
.cef-canvas-content{width:100%;margin:0;padding:0}
.cef-canvas-content > :first-child{margin-top:0}
.cef-canvas-content > :last-child{margin-bottom:0}

@media(max-width:900px){.cef-nav{display:none}.cef-header-inner{justify-content:center}.cef-support{display:none}.cef-hero-inner{grid-template-columns:1fr;min-height:auto;padding:48px 0}.cef-hero-copy{text-align:center}.cef-hero p{margin-left:auto;margin-right:auto}.cef-hero-actions{justify-content:center}.cef-hero-note{text-align:center}.cef-visual{min-height:320px}.cef-trust-grid{grid-template-columns:1fr 1fr}.cef-trust-item:nth-child(2){border-right:0}.cef-benefits{grid-template-columns:1fr}.cef-about-grid{grid-template-columns:1fr}.cef-footer-top{flex-direction:column;text-align:center}.cef-footer-links{justify-content:center}}
@media(max-width:600px){.cef-announcement{font-size:10px;padding:7px 10px}.cef-header-inner{min-height:70px}.cef-house{transform:scale(.88)}.cef-wordmark{font-size:27px}.cef-tagline{font-size:8px}.cef-hero-inner{padding:38px 0 42px;gap:30px}.cef-hero h1{font-size:43px;letter-spacing:-2px}.cef-hero p{font-size:15px;line-height:1.65}.cef-btn{width:100%}.cef-visual-card{padding:25px 18px;border-radius:18px}.cef-big-house{transform:scale(.85);margin-left:auto;margin-right:auto}.cef-trust-grid{grid-template-columns:1fr}.cef-trust-item{border-right:0;border-bottom:1px solid var(--cef-border)}.cef-trust-item:last-child{border-bottom:0}.cef-section{padding:52px 0}.cef-section-head h2,.cef-about h2{font-size:31px}.cef-benefit{padding:23px}.cef-info-panel{padding:26px 22px}.cef-footer-links{gap:12px 18px}}