@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap');
.site-catalog{background:#fffaf5;color:#493541;padding:82px 0 0}
.site-catalog *{box-sizing:border-box}
.catalog-intro{text-align:center;padding:0 24px 49px;max-width:760px;margin:auto}
.catalog-eyebrow{font-size:10px;letter-spacing:3px;color:#c91478;font-weight:500}
.site-catalog h2{font-family:var(--serif),Georgia,serif;font-size:clamp(37px,4.7vw,61px);line-height:1.13;text-transform:none;font-weight:400;color:#362632;margin:16px 0 19px}
.site-catalog h2 em{font-family:var(--script),cursive;color:#c91478;font-size:1.22em;font-weight:400;font-style:normal}
.catalog-intro p{font-size:14px;line-height:1.75;max-width:610px;margin:0 auto;color:#65535e}
.catalog-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 25px;background:#f9edf2;border-top:1px solid #e9d5de;border-bottom:1px solid #e9d5de}
.catalog-nav a{border:1px solid #d9aebf;border-radius:100px;padding:8px 16px;font-size:12px;text-decoration:none;transition:background .2s,color .2s}
.catalog-nav a:hover{background:#c91478;color:#fffaf5;border-color:#c91478}
.catalog-group{padding:72px clamp(22px,6vw,90px) 80px;scroll-margin-top:28px}
.catalog-group:nth-of-type(even){background:#faeff4}
.catalog-group-heading{max-width:1260px;margin:0 auto 32px}
.catalog-number{font-size:11px;letter-spacing:2.5px;color:#c91478;font-weight:500}
.catalog-group h3{font-family:var(--serif),Georgia,serif;font-size:clamp(34px,4.2vw,55px);font-weight:400;line-height:1.13;color:#392935;margin:12px 0}
.catalog-group-heading p{max-width:620px;font-size:14px;color:#685662;margin:0}
.catalog-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.catalog-card{min-width:0;background:#fff;border:1px solid #ead8e0;box-shadow:0 12px 28px rgba(73,53,65,.08);overflow:hidden}
.catalog-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#f8edf1}
.catalog-card-text{padding:15px 17px 19px;min-height:119px;display:flex;flex-direction:column;align-items:flex-start}
.catalog-card-text span{font-size:9px;color:#c91478;letter-spacing:1.5px}
.catalog-card h4{font-family:var(--serif),Georgia,serif;font-weight:400;font-size:21px;line-height:1.2;margin:7px 0 0;color:#392935}
.catalog-card-text a{display:inline-block;margin-top:auto;padding-top:12px;color:#a70d60;font-size:11px;font-weight:600;text-underline-offset:4px}
.catalog-assurance{text-align:center;padding:62px 24px 82px;background:#f3e2ea}
.catalog-assurance p{font-family:var(--serif),Georgia,serif;font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:760px;margin:0 auto 26px}
.catalog-assurance .button{background:#c91478;color:#fffaf5}
.contact-phone{margin:18px auto 0!important;font-size:13px;letter-spacing:.04em}
.locations{max-width:930px;margin:60px auto 0;text-align:left}
.locations h3{text-align:center;font:400 clamp(27px,3vw,38px)/1.15 var(--serif),Georgia,serif;margin:0 0 25px;color:#fffaf5}
.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.location-card{border:1px solid rgba(255,250,245,.45);background:rgba(33,20,38,.25);padding:25px 27px}
.location-card span{display:block;color:#ffacd4;font-size:10px;letter-spacing:1.8px;margin-bottom:10px}
.location-card address{font-style:normal;font-family:var(--serif),Georgia,serif;font-size:21px;line-height:1.4;margin-bottom:15px}
.location-card a{font-size:12px;color:#fffaf5;text-underline-offset:5px}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-catalog{padding-top:55px}.catalog-intro{padding-bottom:37px}.catalog-nav{padding:14px 18px;gap:8px}.catalog-nav a{font-size:11px;padding:7px 11px}.catalog-group{padding:54px 20px 64px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-text{padding:12px;min-height:118px}.catalog-card h4{font-size:17px}.catalog-card-text a{font-size:10px}.catalog-assurance{padding:48px 22px 62px}}
@media(max-width:390px){.catalog-grid{grid-template-columns:1fr}.catalog-card img{aspect-ratio:5/4}.catalog-card-text{min-height:0}}
@media(max-width:700px){.locations{margin-top:45px}.location-grid{grid-template-columns:1fr}.location-card{padding:22px}.location-card address{font-size:19px}}
.catalog-page header{position:absolute;z-index:3;top:0;left:0;width:100%;background:transparent;color:#fffaf5}
.catalog-page header nav{align-items:center}
.catalog-page header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.catalog-page-hero{min-height:440px;position:relative;isolation:isolate;display:grid;place-items:center;padding:130px 24px 75px;text-align:center;color:#fffaf5;background:#493541 url('./catalogo/fotos-nuevas/ramo-mixto-girasoles-rosa-fondo-amarillo.jpg') center 45%/cover}
.catalog-page-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(31,20,29,.7),rgba(31,20,29,.42) 45%,rgba(31,20,29,.62))}
.catalog-page-hero-content{max-width:900px;text-shadow:0 2px 14px rgba(31,20,29,.5)}
.catalog-page-hero span{font-size:10px;font-weight:600;letter-spacing:3px}
.catalog-page-hero h1{font:400 clamp(48px,6.8vw,86px)/1.08 var(--serif);text-transform:uppercase;margin:18px 0 20px}
.catalog-page-hero h1 em{display:block;font:400 clamp(68px,8vw,105px)/.9 var(--script);text-transform:none;color:#ffacd4}
.catalog-page-hero p{font-size:14px;max-width:570px;margin:0 auto}
.catalog-page .site-catalog{padding-top:70px}
.catalog-page-footer{background:#2c1e2c;color:#fffaf5}
.catalog-page-footer .brand{color:#fffaf5}
@media(max-width:700px){.catalog-page header{padding:16px 20px;gap:16px}.catalog-page header nav{gap:14px;justify-content:center;flex-wrap:wrap}.catalog-page header nav a{font-size:10px}.catalog-page-hero{min-height:420px;padding:175px 20px 65px}.catalog-page .site-catalog{padding-top:55px}}
.catalog-shader-bottom{position:relative;isolation:isolate;overflow:hidden;background:#2c1e2c;color:#fffaf5}
.catalog-shader-bottom>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.catalog-shader-bottom::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(36,20,43,.76),rgba(36,20,43,.42))}
.catalog-shader-bottom>.catalog-assurance,.catalog-shader-bottom>footer{position:relative;z-index:2;background:transparent;color:#fffaf5}
.catalog-shader-bottom .catalog-assurance{padding:84px 24px 88px}
.catalog-shader-bottom .catalog-eyebrow{color:#fffaf5}
.catalog-shader-bottom h2{font:400 clamp(37px,4.8vw,60px)/1.12 var(--serif);text-transform:none;margin:18px auto 22px;max-width:750px;color:#fffaf5}
.catalog-shader-bottom h2 em{font:400 1.25em var(--script);color:#ffacd4}
.catalog-shader-bottom .catalog-assurance p{font:400 15px/1.75 Montserrat,Arial,sans-serif;max-width:700px;margin:0 auto 27px;color:#fffaf5}
.catalog-shader-bottom .catalog-assurance .button{border-color:#fffaf5}
.catalog-shader-bottom>footer{border-top:1px solid rgba(255,250,245,.28)}
.catalog-page-footer .brand{display:inline-flex;flex-direction:column;align-items:center;justify-self:start;width:max-content}
.catalog-page-footer>span{justify-self:center}
@media(max-width:700px){.catalog-shader-bottom .catalog-assurance{padding:68px 22px 72px}.catalog-shader-bottom .catalog-assurance p{font-size:13px}}
.catalog-page .site-catalog{padding-top:0}
.catalog-intro-shell{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#fffaf5,#f8eaf0);padding-top:70px}
.catalog-intro-shell>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.catalog-intro-shell::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,250,245,.42);pointer-events:none}
.catalog-intro-shell .catalog-intro{position:relative}
@media(max-width:700px){.catalog-intro-shell{padding-top:55px}}
.catalog-nav .catalog-hover-button,.catalog-shader-bottom .catalog-hover-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .3s,color .3s,transform .3s}
.catalog-nav .catalog-hover-button{min-height:41px;padding:9px 19px;border:1px solid #d9aebf;background:#fffaf5;color:#583a4b;font:400 12px/1.2 var(--serif);text-transform:uppercase}
.catalog-shader-bottom .catalog-hover-button--cta{min-height:48px;min-width:280px;padding:11px 24px;border:1px solid #fffaf5;background:#c91478;color:#fffaf5;font:400 12px/1.2 var(--serif);text-transform:uppercase}
.catalog-hover-label,.catalog-hover-reveal{position:relative;z-index:2;transition:transform .3s ease,opacity .3s ease}
.catalog-hover-label{display:inline-block;transform:translateX(0);opacity:1}
.catalog-hover-reveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;transform:translateX(-25px);opacity:0;pointer-events:none}
.catalog-hover-arrow{font:500 19px/1 Montserrat,Arial,sans-serif}
.catalog-hover-orb{position:absolute;z-index:1;left:20%;top:50%;width:11px;height:11px;border-radius:50%;background:#c91478;opacity:0;transform:translate(-50%,-50%) scale(1);transition:transform .42s ease,opacity .2s ease;pointer-events:none}
.catalog-hover-button--cta .catalog-hover-orb{background:#8f0d55}
.catalog-nav .catalog-hover-button:hover,.catalog-nav .catalog-hover-button:focus-visible{color:#fffaf5;border-color:#c91478}
.catalog-hover-button:hover .catalog-hover-label,.catalog-hover-button:focus-visible .catalog-hover-label{transform:translateX(30px);opacity:0}
.catalog-hover-button:hover .catalog-hover-reveal,.catalog-hover-button:focus-visible .catalog-hover-reveal{transform:translateX(0);opacity:1}
.catalog-hover-button:hover .catalog-hover-orb,.catalog-hover-button:focus-visible .catalog-hover-orb{opacity:1;transform:translate(-50%,-50%) scale(48)}
.catalog-shader-bottom .catalog-hover-button--cta:hover,.catalog-shader-bottom .catalog-hover-button--cta:focus-visible{color:#fffaf5;background:#c91478}
@media(max-width:700px){.catalog-nav .catalog-hover-button{min-height:37px;padding:8px 13px;font-size:11px}.catalog-shader-bottom .catalog-hover-button--cta{min-width:min(100%,280px)}}
@media(prefers-reduced-motion:reduce){.catalog-hover-button,.catalog-hover-button *{transition:none!important}}
.catalog-group[hidden]{display:none!important}
.catalog-nav{scroll-margin-top:18px}
.catalog-nav .catalog-hover-button[aria-current="true"]{border-color:#c91478;color:#a70d60;box-shadow:inset 0 0 0 1px rgba(201,20,120,.13),0 4px 13px rgba(201,20,120,.11)}
.catalog-nav .catalog-hover-button[aria-current="true"]:hover,.catalog-nav .catalog-hover-button[aria-current="true"]:focus-visible{color:#fffaf5}
.catalog-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 4vw;max-width:none}
.catalog-nav-cell{min-width:0;min-height:118px;display:flex;align-items:center;justify-content:center;border-right:1px solid #dfbccc}
.catalog-nav-cell:last-child{border-right:0}
.catalog-nav .catalog-hover-button{width:calc(100% - 34px);max-width:270px;min-height:64px;padding:13px 15px;font-size:15px;letter-spacing:.02em}
@media(max-width:760px){.catalog-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px}.catalog-nav-cell{min-height:92px}.catalog-nav-cell:nth-child(2){border-right:0}.catalog-nav-cell:nth-child(-n+2){border-bottom:1px solid #dfbccc}.catalog-nav .catalog-hover-button{width:calc(100% - 18px);min-height:56px;padding:9px 7px;font-size:12px}}
.catalog-nav-cell{position:relative;isolation:isolate;overflow:hidden}
.catalog-nav-cell::before{content:"";position:absolute;z-index:0;right:9px;bottom:1px;width:51px;height:61px;background:url('./catalog-flower.svg') center/contain no-repeat;opacity:.55;pointer-events:none}
.catalog-nav .catalog-hover-button{z-index:1}
@media(max-width:760px){.catalog-nav-cell::before{right:2px;bottom:0;width:37px;height:44px;opacity:.43}}

/* Light rose mesh and moving highlight behind the complement collection. */
.catalog-group#extras{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fffafa,#f9e7ef 58%,#fff5f9)}
.catalog-group#extras>canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.catalog-group#extras::before{content:"";position:absolute;z-index:0;top:-12%;bottom:-12%;left:-38%;width:76%;background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.88) 0%,rgba(255,230,243,.58) 38%,rgba(255,230,243,0) 70%);filter:blur(24px);pointer-events:none;animation:rose-light-drift 12s ease-in-out infinite alternate}
.catalog-group#extras::after{content:"";position:absolute;inset:0;z-index:0;background:rgba(255,250,253,.1);pointer-events:none}
.catalog-group#extras>.catalog-group-heading,.catalog-group#extras>.catalog-grid{position:relative;z-index:1}
@keyframes rose-light-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(145%,5%,0)}}
@media(prefers-reduced-motion:reduce){.catalog-group#extras::before{animation:none;left:14%}}

/* Botanical category ribbon, inspired by the florist's supplied floral reference. */
.catalog-nav{position:relative;isolation:isolate;overflow:hidden;background:#f7e8ed;border-color:#e1bdc9;padding:0 4vw}
.catalog-nav::before{content:"";position:absolute;inset:0;z-index:-2;background:url('./catalog-vintage-flowers.webp') center 35%/360px auto repeat;opacity:.3;pointer-events:none}
.catalog-nav::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(252,244,246,.55),rgba(255,248,246,.36) 50%,rgba(252,244,246,.55));pointer-events:none}
.catalog-nav-cell{min-height:132px;border-color:#d7b5c1}
.catalog-nav-cell::before{display:none}
.catalog-nav .catalog-hover-button{max-width:300px;min-height:70px;background:rgba(255,250,246,.95);border:1px solid #b77f98;box-shadow:0 6px 18px rgba(79,43,58,.11);color:#422d39;font:600 clamp(19px,1.65vw,24px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.015em;text-transform:none;text-shadow:none}
.catalog-nav .catalog-hover-button[aria-current="true"]{background:#fffaf6;border:2px solid #c91478;box-shadow:0 7px 20px rgba(171,33,104,.17);color:#9e145e}
.catalog-nav .catalog-hover-button:hover,.catalog-nav .catalog-hover-button:focus-visible{color:#fffaf5}
.catalog-nav .catalog-hover-reveal{font:600 clamp(19px,1.65vw,24px)/1.1 'Cormorant Garamond',Georgia,serif}
@media(max-width:760px){.catalog-nav{padding:0 10px}.catalog-nav::before{background-size:260px auto;opacity:.22}.catalog-nav-cell{min-height:98px}.catalog-nav .catalog-hover-button{width:calc(100% - 14px);min-height:59px;padding:8px;font-size:18px}.catalog-nav .catalog-hover-reveal{font-size:18px}}

/* White magnolias frame the introduction and reappear beside the categories. */
.catalog-intro-shell{background:radial-gradient(ellipse at center,#fffaf8 22%,#f8ebef 100%)}
.catalog-intro-shell::before,.catalog-intro-shell::after{content:"";position:absolute;z-index:0;top:0;bottom:0;width:32%;background:url('./catalog-magnolias-corner.webp') left bottom/contain no-repeat;opacity:.33;pointer-events:none}
.catalog-intro-shell::before{left:-2%}
.catalog-intro-shell::after{left:auto;right:-2%;transform:scaleX(-1);background-color:transparent}
.catalog-intro-shell .catalog-intro{z-index:1}
.catalog-nav-cell::before{display:block;right:-9px;bottom:-28px;width:112px;height:100px;background:url('./catalog-magnolias-corner.webp') center/contain no-repeat;opacity:.38}
@media(max-width:760px){.catalog-intro-shell::before,.catalog-intro-shell::after{width:41%;opacity:.16}.catalog-nav-cell::before{right:-15px;bottom:-23px;width:82px;height:75px;opacity:.28}}

/* Matching magnolias in the first catalog collection. */
.catalog-group#extras>.catalog-group-magnolia{position:absolute;z-index:0;display:block;width:clamp(240px,30vw,430px);aspect-ratio:1324/1188;background:url('./catalog-magnolias-corner.webp') center/contain no-repeat;opacity:.27;pointer-events:none}
.catalog-group#extras>.catalog-group-magnolia--top{top:4px;right:-105px;transform:scaleX(-1)}
.catalog-group#extras>.catalog-group-magnolia--bottom{bottom:5%;left:-145px;opacity:.18}
@media(max-width:760px){.catalog-group#extras>.catalog-group-magnolia{width:210px;opacity:.16}.catalog-group#extras>.catalog-group-magnolia--top{top:18px;right:-90px}.catalog-group#extras>.catalog-group-magnolia--bottom{left:-105px;opacity:.12}}

/* Softer catalog surfaces keep the floral artwork and product cards prominent. */
.site-catalog{background:#fffdfb}
.catalog-group{background:#fffdfb}
.catalog-group:nth-of-type(even){background:#fff8fb}
.catalog-group#extras{background:linear-gradient(135deg,#fffdfd,#fff8fb 58%,#fffdfb)}
.catalog-group#extras::after{background:rgba(255,255,255,.42)}
.catalog-nav{background:#fff5f8}
.catalog-nav::before{opacity:.23}
.catalog-nav::after{background:linear-gradient(90deg,rgba(255,252,252,.62),rgba(255,250,251,.42) 50%,rgba(255,252,252,.62))}

/* Bring the botanical ornaments forward on the lighter surfaces. */
.catalog-intro-shell::before,.catalog-intro-shell::after{opacity:.48}
.catalog-nav::before{opacity:.31}
.catalog-nav-cell::before{opacity:.48}
.catalog-group#extras::after{background:rgba(255,255,255,.2)}
.catalog-group#extras>.catalog-group-magnolia{opacity:.5}
.catalog-group#extras>.catalog-group-magnolia--bottom{opacity:.34}
@media(max-width:760px){.catalog-intro-shell::before,.catalog-intro-shell::after{opacity:.25}.catalog-nav-cell::before{opacity:.38}.catalog-group#extras>.catalog-group-magnolia{opacity:.29}.catalog-group#extras>.catalog-group-magnolia--bottom{opacity:.21}}

/* Editorial heading for each catalog category. */
.catalog-group-heading{position:relative}
.catalog-group .catalog-number{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:5px 12px 5px 18px;border:1px solid #d7a6ba;border-radius:100px;background:rgba(255,250,249,.9);box-shadow:0 5px 15px rgba(90,48,68,.08);color:#a90f61;font:600 18px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.12em}
.catalog-group .catalog-number::after{content:"";display:block;width:25px;height:25px;background:url('./catalog-flower.svg') center/contain no-repeat;opacity:.9}
.catalog-group h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,4.7vw,66px);font-weight:600;line-height:1.06;letter-spacing:-.018em;color:#382b35;margin:18px 0 17px}
.catalog-group h3::after{content:"";display:block;width:115px;height:2px;margin-top:13px;background:linear-gradient(90deg,#c91478,#e4b3c8 72%,transparent)}
.catalog-group-heading p{max-width:740px;color:#51454d;font:500 clamp(15px,1.25vw,17px)/1.65 Montserrat,Arial,sans-serif}
@media(max-width:700px){.catalog-group h3{font-size:clamp(37px,8vw,50px)}.catalog-group-heading p{font-size:15px}.catalog-group .catalog-number{font-size:16px}}