/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
/* =========================================================
   TIPOGRAFÍA + SISTEMA VISUAL (BeTheme Child)
   Proyecto: Arquitectura minimalista
   ========================================================= */


/* ===== BASE ===== */
body {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 28px;
  color: #111;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  text-rendering: optimizeLegibility;
}


/* ===== HEADINGS DESKTOP ===== */
h1 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -1px;
}

h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
}

h3 {
  font-size: 30px;
  line-height: 40px;
}

h4 {
  font-size: 20px;
  line-height: 30px;
}

h5 {
  font-size: 18px;
  line-height: 30px;
}

h6 {
  font-size: 15px;
  line-height: 26px;
}


/* ===== ESPACIADO GLOBAL ===== */
.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

h1, h2, h3 {
  margin-bottom: 20px;
}

p {
  margin-bottom: 18px;
}

ul, ol {
  margin-bottom: 20px;
}


/* ===== CONTENEDORES ===== */
.section_wrapper {
  max-width: 1100px;
  margin: 0 auto;
}

.content_wrapper {
  max-width: 720px;
  margin: 0 auto;
}


/* ===== MENÚ ===== */
.menu > li > a {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
}


/* ===== FICHAS (ACF / contenido) ===== */
.ficha-arquitectura {
  max-width: 720px;
  margin: 0 auto;
}

.ficha-arquitectura h2 {
  font-size: 28px;
  line-height: 36px;
  margin-top: 40px;
}

.ficha-arquitectura p {
  font-size: 16px;
  line-height: 28px;
}

.ficha-arquitectura img {
  margin: 40px 0;
  width: 100%;
  height: auto;
}


/* ===== MOBILE ===== */
@media (max-width: 767px) {

  body {
    font-size: 15px;
    line-height: 26px;
  }

  h1 {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.5px;
  }

  h2 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }

  h3 {
    font-size: 20px;
    line-height: 28px;
  }

  h4 {
    font-size: 18px;
    line-height: 26px;
  }

  .menu > li > a {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

}