/*
Theme Name: El Paco + Packaging
Template: elpaco
Version: 1.0.0
*/

:root{--elpaco-red:#e1251b;--elpaco-gray:#5d6164;--elpaco-line:#dedede}
.elpaco-packaging-button{display:inline-block;margin-top:22px;padding:13px 19px;border:2px solid var(--elpaco-red);background:var(--elpaco-red);color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.035em;text-decoration:none!important;text-transform:uppercase;transition:background .18s,color .18s}
.elpaco-packaging-button:hover,.elpaco-packaging-button:focus{background:#fff;color:var(--elpaco-red)!important;outline:0}
.packaging-shell{max-width:1440px;margin:0 auto;padding:150px 5vw 80px;color:var(--elpaco-gray)}
.packaging-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px;border-bottom:3px solid var(--elpaco-red);padding-bottom:22px}
.packaging-nav{display:flex;align-items:center;gap:8px;margin:0 0 28px;font-size:13px;text-transform:uppercase}
.packaging-nav a{color:var(--elpaco-red);font-weight:700;text-decoration:none}
.packaging-nav a:hover,.packaging-nav a:focus{text-decoration:underline}
.packaging-nav__separator,.packaging-nav__current{color:#888}
.packaging-heading h1{margin:0;font-size:44px;font-weight:400;line-height:1.05;text-transform:uppercase}
.packaging-heading p{max-width:620px;margin:0;font-size:15px;line-height:1.6}
.packaging-category-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px;padding:0;list-style:none}
.packaging-category-list a{display:block;border:1px solid var(--elpaco-line);padding:10px 13px;color:var(--elpaco-gray);text-decoration:none}
.packaging-category-list a:hover,.packaging-category-list a:focus{border-color:var(--elpaco-red);color:var(--elpaco-red)}
.packaging-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.packaging-card{position:relative;border:1px solid var(--elpaco-line);background:#fff;overflow:hidden}
.packaging-card__image{display:block;aspect-ratio:4/3;background:#f3f3f3;overflow:hidden}
.packaging-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.packaging-card:hover .packaging-card__image img{transform:scale(1.025)}
.packaging-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#999;text-transform:uppercase}
.packaging-card__body{padding:20px 22px 24px}
.packaging-card h2{margin:0 0 12px;font-size:20px;font-weight:400;line-height:1.3}
.packaging-card h2 a{color:var(--elpaco-gray);text-decoration:none}
.packaging-card__terms{color:var(--elpaco-red);font-size:11px;line-height:1.4;text-transform:uppercase}
.packaging-empty{border:1px solid var(--elpaco-line);padding:34px;font-size:18px}
.packaging-shell .navigation.pagination{display:block;margin:44px 0 0}
.packaging-shell .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.packaging-shell .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--elpaco-line);padding:0 13px;background:#fff;color:var(--elpaco-gray);font-size:14px;text-decoration:none}
.packaging-shell .page-numbers.current,.packaging-shell a.page-numbers:hover,.packaging-shell a.page-numbers:focus{border-color:var(--elpaco-red);background:var(--elpaco-red);color:#fff}
.packaging-shell .page-numbers.prev,.packaging-shell .page-numbers.next{width:auto;text-transform:uppercase}
.packaging-project{max-width:1180px;margin:0 auto;padding:150px 5vw 80px;color:var(--elpaco-gray)}
.packaging-project h1{max-width:900px;margin:0 0 34px;font-size:44px;font-weight:400;line-height:1.1}
.packaging-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 42px}
.packaging-gallery img{display:block;width:100%;height:auto;border:1px solid var(--elpaco-line)}
.packaging-project__content{max-width:820px;font-size:16px;line-height:1.7}
.packaging-project__content h2{margin-top:34px;font-size:24px;font-weight:400}
.packaging-contact{margin-top:54px;border-left:5px solid var(--elpaco-red);background:#f5f5f5;padding:26px 30px}
.packaging-contact h2{margin:0 0 8px}.packaging-contact p{margin:0}
@media(max-width:900px){.packaging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-heading{display:block}.packaging-heading p{margin-top:18px}.packaging-shell,.packaging-project{padding-top:110px}.packaging-heading h1,.packaging-project h1{font-size:36px}}
@media(max-width:560px){.packaging-grid,.packaging-gallery{grid-template-columns:1fr}.packaging-shell,.packaging-project{padding:92px 18px 50px}.packaging-heading h1,.packaging-project h1{font-size:30px}.packaging-card__body{padding:16px}}