/*
Theme Name: Sobre la Roca — Editor
Author: Iglesia Sobre la Roca Delicias
Description: Tema de bloques completamente editable para Iglesia Sobre la Roca Delicias.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sobre-la-roca-editor
*/

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
a { transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.wp-site-blocks { overflow: hidden; }
.wp-site-blocks > * { margin-block-start: 0; }

.slre-eyebrow { margin: 0 0 17px !important; color: var(--wp--preset--color--ladrillo); font-size: 10px !important; font-weight: 800 !important; letter-spacing: .22em; text-transform: uppercase; }
.slre-display { letter-spacing: -.045em; }
.slre-muted { color: #68645f; }

.slre-service-bar { min-height: 36px; padding: 8px clamp(24px, 5vw, 78px); }
.slre-service-bar .wp-block-group { width: 100%; }
.slre-service-bar p, .slre-service-bar a { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.slre-service-bar a { color: var(--wp--preset--color--ladrillo); text-decoration: none; }

.slre-header { min-height: 88px; padding: 14px clamp(24px, 5vw, 78px); border-bottom: 1px solid #d8d3ca; }
.slre-wordmark { gap: 13px; }
.slre-wordmark img { width: 66px !important; height: 43px !important; object-fit: cover; }
.slre-wordmark h2 { margin: 0; font-size: 18px !important; letter-spacing: .02em; }
.slre-wordmark p { margin: 2px 0 0; color: #68645f; font-size: 9px !important; font-weight: 700; letter-spacing: .23em; }
.slre-header .wp-block-navigation-item__content { font-size: 12px; font-weight: 700; }

.slre-hero { min-height: 620px; padding: clamp(60px, 8vw, 110px) clamp(24px, 6vw, 96px); border-bottom: 1px solid #d8d3ca; }
.slre-hero > .wp-block-columns { gap: clamp(50px, 7vw, 110px); align-items: center !important; }
.slre-hero h1 { max-width: 780px; margin: 0; font-size: clamp(48px, 6vw, 90px) !important; line-height: .98 !important; font-weight: 400; }
.slre-hero .slre-hero-intro { max-width: 640px; margin: 28px 0 0; color: #68645f; font-size: clamp(18px, 2vw, 22px); line-height: 1.55; }
.slre-hero .wp-block-buttons { margin-top: 34px; gap: 18px; }
.slre-button-dark .wp-block-button__link, .slre-button-dark.wp-block-button .wp-block-button__link { min-height: 52px; padding: 16px 24px; background: var(--wp--preset--color--carbon); color: #fffefa; border-radius: 0; font-size: 12px; font-weight: 800; }
.slre-button-outline .wp-block-button__link, .slre-button-outline.wp-block-button .wp-block-button__link { min-height: 52px; padding: 15px 23px; background: transparent; color: inherit; border: 1px solid currentColor; border-radius: 0; font-size: 12px; font-weight: 800; }

.slre-intro { padding: 55px clamp(24px, 6vw, 96px); border-bottom: 1px solid #d8d3ca; }
.slre-intro > .wp-block-columns { align-items: flex-start !important; }
.slre-intro .slre-intro-copy { font-family: var(--wp--preset--font-family--editorial-serif); font-size: clamp(23px, 3vw, 34px); line-height: 1.35; }

.slre-section { padding: clamp(75px, 9vw, 125px) clamp(24px, 6vw, 96px); }
.slre-section-heading { margin-bottom: 55px; gap: 50px; align-items: flex-end !important; }
.slre-section-heading h2 { margin: 0; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1 !important; font-weight: 400; letter-spacing: -.035em; }
.slre-section-heading .slre-section-intro { color: #68645f; font-family: var(--wp--preset--font-family--editorial-serif); font-size: 18px; line-height: 1.6; }

.slre-resource { padding: 70px clamp(24px, 6vw, 96px); border-top: 1px solid #d8d3ca; border-bottom: 1px solid #d8d3ca; box-shadow: inset 7px 0 0 var(--wp--preset--color--ladrillo); }
.slre-resource > .wp-block-columns { gap: 55px; align-items: center !important; }
.slre-resource h2 { margin: 0; font-size: clamp(36px, 4vw, 58px) !important; line-height: 1.02 !important; }
.slre-resource .slre-resource-copy { color: #68645f; font-size: 18px; line-height: 1.6; }

.slre-articles { background: #f7f5f0; }
.slre-counseling { min-height: 410px; padding: 70px clamp(24px, 6vw, 96px); }
.slre-counseling > .wp-block-columns { align-items: center !important; gap: clamp(30px, 5vw, 80px); }
.slre-counseling .slre-quote-mark { margin: 0; color: var(--wp--preset--color--ladrillo); font-family: var(--wp--preset--font-family--editorial-serif); font-size: 120px; line-height: .7; }
.slre-counseling h2 { margin: 0; font-size: clamp(45px, 5.5vw, 76px) !important; line-height: 1 !important; letter-spacing: -.03em; }
.slre-counseling .slre-counsel-copy { color: #d7d3cc; font-size: 20px; line-height: 1.6; }

.slre-about { min-height: 610px; border-top: 1px solid #d8d3ca; border-bottom: 1px solid #d8d3ca; }
.slre-about > .wp-block-columns { min-height: 610px; gap: 0; align-items: stretch !important; }
.slre-about .wp-block-column:first-child { padding: clamp(70px, 9vw, 125px) clamp(24px, 7vw, 110px); border-right: 1px solid #d8d3ca; }
.slre-about .wp-block-column:last-child { padding: clamp(60px, 8vw, 110px) clamp(35px, 6vw, 90px); display: flex; flex-direction: column; justify-content: center; background: #e9e5dc; }
.slre-about h2 { margin: 0; font-size: clamp(45px, 5.8vw, 78px) !important; line-height: 1 !important; letter-spacing: -.035em; }
.slre-about .slre-about-copy { max-width: 710px; margin: 28px 0 34px; color: #68645f; font-size: 19px; line-height: 1.65; }
.slre-about blockquote { margin: 0; }
.slre-about blockquote p { font-family: var(--wp--preset--font-family--editorial-serif); font-size: clamp(28px, 3.2vw, 45px); line-height: 1.3; font-style: italic; }
.slre-about blockquote cite { color: var(--wp--preset--color--ladrillo); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .18em; }

.slre-visit { padding: clamp(75px, 9vw, 125px) clamp(24px, 6vw, 96px); }
.slre-visit h2 { margin: 0; font-size: clamp(45px, 5vw, 68px) !important; line-height: 1 !important; }
.slre-visit .slre-visit-copy { max-width: 680px; margin: 25px 0 45px; color: #68645f; font-family: var(--wp--preset--font-family--editorial-serif); font-size: 19px; line-height: 1.65; }

.slre-content-hero { padding: clamp(70px, 10vw, 130px) clamp(24px, 10vw, 160px); border-bottom: 1px solid #d8d3ca; }
.slre-content-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(46px, 7vw, 88px) !important; line-height: 1 !important; letter-spacing: -.04em; }
.slre-entry { max-width: 920px !important; margin: 0 auto; padding: 70px 24px 110px; }
.slre-entry .wp-block-post-content { font-family: var(--wp--preset--font-family--editorial-serif); font-size: 21px; line-height: 1.75; }
.slre-entry .wp-block-post-featured-image img { width: 100%; height: auto; }

.slre-footer { padding: 65px clamp(24px, 6vw, 96px) 28px; }
.slre-footer h2 { color: #fffefa; }
.slre-footer p, .slre-footer a { color: #b7b2aa; }
.slre-footer .wp-block-navigation { color: #ddd9d2; }
.slre-footer-bottom { margin-top: 55px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); }
.slre-footer-bottom p { margin: 0; color: #918b83; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 900px) {
  .slre-hero > .wp-block-columns,
  .slre-section-heading,
  .slre-resource > .wp-block-columns,
  .slre-counseling > .wp-block-columns,
  .slre-about > .wp-block-columns { flex-wrap: wrap !important; }
  .slre-hero > .wp-block-columns > .wp-block-column,
  .slre-section-heading > .wp-block-column,
  .slre-resource > .wp-block-columns > .wp-block-column,
  .slre-counseling > .wp-block-columns > .wp-block-column,
  .slre-about > .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
  .slre-about .wp-block-column:first-child { border-right: 0; border-bottom: 1px solid #d8d3ca; }
}

@media (max-width: 680px) {
  .slre-service-bar .wp-block-buttons { display: none; }
  .slre-header { min-height: 76px; }
  .slre-wordmark h2 { font-size: 15px !important; }
  .slre-hero { min-height: auto; padding-top: 64px; }
  .slre-hero h1 { font-size: clamp(45px, 14vw, 66px) !important; }
  .slre-section-heading { gap: 24px; }
  .slre-resource { padding-top: 54px; padding-bottom: 58px; }
  .slre-counseling .slre-quote-mark { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}