.elementor-433 .elementor-element.elementor-element-4a8de59{--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-433 .elementor-element.elementor-element-1cc3f16.elementor-element{--align-self:flex-end;}.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-menu-toggle{margin:0 auto;}.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main .elementor-item:focus{color:#9B1913;fill:#9B1913;}.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-433 .elementor-element.elementor-element-1cc3f16 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#9B1913;}.elementor-433 .elementor-element.elementor-element-1cc3f16 .e--pointer-framed .elementor-item:before,
					.elementor-433 .elementor-element.elementor-element-1cc3f16 .e--pointer-framed .elementor-item:after{border-color:#9B1913;}.elementor-433 .elementor-element.elementor-element-9c7adcb{--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-6fef104 *//* ===============================
   BEAAAFITT — SERVICIO (BF)
   Color corporativo: #9b1913
================================ */
:root{
  --bf-red:#9b1913;
  --bf-red-dark:#7d1410;
  --bf-ink:#1f2a37;
  --bf-muted:#6b7280;
  --bf-line:#e7e7e7;
  --bf-card:#ffffff;
  --bf-soft:#faf7f7;
  --bf-shadow: 0 18px 45px rgba(0,0,0,.10);
  --bf-radius: 18px;
  --bf-radius-sm: 14px;
  --bf-trans: all .28s cubic-bezier(.2,.8,.2,1);
}

/* Scope: para que no te rompa otros estilos de WordPress */
.bf-page, .bf-page *{ box-sizing:border-box; }

.bf-page{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color: var(--bf-ink);
}

/* fuerza títulos en rojo (evita azules del tema) */
.bf-page h1,
.bf-page h2,
.bf-page h3{
  color: var(--bf-red) !important;
  margin: 0 0 .55rem;
  font-weight: 900;
  letter-spacing: .2px;
}

.bf-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 18px 70px;
}

.bf-muted{ color: var(--bf-muted); }
.bf-center{ text-align:center; }
.bf-max{ max-width: 860px; margin-left:auto; margin-right:auto; }

.bf-hero{
  text-align:center;
  padding: 10px 0 26px;
}

.bf-kicker{
  display:flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  font-weight: 800;
  color: var(--bf-red);
  background: rgba(155,25,19,.08);
  border: 1px solid rgba(155,25,19,.20);
  padding: 8px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
  
}

.bf-title{
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.05;
}

.bf-lead{
  margin: 10px auto 0;
  font-size: 18px;
  color: var(--bf-muted);
  max-width: 840px;
  line-height: 1.75;
}

.bf-block{
  margin-top: 34px;
}

.bf-block--soft{
  background: linear-gradient(180deg, rgba(155,25,19,.06), rgba(155,25,19,0));
  border-radius: var(--bf-radius);
  padding: 26px 18px;
}

.bf-section-head{
  margin-bottom: 16px;
}

/* ===== Grid helpers ===== */
.bf-grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.bf-grid-tight{ gap: 14px; }

/* ===== Pillars ===== */
.bf-pillar{
  background: var(--bf-card);
  border: 1px solid var(--bf-line);
  border-radius: var(--bf-radius);
  padding: 20px 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  transition: var(--bf-trans);
  position: relative;
  overflow:hidden;
}
.bf-pillar::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--bf-red), rgba(155,25,19,.35));
}
.bf-pillar:hover{
  transform: translateY(-6px);
  box-shadow: var(--bf-shadow);
}

.bf-pillar__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

.bf-pillar__icon{
  width: 46px;
  height: 46px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  background: rgba(155,25,19,.09);
  border: 1px solid rgba(155,25,19,.22);
  font-size: 22px;
}

.bf-pillar p{
  color: var(--bf-muted);
  margin: 0 0 10px;
  line-height: 1.7;
}

.bf-mini{
  margin: 0;
  padding-left: 18px;
  color: #374151;
  line-height: 1.7;
}
.bf-mini li{ margin: 6px 0; }

/* ===== Image Cards ===== */
.bf-imggrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 16px;
}

.bf-imgcard{
  background: var(--bf-card);
  border: 1px solid var(--bf-line);
  border-radius: var(--bf-radius);
  overflow:hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  transition: var(--bf-trans);
}
.bf-imgcard:hover{
  transform: translateY(-6px);
  box-shadow: var(--bf-shadow);
}

.bf-imgcard__media{
  height: 190px;
  background: #f1f1f1;
}
.bf-imgcard__media img{
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;
}

.bf-imgcard__title{
  padding: 14px 16px 0;
  font-size: 22px;
}

.bf-imgcard__text{
  padding: 6px 16px 16px;
  color: var(--bf-muted);
  line-height: 1.7;
  margin: 0;
}

/* ===== Plans ===== */
.bf-plan-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  margin-top: 18px;
}

.bf-plan{
  background: var(--bf-card);
  border: 1px solid var(--bf-line);
  border-radius: var(--bf-radius);
  padding: 24px 18px 20px; /* más grande */
  min-height: 320px;       /* más grande */
  position: relative;
  overflow:hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  transition: var(--bf-trans);
}

.bf-plan:hover{
  transform: translateY(-6px);
  box-shadow: var(--bf-shadow);
}

.bf-plan h3{
  font-size: 26px;
  margin-bottom: 10px;
  padding-top: 14px; /* espacio para que no lo tape la etiqueta */
}

.bf-plan p{
  margin: 0 0 12px;
  color: var(--bf-muted);
  line-height: 1.7;
}

.bf-plan ul{
  margin: 0;
  padding-left: 18px;
  line-height: 1.8;
  color: #374151;
}

.bf-plan--featured{
  border-color: rgba(155,25,19,.35);
  background: linear-gradient(180deg, rgba(155,25,19,.06), #fff);
}

.bf-plan--recommended{
  border-color: rgba(17,24,39,.20);
  background: linear-gradient(180deg, rgba(17,24,39,.04), #fff);
}

.bf-tag{
  position:absolute;
  top: 14px;
  right: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  z-index: 2;
}

.bf-tag--primary{
  background: var(--bf-red);
  color: #fff;
}

.bf-tag--dark{
  background: #111827;
  color: #fff;
}

/* CTA */
.bf-cta-row{
  display:flex;
  gap: 14px;
  justify-content:center;
  margin-top: 18px;
  flex-wrap: wrap;
}

.bf-btn{
  display:inline-block;
  background: var(--bf-red);
  color:#fff;
  text-decoration:none;
  font-weight: 900;
  padding: 14px 26px;
  border-radius: 12px;
  border: 2px solid var(--bf-red);
  transition: var(--bf-trans);
}
.bf-btn:hover{
  transform: translateY(-2px);
  background: var(--bf-red-dark);
  border-color: var(--bf-red-dark);
}

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

/* ===== Info cards (Atención / Condiciones) ===== */
.bf-info{
  background: var(--bf-card);
  border: 1px solid var(--bf-line);
  border-radius: var(--bf-radius);
  padding: 18px 16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.05);
  transition: var(--bf-trans);
  position: relative;
  overflow:hidden;
}

.bf-info--line::before{
  content:"";
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--bf-red);
  opacity: .95;
}

.bf-info:hover{
  transform: translateY(-5px);
  box-shadow: var(--bf-shadow);
}

.bf-info__icon{
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  background: rgba(155,25,19,.10);
  border: 1px solid rgba(155,25,19,.22);
  font-size: 20px;
  margin-bottom: 10px;
}

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

.bf-footnote{
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.7;
}

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

/* ===== Responsive ===== */
@media (max-width: 1100px){
  .bf-plan-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px){
  .bf-grid-3{ grid-template-columns: 1fr; }
  .bf-imggrid{ grid-template-columns: 1fr; }
}

@media (max-width: 560px){
  .bf-container{ padding: 34px 14px 60px; }
  .bf-plan{ min-height: auto; }
  .bf-plan h3{ font-size: 24px; }
}/* End custom CSS */