/* ==========================================================
   NUESTRO ENFOQUE — PERFECT CIRCLE V5

   Marco independiente de la fotografía.
   Cambia de tamaño según el espacio disponible,
   pero conserva siempre proporción 1:1.

   NO modifica:
   - enfoque-hero-visual
   - enfoque-hero-note
   - columnas
   - hero
========================================================== */


.nuestro-enfoque-page
.enfoque-hero-photo-frame {

    width:
        min(
            100%,
            clamp(
                260px,
                45vw,
                430px
            )
        ) !important;

    aspect-ratio:
        1 / 1 !important;

    flex:
        0 0 auto !important;

    display:
        block !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border-radius:
        50% !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    background:
        transparent !important;
}


.nuestro-enfoque-page
.enfoque-hero-photo-frame > img {

    width:
        100% !important;

    height:
        100% !important;

    min-width:
        100% !important;

    min-height:
        100% !important;

    max-width:
        none !important;

    max-height:
        none !important;

    aspect-ratio:
        auto !important;

    display:
        block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    border-radius:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}