.elementor-4260 .elementor-element.elementor-element-58f207a8{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-4260 .elementor-element.elementor-element-6809d1c6{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-4260 .elementor-element.elementor-element-6809d1c6:not(.elementor-motion-effects-element-type-background), .elementor-4260 .elementor-element.elementor-element-6809d1c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://bad-romance.com.mx/wp-content/uploads/2025/08/bc42815f-7c59-4d49-b92b-ffea953776b8.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-4260 .elementor-element.elementor-element-43c62c9e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-4260 .elementor-element.elementor-element-253d56b5{--grid-row-gap:80px;--grid-column-gap:60px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-4260 .elementor-element.elementor-element-253d56b5:after{content:"0.8";}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__thumbnail__link{width:100%;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__meta-data span + span:before{content:"•";}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__card{border-width:0px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__text{padding:0 0px;margin-top:20px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__meta-data{padding:10px 0px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title, .elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title a{color:#1C244B;font-family:"Poppins", Jost;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title{margin-bottom:8px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__excerpt p{font-family:"Poppins", Jost;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__read-more{color:#467FF7;}.elementor-4260 .elementor-element.elementor-element-253d56b5 a.elementor-post__read-more{font-family:"Poppins", Jost;font-size:16px;font-weight:400;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;}body.elementor-page-4260:not(.elementor-motion-effects-element-type-background), body.elementor-page-4260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-4260 .elementor-element.elementor-element-58f207a8{--min-height:300px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-4260 .elementor-element.elementor-element-43c62c9e{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-4260 .elementor-element.elementor-element-253d56b5{--grid-row-gap:71px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__excerpt p{font-size:14px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 a.elementor-post__read-more{font-size:14px;}}@media(max-width:767px){.elementor-4260 .elementor-element.elementor-element-58f207a8{--min-height:260px;}.elementor-4260 .elementor-element.elementor-element-6809d1c6{--content-width:100%;}.elementor-4260 .elementor-element.elementor-element-253d56b5{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4260 .elementor-element.elementor-element-253d56b5:after{content:"0.5";}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__thumbnail__link{width:100%;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title, .elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title a{font-size:18px;}.elementor-4260 .elementor-element.elementor-element-253d56b5 .elementor-post__title{margin-bottom:9px;}}@media(min-width:768px){.elementor-4260 .elementor-element.elementor-element-58f207a8{--content-width:1520px;}.elementor-4260 .elementor-element.elementor-element-6809d1c6{--content-width:630px;}.elementor-4260 .elementor-element.elementor-element-43c62c9e{--content-width:1520px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4260 .elementor-element.elementor-element-6809d1c6{--content-width:420px;}}/* Start custom CSS for text-editor, class: .elementor-element-ed90394 */:root{
  --pink:#FFC0CB;               /* rosa pedido */
  --deep-pink:#A81E49;          /* contraste para títulos */
  --text:#2a2a2a;
  --wash-alpha:0.14;            /* fuerza del “blanco” sobre la imagen */
  --card-alpha:0.78;            /* opacidad de la tarjeta de texto */
  --card-radius:16px;
  --card-blur:6px;
}

.br-hero{
  position:relative;
  width:100%;
  /* Altura responsiva: nunca más de 540px */
  height:clamp(260px, 35vw, 540px);
  overflow:hidden;
  isolation:isolate; /* asegura que los overlays no afecten fuera */
  background:var(--pink);
}

/* Fondo con la ilustración */
.br-hero__bg{
  position:absolute; inset:0;
  background-image:var(--bg);
  background-size:cover;
  background-position:center;
  transform:translateZ(0);
}

/* Lavado blanco sobre toda la imagen para ganar legibilidad */
.br-hero__wash{
  position:absolute; inset:0;
  background:rgba(255,255,255,var(--wash-alpha));
}

/* Contenido centrado */
.br-hero__content{
  position:relative;
  z-index:2;
  height:100%;
  display:grid;
  place-items:center;
  padding: clamp(16px, 3vw, 32px);
}

/* Tarjeta semitransparente con blur y sombra suave */
.br-hero__card{
  max-width:min(1100px, 92vw);
  background:rgba(255,255,255,var(--card-alpha));
  backdrop-filter: blur(var(--card-blur));
  -webkit-backdrop-filter: blur(var(--card-blur));
  border-radius: var(--card-radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  padding: clamp(16px, 2.6vw, 28px) clamp(18px, 3vw, 40px);
}

/* Tipografía */
.br-hero__title{
  margin:0 0 .25em 0;
  font-size: clamp(28px, 5vw, 64px);
  line-height:1.05;
  font-weight:800;
  color: var(--deep-pink);
  letter-spacing:.5px;
}

.br-hero__subtitle{
  margin:0;
  font-size: clamp(14px, 2.1vw, 22px);
  line-height:1.4;
  color: var(--text);
}

/* Opcional: bordes sutiles para la tarjeta */
.br-hero__card{
  border:1px solid rgba(255,255,255,.7);
}

/* Si algún día el fondo es muy oscuro, puedes desactivar el lavado
   y cambiar el color del título con esta clase en <section class="br-hero is-dark"> */
.br-hero.is-dark .br-hero__wash{ background:rgba(255,255,255,0.05); }
.br-hero.is-dark .br-hero__title{ color:#ffffff; text-shadow:0 2px 10px rgba(0,0,0,.35); }/* End custom CSS */