/*
Theme Name: Kubio Child
Theme URI: https://kubiobuilder.com/kubio-theme
Template: kubio
Author: Extend Themes
Author URI: https://kubiobuilder.com
Description: Kubio is an innovative, easily customizable, multi-purpose theme, focused on empowering users to build astonishing WordPress websites. Kubio is mainly designed for small businesses, startups, or personal portfolio websites and works perfectly with Kubio Page Builder which enriches the WordPress block editor with a variety of new blocks and advanced styling options to give you full design freedom.
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.0.56.1755739734
Updated: 2025-08-21 01:28:54

*/
.hfc-container{max-width:1100px;margin:0 auto;padding:0 20px}
.hfc-title{font-size:clamp(28px,4vw,44px);margin:24px 0 8px}
.hfc-meta{margin:0 0 12px}
.hfc-chip{display:inline-block;background:#f6f6f6;border-radius:999px;padding:.25rem .6rem;margin-right:.5rem;font-size:.9rem}
.hfc-lead{font-size:1.1rem;opacity:.9}

.hfc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
@media (max-width:900px){.hfc-stats-grid{grid-template-columns:1fr}}
.hfc-list{list-style:none;padding:0;margin:0}
.hfc-list li{margin:.25rem 0}
.hfc-profit{color:#0a8f2e}

.hfc-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 6px}
@media (max-width:900px){.hfc-columns{grid-template-columns:1fr}}
.hfc-subtitle{margin:.75rem 0 .5rem}
.hfc-hero-img{width:100%;height:auto;border-radius:12px;display:block}

.hfc-splide .splide__slide img{width:100%;height:auto;border-radius:10px;display:block}

/* ===== HFC Single: lastest_project (dark theme) ===== */
.single-lastest_project{
  --hfc-bg:#000;
  --hfc-title:#CFCFCF;   /* gris */
  --hfc-text:#ffffff;    /* blanco */
  --hfc-accent:#F7D62F;  /* amarillo mostaza */
  --hfc-muted:#8E8E8E;
}
.single-lastest_project body,
.single-lastest_project #page,
.single-lastest_project .site{
  background:var(--hfc-bg)!important;
}

/* Título */
.single-lastest_project .hfc-title,
.single-lastest_project .entry-title{
  color:var(--hfc-title)!important;
  font-weight:800;
  letter-spacing:.3px;
  text-align:center;
  margin:0 0 .25rem;
}

/* Párrafos / texto */
.single-lastest_project p,
.single-lastest_project li,
.single-lastest_project dd{
  color:var(--hfc-text);
}

/* Acentos */
.single-lastest_project .hfc-accent{ color:var(--hfc-accent)!important; }
.single-lastest_project .hfc-pill{
  display:inline-block;
  border:1px solid var(--hfc-accent);
  color:var(--hfc-accent);
  padding:.25rem .6rem;
  border-radius:999px;
  font-size:.85rem;
  margin:.25rem .25rem;
}
.single-lastest_project .hfc-type{ color:var(--hfc-text); opacity:.85; }

/* Encabezado del single */
.single-lastest_project .hfc-header{ text-align:center; padding-top:1rem; }
.single-lastest_project .hfc-lead{ max-width:840px; margin:.75rem auto 1.5rem; opacity:.95; }

/* Timeline / Financials */
.single-lastest_project .hfc-meta{
  display:grid; grid-template-columns:1fr; gap:1.25rem;
  max-width:980px; margin:1.5rem auto;
}
@media (min-width:900px){
  .single-lastest_project .hfc-meta{ grid-template-columns:1fr 1fr; }
}
.single-lastest_project .hfc-meta h3{ margin-bottom:.5rem; }
.single-lastest_project .hfc-meta dl{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px; padding:1rem 1.25rem;
}
.single-lastest_project .hfc-meta dt{ color:var(--hfc-accent); font-weight:600; }
.single-lastest_project .hfc-meta dd{ margin:0 0 .5rem 0; }

/* Resumen narrativo */
.single-lastest_project .hfc-summary{ max-width:980px; margin:1rem auto 1.5rem; }

/* Before / After: layout y carrusel */
.single-lastest_project .hfc-compare{
  max-width:1240px; margin:1.5rem auto 2.5rem;
  display:grid; gap:1.5rem; grid-template-columns:1fr;
}
@media (min-width:1000px){
  .single-lastest_project .hfc-compare{ grid-template-columns:1fr 1fr; }
}
.single-lastest_project .hfc-col h3{ margin-bottom:.75rem; }