/*
Theme Name: Abrochada
Author: Abrochada
Description: Tema de bloques para bordados y atrapasueños personalizados. Incluye una configuración inicial opcional y contenidos editables.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: abrochada
License: GPL-2.0-or-later
*/
@font-face{font-family:Jimmy;src:url(assets/jimmy.otf) format('opentype');font-display:swap;font-weight:400}
@font-face{font-family:Saa;src:url(assets/saa.otf) format('opentype');font-display:swap;font-weight:400}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.25em}a:focus-visible,button:focus-visible{outline:3px solid #384a8a;outline-offset:5px}
.ab-header{padding:22px clamp(20px,5vw,80px);border-bottom:1px solid #c69ec7}.ab-header .wp-block-image{margin:0;width:220px}.ab-header .wp-block-image img{width:100%;height:auto}.ab-header .wp-block-navigation{font-size:15px}
.ab-section{padding:70px 24px}.ab-hero{padding:60px 24px;background:#efe2f5}.ab-hero h1{font-size:clamp(48px,6vw,84px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 28px}.ab-hero p{max-width:510px}.ab-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#75501c}.ab-script{font-family:Jimmy,Georgia,serif;font-size:42px;line-height:1.2;color:#75501c}.ab-hero .wp-block-columns{gap:70px;align-items:center}.ab-photo{overflow:hidden;position:relative;margin:0;background:#efe2f5;border-radius:130px 130px 4px 4px;aspect-ratio:645/859}.ab-photo img{max-width:none!important;width:176.899%!important;height:100%!important;object-fit:fill;display:block}.ab-julio{aspect-ratio:646/861}.ab-julio img{width:177.709%!important}.ab-susana{aspect-ratio:730/853}.ab-susana img{width:167.808%!important}.ab-nombres{aspect-ratio:759/860}.ab-nombres img{width:165.876%!important}.ab-bastidores{aspect-ratio:865/862}.ab-bastidores img{width:157.572%!important}.ab-card h3{font-size:26px;margin-bottom:12px}.ab-card p{font-size:16px}.ab-card .ab-photo{border-radius:4px}.ab-section h2{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-.025em}.ab-note{padding:48px;background:#efe2f5;border-radius:4px}.ab-footer{padding:40px 24px;border-top:1px solid #c69ec7}.ab-footer p{font-size:14px}.wp-block-button__link{border-radius:3px;padding:15px 24px}.wp-block-post-featured-image img{border-radius:4px}.wp-block-post-content{padding-bottom:30px}.ab-page-title{padding:60px 24px 0}.wp-block-query-pagination{gap:20px}.wp-block-post-template{padding:0}
@media(max-width:781px){.ab-hero .wp-block-columns{gap:32px}.ab-hero,.ab-section{padding:42px 20px}.ab-hero .ab-photo{max-width:430px;margin:auto}.ab-note{padding:26px}.ab-header .wp-block-image{width:175px}.ab-header{padding:18px 20px}.ab-script{font-size:34px}.ab-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Containment for normal post content and full-width landing sections. */
.wp-site-blocks > main{margin-block-start:0}
.wp-block-post-content > :where(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,.wp-block-image,.wp-block-buttons){max-width:760px;width:calc(100% - 48px);margin-inline:auto}
.wp-block-post-content > .ab-section,.wp-block-post-content > .ab-hero{width:100%;max-width:none;margin-inline:0}
.ab-section > .wp-block-group.alignwide,.ab-hero > .wp-block-group.alignwide,.ab-footer > .wp-block-group.alignwide{width:100%;max-width:1180px;margin-inline:auto}
.ab-footer p.ab-script{font-size:38px}
.wp-site-blocks > footer{margin-block-start:0}
@media(max-width:781px){.wp-block-post-content > :where(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,.wp-block-image,.wp-block-buttons){width:calc(100% - 40px)}}

/* 1.0.2: responsive widths, typography, and consistent catalog cards. */
.ab-hero > .alignwide > .wp-block-columns,
.ab-section > .alignwide > .wp-block-columns{max-width:none!important;width:100%;margin-inline:0!important}
.ab-hero .wp-block-column,.ab-section .wp-block-column{min-width:0}
.ab-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(38px,4.7vw,64px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;hyphens:none}
.ab-section h1{font-size:clamp(30px,3.5vw,46px);line-height:1.22}
.ab-section h2{font-size:clamp(28px,3.2vw,42px);overflow-wrap:normal;word-break:normal}
.ab-section > .alignwide > :where(p,h1,h2,h3){margin-inline:0!important}
.ab-photo{height:auto;width:100%;isolation:isolate}
.ab-card .ab-photo{aspect-ratio:3/4}
.ab-card .ab-photo img{height:auto!important;position:absolute;top:0;left:0}
.ab-card h3{min-height:2.5em;line-height:1.25;font-size:24px}
.ab-card p{margin-top:10px}
.wp-block-button__link{min-height:48px;max-width:100%;white-space:normal;overflow-wrap:break-word;text-align:center}
.ab-header .wp-block-image{flex-shrink:1;max-width:220px}
.ab-header .wp-block-navigation__responsive-container-open,
.ab-header .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.ab-footer .ab-script{font-size:38px!important}
@media(max-width:900px){.ab-hero .wp-block-columns{gap:32px}.ab-hero h1{font-size:44px}}
@media(max-width:781px){
.ab-hero,.ab-section{padding:40px 20px}
.ab-hero .wp-block-columns,.ab-section .wp-block-columns{flex-wrap:wrap!important;gap:32px}
.ab-hero .wp-block-column,.ab-section .wp-block-column{flex-basis:100%!important;width:100%}
.ab-hero h1{font-size:clamp(34px,8.8vw,44px);letter-spacing:-.035em;line-height:1.15}
.ab-section h1,.ab-section h2{font-size:clamp(27px,7vw,34px)}
.ab-kicker{font-size:11px;letter-spacing:.11em}
.ab-card .ab-photo{max-width:420px;margin-inline:auto}
.ab-card h3{min-height:0;font-size:23px}
.ab-note{padding:32px 20px}.ab-script{font-size:34px}
.ab-header{padding:16px 20px;gap:16px}.ab-header .wp-block-image{width:165px;max-width:calc(100% - 60px)}
.ab-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background:#f5f0ea;color:#342b31;padding:28px}
.ab-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{padding-block:10px;font-size:20px}
.ab-footer{padding:32px 20px}
}
@media(max-width:599px){.ab-hero .wp-block-buttons .wp-block-button{width:100%}.ab-hero .wp-block-button__link{width:100%}}