/* Human, editorial homepage. All photographs and copy remain native blocks. */
.home { background: #fffdf9; }
.home .hero { background: #f5f2e9; padding: 72px 0 36px; overflow: hidden; }
.home .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 38px; align-items: center; }
.home .hero h1 { font-size: clamp(2.5rem, 4.2vw, 4.1rem); line-height: 1.07; letter-spacing: -.045em; max-width: 12ch; }
.home .hero .lead { max-width: 34ch; font-size: 1.16rem; line-height: 1.65; margin-top: 24px; }
.home .hero-actions { gap: 10px; }
.home .hero-microcopy { max-width: 43ch; font-size: .84rem; }
.human-hero { position: relative; padding-bottom: 54px; }
.human-hero > .wp-block-image { border-radius: 80px 20px 80px 20px; overflow: hidden; transform: rotate(1.5deg); }
.human-hero > .wp-block-image img { display: block; aspect-ratio: 1.13; object-fit: cover; object-position: 58% center; }
.human-draft { position: absolute; left: -18px; right: 32px; bottom: 8px; padding: 20px 24px; background: #fff; border: 1px solid #e7e3d9; border-radius: 18px; box-shadow: 0 14px 36px #27302516; transform: rotate(-2deg); }
.human-draft p { margin: 0; }
.human-kicker { color: #405327; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 750; }
.human-draft #voice-demo-title { font-size: 1.12rem; font-weight: 650; margin: 7px 0 10px; line-height: 1.4; }
.human-ready { font-size: .84rem; color: #354327; }
.human-ready::before { content: '✓'; display: inline-grid; place-items: center; width: 22px; height: 22px; background: #a3e635; border-radius: 50%; margin-right: 8px; }
.human-assurance { grid-column: 1 / -1; text-align: center; color: #4b5045; font-size: .85rem; margin: 0; padding-top: 12px; }
.home .section { padding-block: 64px; }
.home .section-title { margin-bottom: 28px; }
.home .section-title h2 { letter-spacing: -.035em; }
.home #como .step-card { background: transparent; border: 0; box-shadow: none; padding: 20px 24px; }
.home #como .step-card h3 { font-size: 1.55rem; }
.home #como .step-card > p { max-width: 31ch; }
.home #como .icon-chip { background: #eaf5d8; border-radius: 50%; }
.home #para-quien { background: #f2f1e9; }
.human-stories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.human-story { background: #fffdf9; border-radius: 20px; overflow: hidden; }
.human-story > .wp-block-image img { width: 100%; aspect-ratio: 1.25; object-fit: cover; display: block; }
.human-story:nth-child(2) > .wp-block-image img { object-position: 60% center; }
.human-story-copy { padding: 24px; }
.human-story-copy h3 { font-size: 1.45rem; line-height: 1.22; letter-spacing: -.025em; margin: 10px 0 12px; }
.human-story-copy p { line-height: 1.55; margin-block: 10px; }
.human-story-copy a, .human-sector-links a { color: #273b19; text-decoration: underline; text-underline-offset: 4px; font-weight: 650; font-size: .88rem; }
.human-sector-links { margin-top: 36px; text-align: center; }
.human-demo { max-width: 860px; margin: 0 auto; }
.human-demo .preview-card { border-radius: 24px; box-shadow: none; background: #f5f2e9; padding: 24px; }
.human-demo .video-frame { margin-block: 20px; }
.human-demo .demo-disclaimer { font-size: .8rem; }
.home #funciones .feature-card { box-shadow: none; background: transparent; border-width: 0 0 1px; border-radius: 0; }
.home #confianza { background: #f2f4ed; }
.home #empresa { padding-block: 28px 64px; background: #fffdf9; }
.home #empresa > .container { background: #e5f4ce; border: 1px solid #c6d6b2; padding: 40px; border-radius: 26px; }
.enterprise-intro { max-width: 600px; }
.enterprise-intro h2 { color: #172511; font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.035em; margin-block: 10px 14px; }
.enterprise-intro > p:last-child { color: #3d4b32; margin-bottom: 24px; }
.enterprise-flip > summary { display: list-item; width: fit-content; list-style-position: inside; padding: 13px 20px; background: #172511; color: #fff; border-radius: 12px; font-weight: 650; cursor: pointer; }
.enterprise-flip > summary:focus-visible { outline: 3px solid #172511; outline-offset: 5px; }
.enterprise-flip[open] > summary { margin-bottom: 28px; }
.home #empresa:has(.enterprise-flip[open]) .enterprise-intro { display: none; }
.home #empresa .enterprise-plans { margin: 0; }
.home #empresa .enterprise-card { background: #fffdf9; color: #172511; border: 1px solid #d7dfcf; box-shadow: none; border-radius: 18px; }
.home #empresa .enterprise-copy h2 { color: #172511; }
.home #empresa .enterprise-copy > p, .home #empresa .enterprise-features, .home #empresa .enterprise-extras { color: #40483a; }
.home #empresa .price-highlight { color: #385123; }
.home #empresa .price-tag, .home #empresa .price-amount { color: #172511; }
.home #empresa .enterprise-extras { font-family: inherit; }
@media (max-width: 900px) {
    .home .hero { padding-top: 40px; }
    .home .hero-grid { grid-template-columns: 1fr; gap: 24px; }
    .home .hero h1 { max-width: 19ch; font-size: clamp(2.5rem, 6vw, 3.4rem); }
    .home .hero .lead { max-width: 46ch; }
    .human-hero { max-width: 650px; width: 100%; margin-inline: auto; }
    .human-hero > .wp-block-image img { aspect-ratio: 1.6; }
    .human-draft { left: 12px; right: 32px; }
    .human-stories { gap: 16px; }
    .human-story-copy { padding: 18px; }
    .human-story-copy h3 { font-size: 1.2rem; }
    .human-story > .wp-block-image img { aspect-ratio: 1; }
}
@media (max-width: 600px) {
    .home .section { padding-block: 44px; }
    .home .hero h1 { max-width: 13ch; font-size: 2.55rem; }
    .human-hero > .wp-block-image { border-radius: 48px 16px; }
    .human-hero > .wp-block-image img { aspect-ratio: 1.15; }
    .human-draft { padding: 16px; left: 4px; right: 12px; }
    .human-draft #voice-demo-title { font-size: 1rem; }
    .human-assurance { text-align: left; }
    .human-stories { grid-template-columns: 1fr; gap: 24px; }
    .human-story > .wp-block-image img { aspect-ratio: 1.4; }
    .human-story-copy { padding: 22px; }
    .human-story-copy h3 { font-size: 1.6rem; }
    .home #como .step-card { padding: 12px 0; }
    .home #como .step-grid { gap: 20px; }
    .home #funciones .feature-card { min-height: 0; padding: 18px 0; gap: 10px; }
    .human-demo .preview-card { padding: 18px; }
    .home #empresa > .container { padding: 24px 18px; }
    .enterprise-flip > summary { font-size: .95rem; width: auto; }
}