@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.03, 1.03);
    }
}

h1,h2,li,p {
    color: #2d2d2d;
}
article, #primary, #main {
    margin-bottom: 0px !important;
}
.storefront-breadcrumb {
    margin-bottom: 0px;
    display: none;
}
#descripcion {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6em;
}
#media {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#clientes {
    margin-bottom: 6em;
}
#clientes > div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#descripcion > div {
    gap: 4em;
}
#descripcion h1,
#clientes h2,
#media h2,
#videos h2,
#cv h2 {
    margin-bottom: 1em;
    font-size: 1.6em !important;
    letter-spacing: 5px;
    text-align: left;
}
#descripcion h1:after,
#clientes h2:after,
#media h2:after,
#videos h2:after,
#cv h2:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #c36e37;
    margin-top: 0.25em;
}
#descripcion > div {
    font-size: 1.2em;
}
#descripcion #feature-image img {
    border: 15px solid #f0f2f3;
    transform: rotate(-1deg);
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19) !important;
    border-radius: 5px;
}
#clientes {
    padding: 1em;
    background-color: #fefcfa;
}
#clientes h2,
#media h2,
#clientes h2,
#videos h2,
#cv h2 {
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#clientes h2:after,
#media h2:after,
#videos h2:after,
#cv h2:after {
    margin-left: auto;
    margin-right: auto;
}
#clientes p,
#media p {
    font-size: 1.2em;
}
#clientes #clientes-images-gallery figure {
    margin-bottom: 0px;
}
#clientes #clientes-images-gallery figure img {
    margin-left: auto;
    margin-right: auto;
}
#content {
    padding: 1em;
}
#content div.col-full {
    width: 100%;
    max-width: none;
    padding: 0px;
}
#content div.col-full #primary { 
    width: 100%; float: none; 
}
.footer-widgets {
    max-width: none;
}
footer#colophon {
    padding-bottom: 30px !important;
}
@media only screen and (max-width : 1250px) {
    #descripcion h1 {
        text-align: center;
    }
    #descripcion h1:after {
        margin-left: auto;
        margin-right: auto;
    }
    #content > div.col-full {
        margin-left: 0px;
        margin-right: 0px;
    }
    #descripcion > div {
        gap: 0px;
    }
    #descripcion img {
        margin-bottom: 0px;
    }
    #descripcion,
    #clientes {
        margin-bottom: 3em;
    }
}

#autor-image-gallery {
   margin-bottom: 6em;
}
#autor-image-gallery div.wp-block-columns {
    gap: 1em;
    margin-bottom: 1em;
}
#autor-image-gallery div.wp-block-columns:last-child {
    margin-bottom: 0px;
}
#autor-image-gallery div.wp-block-columns img {
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19) !important;
}
#autor-image-gallery div.wp-block-columns img:hover {
    animation: zoom-in-zoom-out 0.5s both;
}
@media only screen and (max-width : 768px) {
    #autor-image-gallery div.wp-block-columns {
        gap: 0px !important;
        margin-bottom: 1em;
    }
    #autor-image-gallery div.wp-block-columns:last-child {
        margin-bottom: 0px;
    }
    #autor-image-gallery div.wp-block-columns .wp-block-column {
        margin-bottom: 1em;
    }
    #autor-image-gallery div.wp-block-columns .wp-block-column:last-child {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width : 768px) {
    #videos #martaceramica-youtube {
        margin-bottom: 1em;
    }
    #cv .wp-block-columns {
        gap: 0.5em !important;
    }
    #cv .wp-block-columns .wp-block-column:nth-child(1) p:after {
        display: none !important;
    }
}

/* VIDEOS */
#videos {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    padding: 1em;
}
#videos .wp-block-columns {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    margin-bottom: 0px;
 }
#videos #martaceramica-youtube {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.6), 0 6px 20px 0 rgba(0,0,0,.19) !important;

}
@media only screen and (max-width : 768px) {
    #videos {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* CTA */
#author-page-cta {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6em;
}
#author-page-cta {
    background-color: #faf0e6;
    padding: 3em 1em;
    border-radius: 3px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19) !important;
}
#author-page-cta p {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 1em;
}
#author-page-cta p span {
    display: block;
}
#author-page-cta > .wp-block-columns {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
#author-page-cta .wp-block-column:nth-child(1) {
    margin-left: auto !important;
    margin-right: 0px !important;
}
#author-page-cta .wp-block-column:nth-child(2) {
    margin-left: 0px !important;
    margin-right: auto !important;
}
#author-page-cta > .wp-block-columns .wp-block-column a {
    background-color: #c36e37;
    color: white;
}
@media only screen and (max-width : 1250px) {
    #author-page-cta .wp-block-column {
        flex-basis: auto !important;
        border-radius: 50px;
        border: 1px solid #DDD;
        max-width: 100px;
        height: 100px;
    }
    #author-page-cta .wp-block-column a {
        border: 0px !important;
    }
    #author-page-cta p span {
        display: inline;
    }
    #author-page-cta .anchor-button {
        margin-bottom: 0px;
        background-color: transparent !important;
        font-size: 2em;
    }
    #author-page-cta .anchor-button:focus {
        outline:0;
    }
    #author-page-cta .anchor-button:hover {
        border: 1px solid #DDD !important;
    }
    #author-page-cta .anchor-button span {
        display: none;
    }
    #author-page-cta .anchor-button i {
        margin-top: 10px;
        margin-left: 5px;
    }
    #author-page-cta .anchor-button i.fa-whatsapp {
        color: #25D366;
    }
    #author-page-cta .anchor-button i.fa-phone {
        color: #075E54;
    }
}

/* CURRICULUM */
#cv {
    padding: 2em 1em 1em 1em;
    background-color: #fefcfa;
    margin-bottom: 3em;
}
#cv > div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#cv .wp-block-column:nth-child(1) {
    flex-basis: 15%;
}
#cv .wp-block-column:nth-child(2) {
    flex-basis: 85%;
}
#cv .wp-block-column:nth-child(1) p {
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 0px;
}
#cv .wp-block-column:nth-child(1) p:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #c36e37;
    margin-top: 0.25em;
    margin-left: auto;
    margin-right: auto;
}

/* Compatibilidad para columnas Gutenberg usadas manualmente en templates PHP */
.wp-block-columns {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap !important;
    align-items: initial !important;
}
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
    }
}