/* CASA FER V9 · Nuestra cocina: composición editorial responsive */
.cf9-intro { position:relative; background: #faf8f2; overflow:visible; padding: clamp(52px,7vw,100px) 0 !important; }
.cf9-intro-grid { max-width:1160px; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(290px,.83fr) !important; align-items:center !important; gap:clamp(34px,6vw,88px) !important; }
.cf9-intro-content { min-width:0; max-width:600px; padding:12px 0; }
.cf9-intro-content .eyebrow { margin-bottom:21px; }
.cf9-intro-content h2 { max-width:570px; font-size:clamp(3rem,5.1vw,4.8rem); line-height:1.03; letter-spacing:-.035em; }
.cf9-intro-content h2 span { color:#b88f47; font-style:italic; }
.cf9-intro-description { margin-top:30px; padding:0 0 0 22px; border-left:2px solid #d4b16a; }
.cf9-intro-description p { max-width:510px; font-size:clamp(.98rem,1.4vw,1.09rem); line-height:1.85; color:#56625b; }
.cf9-kitchen-portrait { width:100%; max-width:450px; justify-self:end; margin:0; position:relative; padding:9px; background:#fff; box-shadow:0 16px 46px rgba(16,32,26,.14); }
.cf9-kitchen-portrait::before { content:""; position:absolute; inset:-15px 15px 15px -15px; border:1px solid rgba(185,144,73,.66); pointer-events:none; z-index:0; }
.cf9-kitchen-portrait picture { display:block; position:relative; z-index:1; width:100%; }
.cf9-kitchen-portrait img { display:block; width:100%; height:auto; aspect-ratio:1229 / 1536; object-fit:contain; object-position:center center; background:#2a211a; }
.cf9-kitchen-portrait figcaption { position:absolute; z-index:2; bottom:9px; left:9px; right:9px; padding:13px 17px; display:flex; justify-content:space-between; align-items:center; gap:14px; color:#f4edda; background:linear-gradient(90deg,rgba(13,46,37,.94),rgba(13,46,37,.68)); font-family:"Manrope Custom",Arial,sans-serif; }
.cf9-kitchen-portrait figcaption span:first-child { font-weight:700; font-size:.73rem; letter-spacing:.25em; }
.cf9-kitchen-portrait figcaption span:last-child { font-weight:500; font-size:.81rem; }
@media (min-width: 768px) and (max-width: 1080px) {
 .cf9-intro-grid { grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr) !important; gap:38px !important; }
 .cf9-intro-content h2 {font-size:clamp(2.5rem,4.4vw,3.65rem)}
 .cf9-kitchen-portrait {max-width:380px}
}
@media (max-width: 767px) {
 .cf9-intro {padding:48px 0 59px !important}
 .cf9-intro-grid { grid-template-columns:minmax(0,1fr) !important; gap:33px !important; }
 .cf9-intro-content {padding:0 !important; max-width:none !important}
 .cf9-intro-content .eyebrow {margin-bottom:14px}
 .cf9-intro-content h2 { font-size:clamp(2.65rem,10vw,4.1rem); line-height:1.04; max-width:500px; }
 .cf9-intro-description { margin-top:24px; padding-left:17px; }
 .cf9-intro-description p {font-size:1rem;line-height:1.78}
 .cf9-kitchen-portrait { max-width:min(420px, calc(100% - 16px)); margin:6px auto 0; justify-self:center; padding:7px; }
 .cf9-kitchen-portrait::before {inset:-10px 10px 10px -10px}
 .cf9-kitchen-portrait figcaption {bottom:7px;left:7px;right:7px;padding:12px 13px}
 .cf9-kitchen-portrait figcaption span:first-child {font-size:.67rem}
 .cf9-kitchen-portrait figcaption span:last-child {font-size:.73rem}
}
@media (max-width: 360px) { .cf9-kitchen-portrait figcaption {flex-wrap:wrap;gap:3px} }

/* CASA FER · Firma discreta del estudio / producción */
.cf-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.16);
    margin-top: 28px;
    padding-top: 19px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 24px;
    font-family: "Manrope Custom", Arial, sans-serif;
    font-size: .74rem;
    line-height: 1.7;
    letter-spacing: .018em;
}
.cf-footer-copyright { opacity: .64; }
.cf-footer-credit {display:inline-flex; flex-wrap:wrap; align-items:center; gap: 5px; opacity:.83}
.cf-footer-credit a {color:inherit !important; text-decoration:none; font-weight:700; border-bottom:1px solid rgba(255,255,255,.3); transition: border-color .2s ease, opacity .2s ease}
.cf-footer-credit a:hover, .cf-footer-credit a:focus-visible { opacity: 1; border-bottom-color: currentColor; }
.cf-footer-credit .cf-footer-heart { font-size:.76rem; color:#d3a866; padding:0 3px; opacity:1 }
@media (max-width: 640px) {
    .cf-footer-bottom {flex-direction:column; align-items:flex-start; gap:4px; margin-top:22px; padding-top:17px; padding-bottom:23px; }
    .cf-footer-credit {font-size:.71rem}
}