/* .bcw-photo-escape__box es lo único que participa del flujo normal: le da
   su altura al widget y empuja el contenido siguiente. La imagen recortada
   es position:absolute, así que no ocupa espacio propio ni afecta al
   layout — solo se superpone visualmente. */
.bcw-photo-escape{
    position: relative;
}

.bcw-photo-escape__box{
    position: relative;
    overflow: hidden;
}

/* Especificidad doble (".bcw-photo-escape .bcw-photo-escape__bg") a propósito:
   la regla ".elementor img { height: auto; ... }" del propio Elementor tiene
   más especificidad que un simple ".bcw-photo-escape__bg" (clase + etiqueta
   vence a una sola clase), así que sin este refuerzo la imagen nunca llega a
   ocupar el 100% de la caja y se queda con su propia proporción natural. */
.bcw-photo-escape .bcw-photo-escape__bg{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* El recorte de la foto de fondo se hace siempre por el lado contrario a
   por donde sale la imagen recortada — así el fondo "cede" justo el hueco
   que necesita el recorte para encajar sin costura visible. No es
   configurable a propósito: un valor distinto rompería la alineación. */
.bcw-photo-escape[data-direction="top"] .bcw-photo-escape__bg{
    object-position: center bottom;
}
.bcw-photo-escape[data-direction="bottom"] .bcw-photo-escape__bg{
    object-position: center top;
}

/* El recorte escala por su proporción natural (ancho 100%, alto automático)
   — así la cantidad que sobresale sale de la propia imagen, no de un
   porcentaje artificial. Como red de seguridad, min-height al 100% evita
   que se quede con un hueco si en algún ancho la proporción natural ya no
   llega a cubrir la caja: en ese caso se estira justo hasta encajar, y
   object-fit:cover evita que esa estirada la deforme (recorta los lados en
   vez de aplastarla). */
.bcw-photo-escape__cutout{
    display: block;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
}

/* Arriba: ancho = 100%, alto libre (mínimo el de la caja) → sobra altura hacia arriba */
.bcw-photo-escape[data-direction="top"] .bcw-photo-escape__cutout{
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    object-position: center top;
}

/* Abajo: igual que arriba pero anclada al borde superior */
.bcw-photo-escape[data-direction="bottom"] .bcw-photo-escape__cutout{
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    object-position: center bottom;
}