/* supplement.css — generic fallback styles (Wayback restore).
   Инвариант: главная (index.html) использует тему `secreto`, чей CSS
   не сохранился в архиве; её вёрстка (flexslider/caption/blog-item) здесь
   получает читаемый минимальный layout. Внутренние страницы (secreto3.0)
   уже стилизованы своей темой — им supplement добавляет только мягкие
   дефолты и не переопределяет цвета секций. */

:root { --wf-accent: #5f8d2e; }

body { -webkit-font-smoothing: antialiased; }

/* ============================================================
   ГЛАВНАЯ (index.php) использует старую тему `secreto`, чей CSS
   в архиве не сохранился (0/… восстановлено). Внутренние страницы
   на теме secreto3.0 стилизованы своей темой. Ниже — самодостаточная
   вёрстка ТОЛЬКО для главной (scope `body.home`), приведённая к виду
   остального сайта: белая шапка с горизонтальным меню, hero-баннер,
   сетка «tiendas», карточки последних панорам, callout-полоса.
   Акцент #765f84 — фирменный фиолетовый (см. inline <style> index.php).
   Внутренних страниц эти правила не касаются.
   ============================================================ */
body.home { --wf-home-accent: #765f84; color: #333;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; }

body.home #container { background: #fff; }
body.home .clearfix::after { content: ""; display: table; clear: both; }

/* --- шапка: логотип слева, меню справа, как на внутренних --- */
body.home #top { max-width: 1140px; margin: 0 auto; padding: 18px 20px;
  display: flex; align-items: center; justify-content: space-between; }
body.home #logo { float: none; }
body.home #logo img { max-height: 58px; width: auto; height: auto; display: block; }
body.home #menu-container { float: none; }
body.home #primary-nav .menu { list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center; }
body.home #primary-nav .menu > li { margin: 0; }
body.home #primary-nav .menu > li > a { display: block; padding: 10px 14px;
  color: #444; text-decoration: none; font-weight: 700; font-size: 14px;
  text-transform: uppercase; letter-spacing: .3px; }
body.home #primary-nav .menu > li > a:hover,
body.home #primary-nav .menu > li.current_page_item > a {
  color: var(--wf-home-accent); }
body.home #top { border-bottom: 1px solid #e6e6e6; }

/* --- hero: без JS слайды стекаются с маркерами → показываем первый
       слайд как баннер-полосу, остальные прячем --- */
body.home #home-slider { background: #f3f1f5; border-bottom: 3px solid var(--wf-home-accent); }
body.home #home-slider .slides { list-style: none; margin: 0; padding: 0; }
body.home #home-slider .slides > li:not(:first-child) { display: none; }
body.home .flex-caption { padding: 46px 0; }
body.home .caption-inner { max-width: 1140px; margin: 0 auto; padding: 0 20px;
  text-align: center; }
body.home .caption-col { display: block; margin: 0 auto 6px; }
/* inline <style> темы форсирует .flex-caption h2 фиолетовый фон через
   !important — превращаем его в аккуратную читаемую плашку-лейбл */
body.home .caption-col h2 { display: inline-block; font-size: 18px; font-weight: 700;
  color: #fff !important; margin: 0 0 12px; padding: 8px 18px; border-radius: 3px;
  line-height: 1.3; }
body.home .caption-col h1 { font-size: 30px; font-weight: 700; color: #2b2b2b;
  margin: 0; line-height: 1.25; }
body.home .caption-col a h1 { color: var(--wf-home-accent); }
body.home .caption-col a { text-decoration: none; }

/* --- контент --- */
body.home #content { padding: 30px 0 10px; }
body.home #content .inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
body.home .entry-content > p { margin: 0 0 16px; }

/* заголовки секций по центру с акцентной чертой */
body.home .section-title { text-align: center; font-size: 24px; font-weight: 700;
  color: #2b2b2b; margin: 34px 0 24px; }
body.home .section-title span { display: inline-block; padding-bottom: 8px;
  border-bottom: 3px solid var(--wf-home-accent); }

/* сетка «Las tiendas más nuevas» — цветные карточки-плитки */
body.home .portfolio-container { display: flex; flex-wrap: wrap; gap: 20px;
  justify-content: center; }
body.home .portfolio-project.col-fourth { width: calc(25% - 15px); }
body.home .portfolio-project > a { position: relative; display: block;
  min-height: 170px; border-radius: 3px; overflow: hidden; text-decoration: none; }
body.home .portfolio-project .project-background { position: absolute; inset: 0;
  z-index: 1; opacity: .92; }
body.home .portfolio-project .project-info { position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 16px; box-sizing: border-box;
  background: linear-gradient(transparent, rgba(0,0,0,.45)); }
body.home .portfolio-project .project-info h2 { color: #fff; font-size: 18px; margin: 0 0 4px; }
body.home .portfolio-project .project-info span { color: rgba(255,255,255,.9); font-size: 12px; }

/* последние панорамы — карточки (миниатюры отсутствуют → текстовые) */
body.home .recent-posts { list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; }
body.home .recent-posts .blog-item { width: calc(25% - 18px); margin: 0;
  box-sizing: border-box; text-align: left; }
/* миниатюры панорам в архиве отсутствуют (пустой .post-thumb тема красит
   фиолетовым !important) → скрываем пустые превью, оставляем текст-карточки */
body.home .recent-posts .post-thumb { display: none; }
body.home .recent-posts .post-thumb img { max-width: 100%; height: auto; display: block;
  border-radius: 3px; }
body.home .recent-posts .entry-title { font-size: 16px; margin: 10px 0 4px; }
body.home .recent-posts .entry-title a { color: #2b2b2b; text-decoration: none; font-weight: 700; }
body.home .recent-posts .entry-title a:hover { color: var(--wf-home-accent); }
body.home .recent-posts .entry-date { font-size: 12px; color: #999; }

/* testimonial-полоса вверху */
body.home .testimonial-large { text-align: center; margin: 0 0 10px; }
body.home .testimonial-large .testimonial-content p { font-size: 18px; color: #555; margin: 0; }

/* callout-полоса (фон задаётся inline #callout-footer{background:#714e87}) */
body.home #callout-footer { margin-top: 34px; padding: 34px 0; color: #fff; text-align: center; }
body.home #callout-footer .inner { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
body.home #callout-footer h2 { color: #fff; font-size: 26px; margin: 0 0 6px; }
body.home #callout-footer p { color: rgba(255,255,255,.9); margin: 0; }

body.home .social a { text-decoration: none; }

/* ============================================================
   ФУТЕР ГЛАВНОЙ. Тема `secreto` в архиве не сохранилась → виджет-область
   футера (Menú / Panoramas / Ven a vernos! / Síguenos!) осталась голым
   HTML: маркеры-списки и дефолтные синие ссылки на белом фоне (заявка
   специалиста «у footer-а как будто пропали стили»). Ниже — самодостаточная
   вёрстка футера ТОЛЬКО для главной (scope body.home), в тон остальному
   сайту: светлая полоса с акцентной чертой, три колонки-виджета, аккуратные
   заголовки и ссылки, строка копирайта. Блок showSitewide() (.romlifooter)
   внутри #footer не трогаем. Внутренних страниц (тема secreto3.0) не касается.
   ============================================================ */
body.home #footer { background: #f3f1f5; margin-top: 40px;
  border-top: 3px solid var(--wf-home-accent); color: #444; }
body.home #footer-widgets { max-width: 1140px; margin: 0 auto;
  padding: 40px 20px 10px; display: flex; flex-wrap: wrap; gap: 30px; }
body.home #footer-widgets .one-third { flex: 1 1 280px; min-width: 240px; float: none; }
body.home #footer .widget { margin: 0 0 20px; }
body.home #footer .widget-title { display: inline-block; margin: 0 0 14px;
  padding-bottom: 8px; font-size: 16px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .4px; color: #2b2b2b; border-bottom: 2px solid var(--wf-home-accent); }
body.home #footer .widget_nav_menu .menu { list-style: none; margin: 0; padding: 0; }
body.home #footer .widget_nav_menu .menu li { margin: 0 0 6px; }
body.home #footer .widget_nav_menu .menu a { color: #555; text-decoration: none; font-size: 14px; }
body.home #footer .widget_nav_menu .menu a:hover { color: var(--wf-home-accent); }
body.home #footer .textwidget { font-size: 14px; line-height: 1.7; color: #555; }
body.home #footer .textwidget p { margin: 0; }
body.home #footer .tw-widget-social { font-size: 14px; color: #555; }
body.home #footer .tw-widget-social a.social { color: var(--wf-home-accent);
  text-decoration: none; font-weight: 700; margin-right: 10px; }
body.home #footer-bottom { border-top: 1px solid #e0dbe6; margin-top: 14px; }
body.home #footer-bottom .inner { max-width: 1140px; margin: 0 auto;
  padding: 16px 20px; font-size: 13px; color: #888; }

@media (max-width: 900px) {
  body.home #top { flex-direction: column; gap: 12px; }
  body.home .portfolio-project.col-fourth,
  body.home .recent-posts .blog-item { width: calc(50% - 12px); }
}
@media (max-width: 560px) {
  body.home .portfolio-project.col-fourth,
  body.home .recent-posts .blog-item { width: 100%; }
  body.home .caption-col h1 { font-size: 24px; }
}