.elementor-895 .elementor-element.elementor-element-378f19b{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-895 .elementor-element.elementor-element-1eb5957{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:justify;}.elementor-895 .elementor-element.elementor-element-1eb5957.elementor-element{--align-self:center;}.elementor-895 .elementor-element.elementor-element-75713be{--display:flex;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-895 .elementor-element.elementor-element-5d2f843{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-895 .elementor-element.elementor-element-5d2f843.elementor-element{--align-self:center;}.elementor-895 .elementor-element.elementor-element-1209e96{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-895 .elementor-element.elementor-element-6dcb811{width:100%;max-width:100%;}.elementor-895 .elementor-element.elementor-element-6dcb811.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-widget-author-box .elementor-author-box__button{line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-author-box .elementor-author-box__button{line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-6dcb811 *//* =========================================================
   STONNE · BANNER CON EFECTO GALAXIA (como el hero)
   Pegar TAL CUAL en el widget de la imagen:
   Avanzado → CSS personalizado. No hace falta añadir ninguna clase.
   ========================================================= */

.elementor-895 .elementor-element.elementor-element-6dcb811{
  --stn-banner-alto: 200px;          /* alto del banner */
  --stn-banner-oscurecer: .5;        /* 0 = foto a tope · 1 = foto muy oscura */
  --stn-banner-enfoque: center;      /* parte de la foto que se ve (ej. "center 30%") */

  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;   /* de borde a borde de la pantalla */
  margin-right: calc(50% - 50vw) !important;
  height: var(--stn-banner-alto) !important;
  overflow: hidden !important;
  isolation: isolate;
  padding: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(140% 120% at 50% -10%, #06407e 0%, #012049 46%, #00102a 100%) !important;
}
/* Evita la barra de scroll horizontal que provoca el ancho completo en Windows */
body{ overflow-x: clip; }

/* La foto: ocupa todo el banner y se tiñe con el azul de Stonne */
.elementor-895 .elementor-element.elementor-element-6dcb811 .elementor-widget-container,
.elementor-895 .elementor-element.elementor-element-6dcb811 a,
.elementor-895 .elementor-element.elementor-element-6dcb811 figure{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-895 .elementor-element.elementor-element-6dcb811 img{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: var(--stn-banner-enfoque) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: calc(1 - var(--stn-banner-oscurecer));
}
.elementor-895 .elementor-element.elementor-element-6dcb811 figcaption{ display: none !important; }

/* Nebulosa (coral y azul, en movimiento lento) */
.elementor-895 .elementor-element.elementor-element-6dcb811::before{
  content: "";
  position: absolute;
  inset: -30%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(closest-side at 25% 30%, rgba(239,133,121,.32), transparent 72%),
    radial-gradient(closest-side at 75% 65%, rgba(38,120,220,.36), transparent 72%),
    radial-gradient(closest-side at 80% 20%, rgba(236,231,217,.14), transparent 70%),
    radial-gradient(closest-side at 18% 78%, rgba(239,133,121,.20), transparent 72%);
  filter: blur(30px);
  mix-blend-mode: screen;
  animation: stn-banner-nebula 22s ease-in-out infinite alternate;
}

/* Estrellas (dos capas que se desplazan) y velo inferior */
.elementor-895 .elementor-element.elementor-element-6dcb811::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(0,16,42,.30) 0%, rgba(0,16,42,.10) 38%, rgba(0,16,42,.40) 66%, rgba(0,10,28,.80) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23ECE7D9'%3E%3Ccircle cx='15' cy='25' r='.8'/%3E%3Ccircle cx='55' cy='90' r='.8' opacity='.85'/%3E%3Ccircle cx='100' cy='40' r='.8'/%3E%3Ccircle cx='130' cy='120' r='.8' opacity='.7'/%3E%3Ccircle cx='75' cy='150' r='.8'/%3E%3Ccircle cx='35' cy='130' r='.8' opacity='.75'/%3E%3Ccircle cx='145' cy='70' r='.8'/%3E%3Ccircle cx='90' cy='100' r='.8' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230'%3E%3Ccircle cx='40' cy='60' r='1.1' fill='%23ECE7D9'/%3E%3Ccircle cx='180' cy='30' r='.9' fill='%23EF8579'/%3E%3Ccircle cx='120' cy='170' r='1.1' fill='%23ECE7D9'/%3E%3Ccircle cx='200' cy='120' r='.9' fill='%23ECE7D9' opacity='.9'/%3E%3Ccircle cx='70' cy='200' r='.9' fill='%23EF8579'/%3E%3Ccircle cx='20' cy='150' r='1.1' fill='%23ECE7D9'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat, repeat;
  background-size: 100% 100%, 160px 160px, 230px 230px;
  background-position: 0 0, 0 0, 0 0;
  animation: stn-banner-estrellas 90s linear infinite;
}

@keyframes stn-banner-nebula{
  from{ transform: translate3d(-7%,-5%,0) scale(1.05) rotate(-4deg); }
  to{   transform: translate3d(8%,6%,0) scale(1.2) rotate(6deg); }
}
@keyframes stn-banner-estrellas{
  from{ background-position: 0 0, 0 0, 0 0; }
  to{   background-position: 0 0, -320px -480px, 230px -460px; }
}

@media (max-width: 640px){
  .elementor-895 .elementor-element.elementor-element-6dcb811::before{ filter: blur(20px); }   /* más ligero en móvil */
}
@media (prefers-reduced-motion: reduce){
  .elementor-895 .elementor-element.elementor-element-6dcb811::before, .elementor-895 .elementor-element.elementor-element-6dcb811::after{ animation: none; }
}/* End custom CSS */