/* AMAR-HERO-CLEANUP-V3 */
/* =======================================================
   1. Quitar breadcrumb visual del hero
   ======================================================= */
nav[aria-label="breadcrumb"],
.breadcrumb,
.breadcrumb-wrap,
.page-breadcrumb,
.header-breadcrumb,
.hero-breadcrumb {
  display: none !important;
}

/* =======================================================
   2. Quitar marcos / cuadros / aros alrededor de la imagen
   ======================================================= */

/* contenedores posibles */
.amar-v2-hero-visual,
.amar-v2-hero-media,
.amar-v2-image-card,
.amar-v2-image-wrap,
.amar-v2-visual,
.amar-v2-photo,
.amar-hero-visual,
.amar-hero-media,
.amar-hero-image-wrap,
.amar-visual-card,
.amar-image-card,
.amar-image-wrap,
.amar-feature-image,
.amar-feature-visual,
.amar-right-visual,
.amar-right-image,
.amar-main-visual,
.amar-main-image,
.round-image-wrap,
.circle-image-wrap,
.hero-circle-image,
.hero-round-image,
.visual-circle-wrap,
.image-circle-wrap,
.image-frame,
.image-frame-round,
.media-frame,
.figure-frame,
.figure-wrap,
.image-side,
.image-side-card {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* imagen circular */
.amar-v2-hero-visual img,
.amar-v2-hero-media img,
.amar-v2-image-card img,
.amar-v2-image-wrap img,
.amar-v2-visual img,
.amar-v2-photo img,
.amar-hero-visual img,
.amar-hero-media img,
.amar-hero-image-wrap img,
.amar-visual-card img,
.amar-image-card img,
.amar-image-wrap img,
.amar-feature-image img,
.amar-feature-visual img,
.amar-right-visual img,
.amar-right-image img,
.amar-main-visual img,
.amar-main-image img,
.round-image-wrap img,
.circle-image-wrap img,
.hero-circle-image img,
.hero-round-image img,
.visual-circle-wrap img,
.image-circle-wrap img,
.image-frame img,
.image-frame-round img,
.media-frame img,
.figure-frame img,
.figure-wrap img,
.image-side img,
.image-side-card img,
img.rounded-circle,
img[style*="border-radius: 50%"],
img[style*="border-radius:50%"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  object-fit: cover !important;
}

/* quitar pseudo-elementos que hagan aro/borde */
.amar-v2-hero-visual::before,
.amar-v2-hero-visual::after,
.amar-v2-hero-media::before,
.amar-v2-hero-media::after,
.amar-v2-image-card::before,
.amar-v2-image-card::after,
.amar-v2-image-wrap::before,
.amar-v2-image-wrap::after,
.amar-hero-visual::before,
.amar-hero-visual::after,
.amar-hero-media::before,
.amar-hero-media::after,
.amar-hero-image-wrap::before,
.amar-hero-image-wrap::after,
.amar-visual-card::before,
.amar-visual-card::after,
.amar-image-card::before,
.amar-image-card::after,
.amar-image-wrap::before,
.amar-image-wrap::after,
.amar-feature-image::before,
.amar-feature-image::after,
.amar-feature-visual::before,
.amar-feature-visual::after,
.amar-right-visual::before,
.amar-right-visual::after,
.amar-right-image::before,
.amar-right-image::after,
.amar-main-visual::before,
.amar-main-visual::after,
.amar-main-image::before,
.amar-main-image::after,
.round-image-wrap::before,
.round-image-wrap::after,
.circle-image-wrap::before,
.circle-image-wrap::after,
.hero-circle-image::before,
.hero-circle-image::after,
.hero-round-image::before,
.hero-round-image::after,
.visual-circle-wrap::before,
.visual-circle-wrap::after,
.image-circle-wrap::before,
.image-circle-wrap::after,
.image-frame::before,
.image-frame::after,
.image-frame-round::before,
.image-frame-round::after,
.media-frame::before,
.media-frame::after,
.figure-frame::before,
.figure-frame::after,
.figure-wrap::before,
.figure-wrap::after,
.image-side::before,
.image-side::after,
.image-side-card::before,
.image-side-card::after {
  content: none !important;
  display: none !important;
}

/* por si la imagen está dentro de una columna con fondo oscuro */
.amar-v2-hero-visual *,
.amar-v2-hero-media *,
.amar-v2-image-card *,
.amar-v2-image-wrap *,
.amar-hero-visual *,
.amar-hero-media *,
.amar-hero-image-wrap *,
.amar-visual-card *,
.amar-image-card *,
.amar-image-wrap *,
.amar-feature-image *,
.amar-feature-visual *,
.amar-right-visual *,
.amar-right-image *,
.amar-main-visual *,
.amar-main-image *,
.round-image-wrap *,
.circle-image-wrap *,
.hero-circle-image *,
.hero-round-image *,
.visual-circle-wrap *,
.image-circle-wrap *,
.image-frame *,
.image-frame-round *,
.media-frame *,
.figure-frame *,
.figure-wrap *,
.image-side *,
.image-side-card * {
  box-shadow: none !important;
}


/* ==========================================================
   AMAR-FOTO-SIN-FONDO-AZUL-V4
   Elimina únicamente el panel azul detrás de la foto circular
========================================================== */

.amar-v2-page .thoughts-hero-card .thoughts-media,
.amar-v2-page .thoughts-hero-card figure.thoughts-media,
.amar-v2-page .amar-v2-media,
.amar-v2-page .autocuido-main-media {
    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;
}


/* Quitar cualquier capa azul decorativa */

.amar-v2-page .thoughts-hero-card .thoughts-media::before,
.amar-v2-page .thoughts-hero-card .thoughts-media::after,
.amar-v2-page .amar-v2-media::before,
.amar-v2-page .amar-v2-media::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
}


/* Mantener solamente la fotografía circular */

.amar-v2-page .thoughts-hero-card .thoughts-media > img,
.amar-v2-page .amar-v2-media > img {
    display: block !important;

    width: min(88%, 500px) !important;
    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    margin: auto !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 50% !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
    filter: none !important;
}


/* Centrar la foto dentro del espacio derecho */

.amar-v2-page .thoughts-hero-card .thoughts-media,
.amar-v2-page .amar-v2-media {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
}


/* Si existe etiqueta inferior, no crear fondo azul */

.amar-v2-page .thoughts-media-label {
    background: transparent !important;
}


/* MÓVIL */

@media (max-width: 575.98px) {

    .amar-v2-page .thoughts-hero-card .thoughts-media > img,
    .amar-v2-page .amar-v2-media > img {
        width: min(90%, 390px) !important;
    }

}