/* =========================================================
   Medellín Gardens - Sobre Nosotros v1.5
   Escala visual alineada con Tienda / Flores / Regalos
   ========================================================= */

body.mgabout-active .entry-content,
body.mgabout-active main,
body.mgabout-active .wp-block-post-content{
    overflow:visible!important;
}

.mgabout-page{
    width:min(1180px, calc(100vw - 34px))!important;
    max-width:1180px!important;
    margin:0 auto 54px!important;
    padding:0!important;
    box-sizing:border-box!important;
    color:#153c33;
}

/* BANNER v1.8.2: Un solo bloque de texto SOBRE el espacio claro de la fotografía. */
body.mgabout-active .mgabout-page .mgabout-hero {
    display:block!important; position:relative!important; width:100%!important;
    height:auto!important; min-height:0!important; margin:24px auto 26px!important;
    padding:0!important; overflow:hidden!important; border:1px solid #ead7cb!important;
    border-radius:18px!important; background:#fff!important; box-sizing:border-box!important;
}
body.mgabout-active .mgabout-page .mgabout-hero > img {
    display:block!important; position:relative!important; width:100%!important;
    height:auto!important; max-width:100%!important; aspect-ratio:auto!important;
    object-fit:contain!important; margin:0!important; padding:0!important;
    transform:none!important; border:0!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-intro {
    display:flex!important; position:absolute!important; z-index:2!important;
    left:5.2%!important; top:50%!important; transform:translateY(-50%)!important;
    flex-direction:column!important; align-items:flex-start!important;
    justify-content:center!important; gap:13px!important;
    width:35%!important; max-width:415px!important; height:auto!important;
    margin:0!important; padding:0!important; background:transparent!important;
    border:0!important; border-radius:0!important; isolation:isolate!important;
    box-sizing:border-box!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy {
    display:flex!important; position:static!important; flex-direction:column!important;
    align-items:flex-start!important; gap:9px!important; width:100%!important;
    max-width:100%!important; height:auto!important; margin:0!important; padding:0!important;
    transform:none!important; float:none!important; flex:none!important; text-align:left!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy h1,
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy .mgabout-hero-subtitle,
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy p {
    display:block!important; position:static!important; float:none!important; clear:both!important;
    width:100%!important; height:auto!important; min-height:0!important;
    max-height:none!important; margin:0!important; padding:0!important;
    transform:none!important; text-align:left!important; white-space:normal!important;
    overflow-wrap:break-word!important; letter-spacing:normal!important; text-transform:none!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy h1 {
    font:700 clamp(26px,3vw,41px)/1.08 Georgia,serif!important;
    color:#123a30!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy .mgabout-hero-subtitle {
    font:700 clamp(16px,1.7vw,23px)/1.2 Georgia,serif!important;
    color:#ad5264!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy p {
    font:400 clamp(11px,1.05vw,14px)/1.45 Arial,sans-serif!important;
    color:#345247!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-button {
    display:inline-flex!important; position:static!important; align-items:center!important;
    justify-content:center!important; gap:8px!important; width:auto!important;
    min-height:42px!important; height:auto!important; margin:0!important;
    padding:12px 19px!important; flex:0 0 auto!important; transform:none!important;
    border:0!important; border-radius:99px!important; background:#174a36!important;
    color:#fff!important; text-decoration:none!important; font:700 13px/1.3 Arial,sans-serif!important;
    box-sizing:border-box!important;
}
body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-button:hover {
    background:#26704d!important; color:#fff!important;
}
@media(max-width:900px){
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-intro {
        width:39%!important; left:3.5%!important; gap:8px!important;
    }
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy {gap:6px!important;}
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy h1 {
        font-size:clamp(19px,3vw,30px)!important;
    }
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy .mgabout-hero-subtitle {
        font-size:clamp(13px,2vw,19px)!important;
    }
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy p {
        font-size:clamp(10px,1.35vw,12px)!important;
    }
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-button {
        font-size:11px!important; min-height:34px!important; padding:8px 13px!important;
    }
}
@media(max-width:580px){
    body.mgabout-active .mgabout-page .mgabout-hero {margin-top:14px!important; border-radius:14px!important;}
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-intro {
        position:relative!important; left:auto!important; top:auto!important;
        transform:none!important; width:100%!important; max-width:none!important;
        padding:18px!important; background:#fff9f6!important; gap:12px!important;
    }
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy {gap:7px!important;}
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy h1 {font-size:26px!important;}
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy .mgabout-hero-subtitle {font-size:18px!important;}
    body.mgabout-active .mgabout-page .mgabout-hero .mgabout-hero-copy p {font-size:13px!important;}
}

/* HISTORIA */
.mgabout-story{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
    gap:22px!important;
    align-items:stretch!important;
    margin:22px auto!important;
    padding:24px!important;
    box-sizing:border-box!important;
    background:#fff9f6!important;
    border:1px solid #ead5cc!important;
    border-radius:17px!important;
}
.mgabout-story-copy{
    min-width:0!important;
    text-align:left!important;
}
.mgabout-story-copy h1,
.mgabout-products h2,
.mgabout-guarantee h2{
    font-family:Georgia,"Times New Roman",serif!important;
    color:#103d34!important;
    margin:5px 0 10px!important;
    line-height:1.08!important;
}
.mgabout-story-copy h1{
    font-size:27px!important;
}
.mgabout-products h2,
.mgabout-guarantee h2{
    font-size:25px!important;
}
.mgabout-kicker{
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:1.8px!important;
    font-weight:800!important;
    color:#b97534!important;
    text-transform:uppercase!important;
}
.mgabout-story p,
.mgabout-products p,
.mgabout-guarantee p{
    color:#6d716d!important;
    line-height:1.5!important;
    font-size:12px!important;
    margin:0 0 9px!important;
}
.mgabout-lead{
    font-size:13px!important;
    color:#46584f!important;
}
.mgabout-story-art{
    min-height:210px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#f8eee9,#f9e8ed)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    padding:20px!important;
    box-sizing:border-box!important;
}
.mgabout-art-badge{
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    font-size:26px!important;
    box-shadow:0 6px 15px rgba(0,0,0,.05)!important;
}
.mgabout-story-art h3{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:20px!important;
    line-height:1.1!important;
    margin:13px 0 4px!important;
    color:#153c33!important;
}

/* PRODUCTOS */
.mgabout-products{
    width:100%!important;
    margin:22px auto!important;
    padding:24px!important;
    box-sizing:border-box!important;
    background:#fff9f6!important;
    border:1px solid #ead5cc!important;
    border-radius:17px!important;
}
.mgabout-center{
    text-align:center!important;
    max-width:680px!important;
    margin:0 auto 18px!important;
}
.mgabout-product-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit, minmax(240px, 300px))!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:14px!important;
    width:100%!important;
    margin:0 auto 18px!important;
}
.mgabout-product{
    width:100%!important;
    max-width:300px!important;
    background:#fff!important;
    border:1px solid #ead5cc!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-shadow:0 4px 14px rgba(61,42,24,.035)!important;
}
.mgabout-product-img{
    display:block!important;
    width:100%!important;
    height:210px!important;
    overflow:hidden!important;
    background:#f8f5f2!important;
}
.mgabout-product-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.mgabout-product-body{
    padding:14px!important;
    text-align:left!important;
}
.mgabout-product h3{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    line-height:1.08!important;
    margin:0 0 5px!important;
    color:#123c33!important;
}
.mgabout-price{
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#e14566!important;
    margin-bottom:7px!important;
}
.mgabout-product-body p{
    font-size:11px!important;
    line-height:1.4!important;
    min-height:0!important;
    margin-bottom:10px!important;
}
.mgabout-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#184c38!important;
    color:#fff!important;
    text-decoration:none!important;
    border-radius:999px!important;
    padding:9px 15px!important;
    font-weight:800!important;
    font-size:11px!important;
    line-height:1!important;
}
.mgabout-more{
    margin-top:2px!important;
}

/* GARANTÍA */
.mgabout-guarantee{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:22px!important;
    margin:22px auto!important;
    padding:24px!important;
    box-sizing:border-box!important;
    background:#fff9f6!important;
    border:1px solid #ead5cc!important;
    border-radius:17px!important;
}
.mgabout-guarantee-copy{
    text-align:left!important;
}
.mgabout-benefits{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
}
.mgabout-benefit{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px!important;
    background:#fff!important;
    border:1px solid #eee0d8!important;
    border-radius:12px!important;
    padding:11px!important;
    box-sizing:border-box!important;
}
.mgabout-benefit span{
    font-size:19px!important;
    line-height:1!important;
}
.mgabout-benefit strong{
    font-size:10px!important;
    line-height:1.3!important;
    color:#516158!important;
    font-weight:700!important;
}

/* Evitar que estilos del tema estiren los hijos */
.mgabout-page > *,
.mgabout-story > *,
.mgabout-products > *,
.mgabout-guarantee > *{
    max-width:100%!important;
    box-sizing:border-box!important;
}

/* TABLET */
@media(max-width:900px){
    .mgabout-page{
        width:calc(100vw - 24px)!important;
    }
    .mgabout-story,
    .mgabout-guarantee{
        grid-template-columns:1fr!important;
    }
    .mgabout-story-art{
        min-height:180px!important;
    }
    .mgabout-product-grid{
        grid-template-columns:repeat(2,minmax(220px,280px))!important;
    }
}

/* MÓVIL */
@media(max-width:580px){
    .mgabout-page{
        width:calc(100vw - 16px)!important;
        margin-bottom:34px!important;
    }
    .mgabout-story,
    .mgabout-products,
    .mgabout-guarantee{
        padding:17px!important;
        border-radius:14px!important;
        margin:16px auto!important;
    }
    .mgabout-story-copy h1{
        font-size:24px!important;
    }
    .mgabout-products h2,
    .mgabout-guarantee h2{
        font-size:23px!important;
    }
    .mgabout-product-grid{
        grid-template-columns:1fr!important;
        max-width:320px!important;
    }
    .mgabout-product{
        max-width:320px!important;
    }
    .mgabout-product-img{
        height:220px!important;
    }
    .mgabout-benefits{
        grid-template-columns:1fr!important;
    }
}

/* v1.5.1 - Mostrar completas las fotografías de los productos, sin recortes. */
.mgabout-page .mgabout-product-img {
    height:260px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#fff!important;
}
.mgabout-page .mgabout-product-img img {
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
}
@media(max-width:580px) {
    .mgabout-page .mgabout-product-img {height:280px!important;}
}




/* v1.8.1 - Forzar visualización completa de la imagen original del producto. */
body.mgabout-active .mgabout-page .mgabout-product-img{
    height:260px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#fff!important;
}
body.mgabout-active .mgabout-page .mgabout-product-img img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    aspect-ratio:auto!important;
    display:block!important;
}
@media(max-width:580px){
    body.mgabout-active .mgabout-page .mgabout-product-img{height:280px!important;}
}

/* Integración MG Media: respeta el diseño del reproductor oficial. */
.mgabout-page .mgabout-media-video {width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.mgabout-page .mgabout-media-video .mgmedia-shortcode-block {max-width:100%;box-sizing:border-box}
@media(max-width:760px){
 .mgabout-page .mgabout-media-video .mgmedia-shortcode-block {grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
}

/* v1.8.4: columna de texto de respaldo, solo si MG Media no aporta contenido. */
.mgabout-page .mgabout-media-video .mgabout-video-copy{min-width:0;text-align:left}
.mgabout-page .mgabout-media-video .mgabout-video-copy h3{font:700 clamp(25px,3vw,38px)/1.12 Georgia,serif;color:#123c31;margin:0 0 13px}
.mgabout-page .mgabout-media-video .mgabout-video-copy p{font:400 16px/1.55 Arial,sans-serif;color:#53625b;margin:0 0 18px}
.mgabout-page .mgabout-media-video .mgabout-video-copy a{display:inline-block;background:#163f31;color:#fff;text-decoration:none;padding:12px 20px;border-radius:99px;font:700 13px/1.3 Arial,sans-serif}