.elementor-204 .elementor-element.elementor-element-94e03d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-204 .elementor-element.elementor-element-57e2d7a.elementor-element{--align-self:flex-end;}.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-menu-toggle{margin:0 auto;}.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main .elementor-item:focus{color:#AF1816;fill:#AF1816;}.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-204 .elementor-element.elementor-element-57e2d7a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#AF1816;}.elementor-204 .elementor-element.elementor-element-57e2d7a .e--pointer-framed .elementor-item:before,
					.elementor-204 .elementor-element.elementor-element-57e2d7a .e--pointer-framed .elementor-item:after{border-color:#AF1816;}.elementor-204 .elementor-element.elementor-element-531e6cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-e22473e *//* =========================
   Beaaafitt · QUIÉNES SOMOS
   Color marca: #9b1913
   ========================= */

:root{
  --bf-red:#9b1913;
  --bf-red-dark:#7d1410;
  --bf-text:#1f2937;
  --bf-muted:#6b7280;
  --bf-soft:#f8f9fa;
  --bf-border: rgba(0,0,0,.08);
  --bf-shadow: 0 18px 60px rgba(0,0,0,.10);
  --bf-radius: 16px;
}

/* Scrollbar en rojo corporativo */
::-webkit-scrollbar{ width: 10px; }
::-webkit-scrollbar-track{ background: #f1f1f1; }
::-webkit-scrollbar-thumb{ background: var(--bf-red); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover{ background: var(--bf-red-dark); }

.bf-about{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color: var(--bf-text);
  background: #fff;
}

.bf-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 26px 20px 80px;
}

.bf-center{ text-align:center; }

.bf-kicker{
  display:inline-block;
  color: var(--bf-red);
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}

.bf-title{
  color: var(--bf-red);
  font-weight: 1000;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.08;
  margin: 0 0 12px;
}

.bf-lead{
  color: var(--bf-muted);
  font-size: 18px;
  line-height: 1.95;
  margin: 0;
  max-width: 720px;
}

.bf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 22px;
  border-radius: 12px;
  text-decoration:none;
  font-weight: 900;
  border: 2px solid var(--bf-red);
  background: var(--bf-red);
  color: #fff !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  box-shadow: 0 12px 26px rgba(155,25,19,.22);
  will-change: transform;
}

.bf-btn:hover,
.bf-btn:focus{
  transform: translateY(-2px);
  background: var(--bf-red-dark);
  border-color: var(--bf-red-dark);
  box-shadow: 0 16px 34px rgba(155,25,19,.30);
}

.bf-btn--ghost{
  background: transparent;
  color: var(--bf-red) !important;
  box-shadow: none;
}

.bf-btn--ghost:hover,
.bf-btn--ghost:focus{
  background: rgba(155,25,19,.08);
  color: var(--bf-red-dark) !important;
  border-color: var(--bf-red-dark);
}

/* HERO */
.bf-hero{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  align-items:center;
  padding: 16px 0 28px;
  border-bottom: 1px solid var(--bf-border);
}

.bf-hero__cta{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.bf-hero__media{
  display:flex;
  justify-content:flex-end;
}

.bf-hero__photo{
  width: 100%;
  max-width: 520px;
  border-radius: var(--bf-radius);
  overflow:hidden;
  box-shadow: var(--bf-shadow);
  position: relative;
}

.bf-hero__photo::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(155,25,19,.10), rgba(0,0,0,0));
  pointer-events:none;
}

.bf-hero__photo img{
  width:100%;
  height: 360px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.bf-hero__photo:hover img{
  transform: scale(1.07);
}

/* SECTIONS */
.bf-section{
  padding: 40px 0;
}

.bf-section__head{
  margin-bottom: 18px;
}

.bf-section__head h2{
  color: var(--bf-red);
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 1000;
  margin: 0 0 8px;
  letter-spacing: .2px;
}

.bf-section__head p{
  color: var(--bf-muted);
  margin: 0;
  line-height: 1.9;
}

/* QUÉ ES */
.bf-what__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}

.bf-info{
  background:#fff;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius);
  padding: 18px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bf-info:hover{
  transform: translateY(-4px);
  box-shadow: var(--bf-shadow);
  border-color: rgba(155,25,19,.28);
}

.bf-info__icon{
  font-size: 30px;
  margin-bottom: 8px;
}

.bf-info h3{
  margin: 0 0 6px;
  color: var(--bf-red);
  font-weight: 1000;
}

.bf-info p{
  margin: 0;
  color: var(--bf-muted);
  line-height: 1.85;
}

/* fila de fotos */
.bf-what__photoRow{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.bf-photoCard{
  border-radius: var(--bf-radius);
  overflow:hidden;
  position: relative;
  box-shadow: var(--bf-shadow);
  height: 220px;
}

.bf-photoCard img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.bf-photoCard:hover img{
  transform: scale(1.10);
}

.bf-photoCard__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 14px 14px;
  color:#fff;
  font-weight: 1000;
  letter-spacing: .2px;
  background: linear-gradient(to top, rgba(0,0,0,.80), rgba(0,0,0,0));
}

/* MISIÓN / VISIÓN */
.bf-mv__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}

.bf-mvCard{
  border-radius: var(--bf-radius);
  border: 1px solid var(--bf-border);
  background:#fff;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bf-mvCard:hover{
  transform: translateY(-4px);
  box-shadow: var(--bf-shadow);
  border-color: rgba(155,25,19,.28);
}

.bf-mvCard--solid{
  background: linear-gradient(180deg, rgba(155,25,19,.10), #fff);
}

.bf-mvCard__top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom: 10px;
}

.bf-mvCard__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--bf-red);
  color:#fff;
  font-weight: 1000;
  font-size: 13px;
  letter-spacing: .2px;
}

.bf-mvCard__badge--outline{
  background: transparent;
  color: var(--bf-red);
  border: 2px solid var(--bf-red);
}

.bf-mvCard p{
  margin: 0;
  color: var(--bf-muted);
  line-height: 1.95;
}

/* VALORES */
.bf-values__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

.bf-value{
  border-radius: var(--bf-radius);
  border: 1px solid var(--bf-border);
  background:#fff;
  padding: 16px 16px 20px;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bf-value::after{
  content:"";
  position:absolute;
  left: 16px;
  right: 16px;
  bottom: 12px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(155,25,19,0), rgba(155,25,19,.8), rgba(155,25,19,0));
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}

.bf-value:hover{
  transform: translateY(-4px);
  box-shadow: var(--bf-shadow);
  border-color: rgba(155,25,19,.28);
}

.bf-value:hover::after{
  opacity: 1;
  transform: translateY(0);
}

.bf-value h3{
  margin: 0 0 6px;
  color: var(--bf-red);
  font-weight: 1000;
}

.bf-value p{
  margin:0;
  color: var(--bf-muted);
  line-height: 1.85;
}

/* CÓMO TRABAJAMOS (cards tipo screenshot) */
.bf-how__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 16px;
}

.bf-step{
  background:#fff;
  border: 1px solid var(--bf-border);
  border-radius: var(--bf-radius);
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bf-step:hover{
  transform: translateY(-4px);
  box-shadow: var(--bf-shadow);
  border-color: rgba(155,25,19,.28);
}

.bf-step__icon{
  width: 44px;
  height: 44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  background: rgba(155,25,19,.08);
  margin-bottom: 10px;
  font-size: 22px;
}

.bf-step h3{
  margin: 0 0 8px;
  color: var(--bf-red);
  font-weight: 1000;
  font-size: 20px;
}

.bf-num{
  color: var(--bf-red-dark);
  font-weight: 1000;
}

.bf-step p{
  margin:0;
  color: var(--bf-muted);
  line-height: 1.85;
}

/* Bloque final con imagen + texto */
.bf-how__media{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items:center;
}

.bf-how__img{
  border-radius: var(--bf-radius);
  overflow:hidden;
  box-shadow: var(--bf-shadow);
  height: 280px;
}

.bf-how__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.bf-how__img:hover img{
  transform: scale(1.08);
}

.bf-how__text{
  border-radius: var(--bf-radius);
  border: 1px solid var(--bf-border);
  background: linear-gradient(180deg, rgba(155,25,19,.06), #fff);
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.bf-how__text h3{
  margin: 0 0 8px;
  color: var(--bf-red);
  font-weight: 1000;
}

.bf-how__text p{
  margin: 0 0 14px;
  color: var(--bf-muted);
  line-height: 1.9;
}

/* Responsive */
@media (max-width: 980px){
  .bf-hero{ grid-template-columns: 1fr; }
  .bf-hero__media{ justify-content:center; }
  .bf-hero__photo img{ height: 280px; }

  .bf-what__grid,
  .bf-values__grid,
  .bf-how__grid{ grid-template-columns: 1fr; }

  .bf-what__photoRow{ grid-template-columns: 1fr; }
  .bf-photoCard{ height: 200px; }

  .bf-mv__grid{ grid-template-columns: 1fr; }

  .bf-how__media{ grid-template-columns: 1fr; }
  .bf-how__img{ height: 220px; }
}/* End custom CSS */