.elementor-316 .elementor-element.elementor-element-77fb929e{--display:flex;--min-height:84vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-316 .elementor-element.elementor-element-77fb929e:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mujeresencalma.com/wp-content/uploads/2025/10/hero5-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-316 .elementor-element.elementor-element-77fb929e::before, .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-background-video-container::before, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-background-video-container::before, .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-background-slideshow::before, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-background-slideshow::before, .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000000A 0%, #F2295B38 100%);}.elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-shape-top .elementor-shape-fill, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#F6F1EA;}.elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-shape-top svg, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-shape-top svg{height:17px;}.elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-shape-bottom .elementor-shape-fill, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F6F1EA;}.elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-shape-bottom svg, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-shape-bottom svg{height:17px;}.elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-shape-bottom, .elementor-316 .elementor-element.elementor-element-77fb929e > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-316 .elementor-element.elementor-element-4b144486{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-316 .elementor-element.elementor-element-19ce2c47{text-align:left;}.elementor-316 .elementor-element.elementor-element-19ce2c47 .elementor-heading-title{font-size:49px;font-weight:700;font-style:italic;line-height:1.15em;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-7d6171a );stroke:var( --e-global-color-7d6171a );text-shadow:0px 10px 28px rgba(0, 0, 0, 0.75);color:var( --e-global-color-secondary );}.elementor-316 .elementor-element.elementor-element-15843a9c{text-align:left;font-size:19px;color:rgba(255,255,255,.95);}.elementor-316 .elementor-element.elementor-element-3e0c99ce .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #D88374 0%, #E9A298 100%);border-radius:999px 999px 999px 999px;}.elementor-316 .elementor-element.elementor-element-3e0c99ce{padding:14px 22px 14px 0px;}.elementor-316 .elementor-element.elementor-element-3e0c99ce .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-316 .elementor-element.elementor-element-7ff380d{padding:0px 0px 0px 50px;--lottie-container-width:40%;}.elementor-316 .elementor-element.elementor-element-8ae4414{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-316 .elementor-element.elementor-element-1b7e6abd{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-316 .elementor-element.elementor-element-71a5d9ff{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-316 .elementor-element.elementor-element-71a5d9ff .elementor-heading-title{font-size:2em;font-style:italic;color:var( --e-global-color-primary );}.elementor-316 .elementor-element.elementor-element-d19f758{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0% 1% 0% 1%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:19px;--arrow-normal-color:var( --e-global-color-7d6171a );}.elementor-316 .elementor-element.elementor-element-d19f758 .swiper-slide > .elementor-element{height:100%;}.elementor-316 .elementor-element.elementor-element-d19f758 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:2px 2px 2px 2px;border-radius:50% 50% 50% 50%;padding:1% 1% 1% 1%;}.elementor-316 .elementor-element.elementor-element-545a6f9{--lottie-container-width:12%;--lottie-container-opacity:0.38;}.elementor-316 .elementor-element.elementor-element-2f0f8ca1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-316 .elementor-element.elementor-element-790ff401{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-316 .elementor-element.elementor-element-790ff401 .elementor-heading-title{font-size:2em;font-style:italic;color:var( --e-global-color-primary );}.elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list.blog-style-1 .post-content-bottom,
				               .elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list.blog-style-2 .post-content-bottom,
							   .elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list.blog-style-3 .blog-list-content,
							   .elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list .tpae-preset-content{background-color:transparent;background-image:linear-gradient(180deg, #EAD7D100 0%, #EAD7D17A 100%);}.elementor-316 .elementor-element.elementor-element-fb0bb11{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;border-style:none;}.elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list .post-inner-loop .grid-item{padding:15px 15px 15px 15px;}.elementor-316 .elementor-element.elementor-element-fb0bb11 .tp-listing-preloader.post-inner-loop:before{width:20px !important;height:20px !important;}.elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list .post-inner-loop .entry-content,
					.elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list .post-inner-loop .entry-content p,
					.elementor-316 .elementor-element.elementor-element-fb0bb11 .blog-list .post-inner-loop .tpae-preset-description{color:var( --e-global-color-6193c09 );}@media(min-width:1025px){.elementor-316 .elementor-element.elementor-element-77fb929e:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-316 .elementor-element.elementor-element-77fb929e:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mujeresencalma.com/wp-content/uploads/2025/10/hero5.jpg");background-position:center center;}.elementor-316 .elementor-element.elementor-element-77fb929e{--min-height:78vh;--padding-top:60px;--padding-bottom:60px;--padding-left:28px;--padding-right:28px;}.elementor-316 .elementor-element.elementor-element-4b144486{--justify-content:flex-end;}.elementor-316 .elementor-element.elementor-element-19ce2c47{text-align:center;}.elementor-316 .elementor-element.elementor-element-19ce2c47 .elementor-heading-title{font-size:29px;}.elementor-316 .elementor-element.elementor-element-15843a9c{text-align:center;font-size:17px;}.elementor-316 .elementor-element.elementor-element-d19f758{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-316 .elementor-element.elementor-element-77fb929e:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-77fb929e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mujeresencalma.com/wp-content/uploads/2025/10/hero5.jpg");background-position:center center;}.elementor-316 .elementor-element.elementor-element-77fb929e{--min-height:68vh;--padding-top:46px;--padding-bottom:46px;--padding-left:18px;--padding-right:18px;}.elementor-316 .elementor-element.elementor-element-19ce2c47{text-align:center;}.elementor-316 .elementor-element.elementor-element-19ce2c47 .elementor-heading-title{font-size:26px;}.elementor-316 .elementor-element.elementor-element-15843a9c{text-align:center;font-size:15px;}.elementor-316 .elementor-element.elementor-element-7ff380d.elementor-element{--align-self:center;}.elementor-316 .elementor-element.elementor-element-d19f758{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-77fb929e *//* ======= Microanimaciones “wow” para concurso ======= */\n:root{ --hero-max: 980px; --shine: rgba(255,255,255,.55); --btn-from: #D88374; --btn-to:#E9A298; }\n/* Parallax sutil en desktop */\n@media(min-width:1025px){ .elementor-316 .elementor-element.elementor-element-77fb929e{ background-attachment: fixed; } }\n/* Capa de partículas sutiles (movimiento continuo) */\n.elementor-316 .elementor-element.elementor-element-77fb929e::after{ content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 10% 20%, rgba(255,255,255,.06) 0 1px, transparent 2px) repeat, radial-gradient(circle at 80% 60%, rgba(255,255,255,.05) 0 1px, transparent 2px) repeat; background-size: 140px 140px, 180px 180px; animation: floatDots 22s linear infinite; }\n@keyframes floatDots{ from{ transform: translateY(0); } to{ transform: translateY(-140px);} }\n/* Entrada suave del stack de texto */\n.hero-stack{ opacity:0; transform: translateY(18px); animation: fadeUp .9s ease .2s forwards; }\n@keyframes fadeUp{ to{ opacity:1; transform: translateY(0);} }\n/* Ornamento/Lottie detrás del título (si está) */\n.hero-title-wrap{ position: relative; }\n.hero-title-wrap .ornament{ position:absolute; inset:auto auto -8px -12px; width:min(40vw,180px); opacity:.55; filter: drop-shadow(0 6px 16px rgba(0,0,0,.18)); }\n@media(max-width:1024px){ .hero-title-wrap .ornament{ inset:auto auto -6px 50%; transform: translateX(-50%); width:140px;} }\n/* Botón con brillo animado + microbounce al hover */\n.hero-cta a{ background: linear-gradient(135deg,var(--btn-from),var(--btn-to)); position:relative; overflow:hidden; }\n.hero-cta a::before{ content:''; position:absolute; top:-120%; left:-30%; width:60%; height:300%; transform: rotate(25deg); background: linear-gradient(90deg, transparent 0, var(--shine) 50%, transparent 100%); opacity:.0; }\n.hero-cta a:hover::before{ animation: shine 750ms ease; }\n@keyframes shine{ 0%{ left:-30%; opacity:.0;} 40%{ opacity:.55;} 100%{ left:130%; opacity:0;} }\n.hero-cta a:hover{ transform: translateY(-1px) scale(1.015); box-shadow:0 14px 30px rgba(33,33,33,.22);}\n/* Flecha scroll Lottie fija abajo */\n.scroll-cue{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); opacity:.85; }\n/* Accesibilidad/contraste del copy */\n.hero-copy{ position:relative; max-width: min(92vw, var(--hero-max)); }\n.hero-copy::before{ content:''; position:absolute; inset:-18px; border-radius:28px; background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.50) 60%, rgba(0,0,0,.66) 100%); z-index:0; }\n@media(max-width:1024px){ .hero-copy::before{ inset:-14px; border-radius:22px; } }\n@media(max-width:767px){ .hero-copy::before{ inset:-12px; border-radius:18px; } }/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-d19f758 *//* ====== Variables (ajústalas) ====== */
:root{
  --arch-percent: 68%;      /* curvatura del arco arriba (50–75%) */
  --r-bot: 14px;            /* radio inferior (0 si lo quieres recto) */
  --gap: 10px;              /* separación del marco interior respecto al borde de la imagen */
  --frame-w: 2px;           /* grosor de la línea interior */
  --frame-color: #e38e80;   /* color del marco interior */
  --outer-border: transparent; /* fino borde exterior de la imagen (p. ej. rgba(0,0,0,.14)) */
}

/* ====== 1) Wrapper de la IMAGEN con forma de arco ======
   Usamos border-radius elíptico con “/” para un arco perfecto */
.post-grid3 .e-loop-image,
.post-grid3 .elementor-post__thumbnail,
.post-grid3 .tp-blog-listout .post-image{
  position: relative;
  overflow: hidden;
  /* Radios elípticos: 9999px arriba (lados) + porcentaje del alto para el arco */
  border-radius:
    9999px 9999px var(--r-bot) var(--r-bot)
    / var(--arch-percent) var(--arch-percent) var(--r-bot) var(--r-bot);
  border: 1px solid var(--outer-border); /* opcional */
  z-index: 0; /* crea contexto */
}

/* Imagen dentro: rellena y respeta la misma forma */
.post-grid3 .e-loop-image img,
.post-grid3 .elementor-post__thumbnail img,
.post-grid3 .tp-blog-listout .post-image img{
  width: 100%; height: 100%; display: block; object-fit: cover;
  border-radius:
    9999px 9999px var(--r-bot) var(--r-bot)
    / var(--arch-percent) var(--arch-percent) var(--r-bot) var(--r-bot);
}

/* ====== 2) Cualquier overlay del skin va por DEBAJO del marco ====== */
.post-grid3 .e-loop-image::before,
.post-grid3 .elementor-post__thumbnail::before,
.post-grid3 .tp-blog-listout .post-image::before{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  border-radius: inherit; z-index: 1;
  /* si no quieres overlay, comenta las 2 líneas siguientes */
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.28));
  opacity: .65;
}

/* ====== 3) Marco interior SOLO en la imagen ======
   Usamos un pseudo-elemento reducido (inset) y el mismo radio elíptico */
.post-grid3 .e-loop-image::after,
.post-grid3 .elementor-post__thumbnail::after,
.post-grid3 .tp-blog-listout .post-image::after{
  content: ""; position: absolute; pointer-events: none; z-index: 3;
  top: var(--gap); right: var(--gap); bottom: var(--gap); left: var(--gap);
  border: var(--frame-w) solid var(--frame-color);
  border-radius:
    9999px 9999px calc(max(0px, var(--r-bot) - var(--gap))) calc(max(0px, var(--r-bot) - var(--gap)))
    / var(--arch-percent) var(--arch-percent) calc(max(0px, var(--r-bot) - var(--gap))) calc(max(0px, var(--r-bot) - var(--gap)));
  background: transparent;
}

/* ====== 4) Hover sutil SOLO en la imagen (opcional) ====== */
.post-grid3 .e-loop-image img,
.post-grid3 .elementor-post__thumbnail img,
.post-grid3 .tp-blog-listout .post-image img{
  transition: transform .35s ease;
}
.post-grid3 .e-loop-item:hover .e-loop-image img,
.post-grid3 .elementor-post:hover .elementor-post__thumbnail img,
.post-grid3 .tp-blog-listout .tpgb-post:hover .post-image img{
  transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for tp-blog-listout, class: .elementor-element-fb0bb11 *//* ========= Ajusta aquí tus variables ========= */
:root{
  --pg2-radius: 14px;        /* radio de las tarjetas */
  --pg2-outer: rgba(0,0,0,.18);  /* color del borde exterior (puede ser transparente o más oscuro) */
  --pg2-inner: #e38e80;          /* color del marco interior solicitado */
  --pg2-gap: 10px;               /* separación entre borde exterior y marco interior */
  --pg2-inner-w: 2px;            /* grosor del marco interior */
}

/* ========= Selección del card (cubre Elementor Posts y The Plus Addons) ========= */
.post-grid2 article,
.post-grid2 .elementor-post,
.post-grid2 .tp-blog-listout .tpgb-post-list,
.post-grid2 .tp-blog-listout .tpgb-post,
.post-grid2 .tp-blog-listout [class*="blog"] [class*="item"]{
  position: relative;
  border-radius: var(--pg2-radius);
  overflow: hidden; /* recorta imagen, overlay y el marco interior */
  /* Borde exterior del card */
  border: 1px solid var(--pg2-outer);
  box-shadow: 0 10px 24px rgba(0,0,0,.06); /* opcional para dar profundidad */
}

/* ========= Marco interior (línea #EBD7CD) ========= */
.post-grid2 article::after,
.post-grid2 .elementor-post::after,
.post-grid2 .tp-blog-listout .tpgb-post-list::after,
.post-grid2 .tp-blog-listout .tpgb-post::after,
.post-grid2 .tp-blog-listout [class*="blog"] [class*="item"]::after{
  content: "";
  position: absolute;
  pointer-events: none;
  inset: var(--pg2-gap);                /* crea el “marco” hacia adentro */
  border: var(--pg2-inner-w) solid var(--pg2-inner);
  border-radius: calc(var(--pg2-radius) - var(--pg2-gap));
  /* look “transparente”: no hay fondo, solo la línea */
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0); /* placeholder por si luego quieres doble línea */
}

/* ========= Opcional: overlay suave para que el texto encima sea legible ========= */
/* (ajústalo o bórralo si ya tienes tu propio overlay) */
.post-grid2 .elementor-post__thumbnail__link::before,
.post-grid2 .elementor-post__thumbnail::before,
.post-grid2 .tp-blog-listout .tpgb-post .post-image::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.40) 100%);
  opacity:.75;
  pointer-events:none;
}

/* ========= Redondeo coherente en la imagen para que el marco interior siga las esquinas ========= */
.post-grid2 .elementor-post__thumbnail,
.post-grid2 .elementor-post__thumbnail__link,
.post-grid2 .elementor-post__thumbnail img,
.post-grid2 .tp-blog-listout .tpgb-post .post-image,
.post-grid2 .tp-blog-listout .tpgb-post .post-image img{
  border-top-left-radius: var(--pg2-radius);
  border-top-right-radius: var(--pg2-radius);
  display:block;
}

/* ========= Hover sutil (opcional) ========= */
.post-grid2 article:hover,
.post-grid2 .elementor-post:hover,
.post-grid2 .tp-blog-listout .tpgb-post:hover{
  transform: translateY(-2px);
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
}

/* Si tu título/fecha están dentro de la imagen y quieres que destaquen */
.post-grid2 .elementor-post__title a,
.post-grid2 .tp-blog-listout .post-title a{
  color: #FFFFFF;
}
.post-grid2 .elementor-post__title,
.post-grid2 .tp-blog-listout .post-title{
  text-shadow: 0 3px 16px rgba(0,0,0,.35);
}/* End custom CSS */