/* Certificaciones: imagery, concise information and scoped responsive layout. */
.quality-landing .quality-hero { position: relative; isolation: isolate; overflow: hidden; display: grid; align-items: center; min-height: 400px; padding-block: calc(var(--header-height,80px) + 44px) 40px; background: #f3e4cc; }
.quality-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.quality-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#fff9f144,transparent 65%,#fff9f1); }
.quality-hero-copy { text-align: center; display: flex; flex-direction: column; align-items: center; }
.quality-landing .quality-hero h1 { width: 100%; max-width: 1300px; margin: 0 auto; font-size: clamp(32px,4.7vw,74px); line-height: 1.15; }
.quality-scroll { display: grid; place-items: center; width: 56px; height: 76px; margin-top: 36px; color: #1a1a1a; }
.quality-scroll svg { width: 28px; height: 60px; animation: quality-arrow 2.4s ease-in-out infinite; }
.quality-scroll:hover { color: #c53030; }
@keyframes quality-arrow { 0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
@media(prefers-reduced-motion:reduce) { .quality-scroll svg { animation: none; } }
.quality-hero h1 .brand-underline { color: #c53030; }
.quality-hero-copy p { margin: 28px auto; max-width: 530px; font-size: 18px; line-height: 1.6; color: #332d26; }
.quality-landing .certifications-section { padding-block: var(--section-space); scroll-margin-top: calc(var(--header-height) + 24px); }
.quality-landing .certification-grid { grid-template-columns: 1fr; gap: 42px; }
.quality-landing .certification-heading { text-align: center; }
.quality-landing .certification-heading .eyebrow { display: none; }
.quality-landing h2 { font-size: clamp(32px,3.4vw,50px); line-height: 1.18; margin: 0; }
.quality-landing .certification-card { min-height: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; gap: 24px; }
.quality-landing .certification-item { align-items: center; justify-content: flex-start; text-align: center; border: 0; padding: 0 8px; --icon-backdrop: #fff9f1; }
.quality-landing .certification-item:hover { background: transparent; }
.quality-landing .certification-icon-image { width: 152px; height: 152px; margin-bottom: 20px; }
.quality-landing .certification-item h3 { font-size: 19px; line-height: 1.3; max-width: 230px; }
.quality-journey-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px,6vw,90px); }
.quality-journey-grid > * { min-width: 0; }
.quality-journey-photo { margin: 0; }
.quality-journey-photo img { display: block; width: 100%; height: 510px; object-fit: cover; object-position: 62% center; border-radius: 100px 24px 24px 24px; }
.quality-journey-photo figcaption { margin-top: 14px; font-size: 12px; color: #766c60; }
.quality-stages { list-style: none; padding: 0; margin: 38px 0 0; display: grid; gap: 24px; }
.quality-stages li { display: grid; grid-template-columns: 52px 1fr; gap: 20px; align-items: start; }
.quality-stages li > span { display: grid; place-items: center; width: 52px; height: 52px; background: #fff1df; border-radius: 50%; color: #c53030; font: 400 20px 'Archivo Black',sans-serif; }
.quality-stages h3 { margin: 0 0 8px; font-size: 21px; }
.quality-stages p { margin: 0; max-width: 400px; color: #615c55; font-size: 15px; line-height: 1.7; }
.quality-landing .quality-contact { padding-top: 0; }
.quality-contact-inner { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 40px; border-radius: 28px; background: #c53030; color: #fff; padding: 52px clamp(24px,5vw,72px); overflow: hidden; }
.quality-contact-inner > * { min-width: 0; }
.quality-contact p { margin: 28px 0; max-width: 450px; line-height: 1.7; }
.quality-contact .button-secondary { color: #a32626; background: #fff9f1; border-color: #fff9f1; white-space: normal; }
.quality-contact .button-secondary:hover { color: #fff; background: #1a1a1a; border-color: #1a1a1a; }
.quality-contact-products { position: relative; isolation: isolate; display: flex; justify-content: center; align-items: end; min-height: 330px; padding: 18px; }
.quality-contact-products::before { content: ''; position: absolute; z-index: -1; width: min(100%,330px); aspect-ratio: 1; border-radius: 50%; background: #f4cf9f; top: 0; left: 50%; transform: translateX(-50%); }
.quality-contact-products img { width: 53%; max-width: 210px; height: 310px; object-fit: contain; transform: rotate(-7deg); }
.quality-contact-products img + img { margin-left: -20px; transform: translateY(10px) rotate(7deg); }
.quality-landing a:focus-visible { outline: 3px solid #e6a15c; outline-offset: 5px; }
@media(max-width:900px) {
 .quality-journey-grid { gap: 32px; }
 .quality-journey-photo img { height: 450px; }
 .quality-contact-inner { gap: 24px; padding: 40px 28px; }
 .quality-contact-products img { height: 270px; }
 .quality-contact-products { min-height: 290px; }
}
@media(max-width:640px) {
 .quality-landing .quality-hero { min-height: 330px; padding: calc(var(--header-height,80px) + 32px) 0 32px; }
 .quality-landing .quality-hero h1 { max-width: 450px; font-size: clamp(30px,7.5vw,42px); }
 .quality-hero-image { object-position: 38% center; }
 .quality-hero-copy p { font-size: 16px; }
 .quality-hero-copy .button { font-size: 11px; max-width: 100%; white-space: normal; }
 .quality-landing .certification-card { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 12px; }
 .quality-landing .certification-icon-image { width: 116px; height: 116px; }
 .quality-landing .certification-item h3 { font-size: 16px; }
 .quality-journey-grid, .quality-contact-inner { grid-template-columns: 1fr; }
 .quality-journey-photo img { height: 300px; border-radius: 60px 20px 20px 20px; }
 .quality-stages { gap: 22px; margin-top: 30px; }
 .quality-stages li { gap: 16px; }
 .quality-stages h3 { font-size: 19px; }
 .quality-contact-inner { padding: 36px 24px; gap: 32px; }
 .quality-contact-products { width: min(100%,340px); justify-self: center; }
}
