/* home 가족 고유 규칙 (src/templates/home.j2). 공통 부품은 site.css.
   옛 pages/*home.html 페이지 <style>에만 있던 규칙을 부품 클래스로 옮긴 것(현재 빌드 모습 유지). */

/* 업무 분야 목록의 영어 원명(es·ko): 이름 아래 줄, 15/500 라벨색 */
.c-areas__en{display:block;font-size:var(--fs-cap);font-weight:500;color:var(--label)}

/* 영업시간 줄: 넓은 화면에서는 묶음(.nw)이 풀리고 시각(.c-hours__t)만 붙어 있다. 휴대폰은 묶음 유지 */
@media (min-width:900px){
  .c-hours .nw:not(.c-hours__t),.c-legend .nw{white-space:normal}
  .c-hours>span>.nw:last-child{white-space:nowrap}  /* 직계 끝의 괄호 묶음 '(hora central, CT)'·'(미국 중부 시간, CT)'만 데스크톱에서도 묶는다(중첩 묶음은 풀림) */
}

/* 900~1023: 3열 판의 좁은 칸에서 히어로·마감 띠 버튼을 한 줄씩, 안쪽 여백 12 (es는 아이콘 숨김) */
@media (min-width:900px) and (max-width:1023px){
  .c-railfirst .c-btns>.c-btn{padding-left:12px;padding-right:12px}
  .c-homehero .c-btns>.c-btn,.c-cta--split .c-btns>.c-btn{flex:1 1 100%}
  html[lang="es"] :is(.c-homehero,.c-cta--split) .c-btn>.c-ico{display:none}
}
/* es 1024~1039: 통화 버튼 'Llamar al …'이 꺾이지 않게 같은 처리 */
@media (min-width:1024px) and (max-width:1039px){
  html[lang="es"] :is(.c-homehero,.c-cta--split) .c-btns>.c-btn{padding-left:12px;padding-right:12px;flex:1 1 100%}
  html[lang="es"] :is(.c-homehero,.c-cta--split) .c-btn>.c-ico{display:none}
}
/* es 900~1119: 긴 분야 이름 — 업무 분야 2열 */
@media (min-width:900px) and (max-width:1119px){
  html[lang="es"] .c-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[lang="es"] .c-areas>li:last-child:nth-child(odd){grid-column:1 / -1}
}
/* ≤359: es 영업시간 첫 묶음, ko 범례 4번 괄호 묶음을 풀어 넘침을 막는다 */
@media (max-width:359px){
  html[lang="es"] .c-hours>span>.nw:first-child{white-space:normal}
  html[lang="ko"] .c-legend>li:nth-child(4) .nw{white-space:normal}
}
/* ≤899 마감 띠(split): 제목 → 리드 20(현재 빌드 홈. 공통 띠는 16) */
@media (max-width:899px){
  .c-cta--split .c-cta__grid{row-gap:20px}
}
/* ≤899 섹션 리듬(현재 빌드 홈의 손질 값): 머리선 블록으로 시작하는 비용·분야·소개 섹션 위 11(점이 블록 위로 17 나온 만큼 보정),
   비용 → 회색 띠 19, 회색 띠 → FAQ 19, 소개 → 마감 띠 18. 공통 값(16·24)보다 센 선택자로 덮는다 */
@media (max-width:899px){
  .c-railfirst>.c-sec.c-sec--pb-xl:not(.c-homehero):not(.c-sec--pt-xl){padding-top:11px}
  .c-railfirst>.c-sec:has(+ .c-sec--mist){padding-bottom:19px}
  .c-railfirst>.c-sec--mist + .c-sec{padding-top:19px}
  .c-railfirst>.c-sec:has(+ .c-cta){padding-bottom:18px}
}
/* ≥900 홈 버튼 52: B-Home 아트보드(현재 빌드 홈)는 52, 다른 페이지(B-Practice·Fees·FAQ)는 56 — style-guide D16 */
@media (min-width:900px){
  .c-railfirst .c-btn{min-height:52px}
}