/* =========================
   MISCAPU DESIGN SYSTEM
   ========================= */

/* RESET BASE */
* {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    font-family: var(--wp--preset--font-family--system);
    color: var(--wp--preset--color--text);
    background: var(--wp--preset--color--white);
    line-height: 1.7;
  }
  
  /* =========================
     CONTAINER SYSTEM
     ========================= */
  
  .container {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: var(--wp--preset--spacing--sm, 16px);
  }
  
  .container-wide {
    max-width: 1440px;
  }
  
  /* =========================
     SPACING SYSTEM (KEY PART)
     ========================= */
  
  .mt-xs { margin-top: 8px; }
  .mt-sm { margin-top: 16px; }
  .mt-md { margin-top: 24px; }
  .mt-lg { margin-top: 48px; }
  .mt-xl { margin-top: 80px; }
  
  .mb-xs { margin-bottom: 8px; }
  .mb-sm { margin-bottom: 16px; }
  .mb-md { margin-bottom: 24px; }
  .mb-lg { margin-bottom: 48px; }
  .mb-xl { margin-bottom: 80px; }
  
  /* =========================
     HERO SYSTEM
     ========================= */
  
  .hero {
    padding: var(--wp--preset--spacing--xl, 80px) 0;
    background: var(--wp--preset--color--gray-light);
  }
  
  .hero-title {
    font-size: var(--wp--preset--font-size--2xl, 45px);
    line-height: 1.1;
    margin-bottom: var(--wp--preset--spacing--md, 24px);
  }
  
  .hero-description {
    font-size: var(--wp--preset--font-size--md, 20px);
    color: var(--wp--preset--color--text);
    max-width: 600px;
  }
  
  /* =========================
     SERVICES SYSTEM
     ========================= */
  
  .services-grid {
    gap: var(--wp--preset--spacing--md, 24px);
  }
  
  /* =========================
     TYPOGRAPHY FIX
     ========================= */
  
  h1, h2, h3 {
    margin: 0;
  }
  
  p {
    margin: 0;
  }



  /* evita quebra no editor Gutenberg */
.wp-block {
    max-width: 100%;
  }
  
  /* imagens nunca estouram layout */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* evita gaps estranhos no editor */
  .wp-block-group {
    margin: 0;
  }


  .service-single {
    padding: var(--wp--preset--spacing--xl, 80px) 0;
  }
  
  .service-thumb {
    margin-bottom: 32px;
  }
  
  .service-content {
    font-size: 18px;
    line-height: 1.7;
  }