/* DIANART — Ajusta aquí la apariencia nueva sin modificar los estilos base. */
:root{--ink:#38233f;--purple:#765584;--cream:#fffaf4;--gold:#ae8142;--muted:#756779;--line:#e6d9e6}
body{background:var(--cream);background-image:radial-gradient(#ae814211 .6px,transparent .6px);background-size:7px 7px}
::selection{background:#dbc6e6;color:#38233f}
header{max-width:none;padding-left:max(30px,calc((100vw - 1200px)/2));padding-right:max(30px,calc((100vw - 1200px)/2));background:#fffaf4f5;backdrop-filter:blur(14px);border-bottom:1px solid #d9c6df}
.brand{font-size:39px}.topline{background:#493151;font-size:9px;padding:12px;letter-spacing:2px}
nav a:not(.nav-contact){position:relative;padding:8px 0}
nav a:not(.nav-contact):after{content:'';position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a:hover:after,nav a[aria-current=page]:after{transform:scaleX(1)}
.nav-contact{background:#493151;color:#fffaf4!important;border:0;padding:14px 23px;box-shadow:0 5px 15px #49315115}
.hero{min-height:700px;padding-top:70px;padding-bottom:95px;gap:50px;background:radial-gradient(ellipse at 90% 60%,#dfcce96b,transparent 60%);position:relative}
.hero h1{font-size:clamp(46px,5.1vw,72px);line-height:1.1;letter-spacing:-2.6px}.hero h1 em{color:#9970a3}.hero .eyebrow:before{content:'';display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.hero-art{padding:20px;transform:rotate(2deg)}.hero-art img{border-radius:48% 48% 8px 8px;border:9px solid #fffaf4;box-shadow:18px 25px 60px #68457520}.hero-art:before{inset:-8px;border-radius:48% 48% 12px 12px;transform:rotate(-6deg)}
.hero-seal{position:absolute;right:-16px;top:-32px;width:104px;height:104px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:#e8d6ac;color:#634b38;z-index:2;font-size:8px;letter-spacing:2px;box-shadow:0 0 0 6px #fffaf4,0 0 0 7px #cfb98b;transform:rotate(12deg)}.hero-seal i{font-size:24px;font-style:normal;line-height:12px}
.art-note{right:0;bottom:-24px;border:0;border-left:3px solid #c8a065;padding:22px 26px;box-shadow:0 15px 30px #49315114}.spark{animation:twinkle 5s ease-in-out 2}.s2{animation-delay:.7s}.hero-note{font-size:11px}
.button{padding:17px 27px;background:#52365d;box-shadow:0 8px 20px #49315112;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 22px #49315125}.button.light{background:#fffaf4;color:#493151}.button.light:hover{background:#e6d3eb}
.ribbon{background:#eee2ef;border-top:1px solid #ddcce1;border-bottom:1px solid #ddcce1;padding:24px 16px;letter-spacing:2px}.ribbon b{font-weight:400}
.section-heading{margin-bottom:36px}h2{font-size:clamp(34px,3.7vw,49px);line-height:1.18}.eyebrow{color:#85638d;font-size:10px}.collection{padding-top:88px;padding-bottom:80px}.products{gap:32px 22px}
.product{display:block;background:#fffdf9;border-radius:150px 150px 15px 15px;padding:9px 9px 22px;border:1px solid #eee3ec;box-shadow:0 5px 16px #5d376408;transition:transform .35s,box-shadow .35s,border-color .35s}
.product:hover,.product:focus-visible{transform:translateY(-7px);box-shadow:0 18px 32px #5d376419;border-color:#cdb4d5}
.photo-frame{position:relative;overflow:hidden;background:#ede2ec;isolation:isolate;border-radius:14px;aspect-ratio:6/7}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.product .photo-frame{border-radius:140px 140px 10px 10px}.product-title{padding:0 12px;margin-top:20px}.product-title span{background:#f1e6f0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#7d5889;transition:transform .3s}.product p{padding:0 12px;font-size:11px}.product:hover .photo-frame img{transform:scale(1.055)}.product:hover .product-title span{transform:rotate(35deg)}
.photo-note{position:absolute;left:14px;bottom:14px;background:#fffaf4e8;padding:6px 10px;border-radius:30px;font-size:8px;letter-spacing:.4px;color:#756779}.photo-note[hidden]{display:none}
.filters{padding:10px;background:#f2eaf2;border-radius:35px;width:fit-content}.filters button{background:#fffaf480;border:0}.filters button.active{background:#5a3d65}.filters button:hover{box-shadow:0 2px 6px #49315115}
.photo-story{padding-top:35px;padding-bottom:85px}.editorial-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:28px;align-items:start;margin:45px 0 25px}.editorial-grid article:nth-child(2){padding-top:55px}.editorial-grid article:nth-child(3){padding-top:16px}.editorial-grid .photo-frame{border-radius:160px 160px 8px 8px;border:8px solid #fffdf9;box-shadow:0 0 0 1px #d8c4d8,10px 18px 35px #49315110}.editorial-caption{display:flex;align-items:center;gap:15px;padding-top:20px}.editorial-caption span{font-family:Georgia,serif;color:#b18d60;font-style:italic;font-size:24px}.editorial-caption h3{font:400 20px 'Playfair Display',Georgia,serif;margin:0}.photo-story>.text-link{display:block;width:fit-content;margin:auto}
.album-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:40px}.album-grid figure{margin:0}.album-grid figure:nth-child(even){padding-top:55px}.album-grid .photo-frame{aspect-ratio:5/4;border-radius:12px}.album-grid figcaption{font:italic 23px 'Playfair Display',Georgia,serif;padding-top:17px;color:#765584}.album-grid figure:hover img{transform:scale(1.04)}
.course-section{background:#eee3ef;position:relative;overflow:hidden;border-top:1px solid #dfcee4;border-bottom:1px solid #dfcee4}.course-section:before{content:'✳';font-size:440px;line-height:1;color:#d4bedb55;position:absolute;right:-160px;bottom:-150px;pointer-events:none}.course{position:relative;padding-top:75px;padding-bottom:75px}.course-art{box-shadow:inset 0 0 0 12px #e7d9eb,0 0 0 1px #c9b2d2}.flower{animation:flower-sway 6s ease-in-out 2}.course-details span{padding:9px 0;border-bottom:1px solid #d9c8df}
.workshop{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:85px;padding-bottom:40px}.workshop .photo-frame{aspect-ratio:5/4;border-radius:10px 130px 10px 10px}.workshop p:not(.eyebrow){line-height:1.9;font-size:14px;color:var(--muted);margin:25px 0}
.steps{gap:30px}.steps article{padding:24px 18px;border-top:1px solid #d9c9db}.steps article>span{color:#ae8142;font-size:38px}.steps h3{font:23px 'Playfair Display',Georgia,serif}.process{padding-top:75px;padding-bottom:75px}
.page-heading{max-width:none;padding-left:max(26px,calc((100vw - 1116px)/2));padding-right:max(26px,calc((100vw - 1116px)/2));padding-top:70px;padding-bottom:70px;background:radial-gradient(ellipse at 90% 80%,#e0cbe7,transparent 65%),#f5edf2}.page-heading h1{font-size:clamp(43px,5.2vw,68px)}.heading-flower{color:#aa88b32a;right:8%;font-size:340px}.page-heading .eyebrow{color:#92723f}.page-heading>p:last-of-type{margin-bottom:0}
.order{background:#f1e6ef;border:1px solid #ddcbdc;border-radius:25px;padding:55px;box-shadow:0 18px 60px #57335a0a}.order form{box-shadow:0 10px 30px #57335a0a;padding:32px;border-radius:17px}input,select,textarea{border-radius:8px;background:#fffcf8;padding:14px}input:focus,select:focus,textarea:focus{border-color:#a181ae}.faq details{padding:23px 0}.faq summary{font-size:16px}.faq details[open]{background:#f3eaf2;padding:23px 20px;border-radius:8px}.closing{background:radial-gradient(ellipse,#ebdcec,transparent 68%);padding-top:70px;padding-bottom:85px}.closing>span{display:block;margin-bottom:10px}.story-image img{box-shadow:16px 20px 0 #eadfec}.contact-main{border:1px solid #d5bddc;box-shadow:14px 16px 0 #f0e6ef}.floating-wa{background:#5a3d65;border-color:#d3b9dc;box-shadow:0 8px 25px #40264430;transition:transform .25s}.floating-wa:hover{transform:translateY(-4px)}
footer{max-width:none;background:#eee4ee;padding-left:max(26px,calc((100vw - 1116px)/2))!important;padding-right:max(26px,calc((100vw - 1116px)/2))!important}.footer-links a:hover{color:#9b7342}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.product.reveal.is-visible:hover{transform:translateY(-7px)}
@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.9) rotate(-8deg)}50%{opacity:1;transform:scale(1.08) rotate(8deg)}}
@keyframes flower-sway{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(-5deg)}}
@media(max-width:1050px){header{padding-left:25px;padding-right:25px}nav{gap:13px}.hero{gap:25px}.hero h1{font-size:53px}.hero-seal{right:0;width:85px;height:85px;font-size:7px}.products{gap:22px 15px}.product-title{padding:0 5px}.product p{padding:0 5px}.editorial-grid{gap:20px}.editorial-caption h3{font-size:18px}.order{padding:35px;gap:35px}}
@media(max-width:760px){header{padding:20px 24px}.brand{font-size:34px}.hero{min-height:0;padding-top:45px;padding-bottom:65px}.hero h1{font-size:47px}.hero-art{max-width:350px}.hero-seal{top:-20px;right:-10px}.hero .actions{gap:15px}.photo-story{padding-bottom:50px}.editorial-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.editorial-grid article:nth-child(2){padding-top:40px}.editorial-grid article:nth-child(3){padding-top:0;grid-column:1/-1;width:65%;margin:auto}.editorial-caption{gap:9px}.editorial-caption h3{font-size:17px}.editorial-grid .photo-frame{border-width:5px}.album-grid{gap:24px 18px}.album-grid figure:nth-child(even){padding-top:35px}.album-grid .photo-frame{aspect-ratio:4/5}.album-grid figcaption{font-size:19px}.workshop{grid-template-columns:1fr;gap:30px;padding-top:50px}.workshop .photo-frame{max-height:350px}.page-heading{padding-top:45px;padding-bottom:45px}.page-heading h1{font-size:44px}.products{gap:23px 12px}.product{padding:6px 6px 16px}.product h3{font-size:19px}.product-title span{width:24px;height:24px;font-size:14px;flex-shrink:0}.photo-note{font-size:7px;padding:5px 7px;bottom:9px;left:9px}.collection{padding-top:55px;padding-bottom:55px}.filters{border-radius:18px;padding:8px}.order{padding:25px 18px;gap:25px}.order form{padding:22px 17px}.contact-main{box-shadow:7px 8px 0 #f0e6ef}.steps article{padding:20px 10px}.closing{padding-top:45px;padding-bottom:55px}.course{padding-top:45px;padding-bottom:45px}.topline{font-size:8px;letter-spacing:.7px}.gallery .products{gap:22px 12px}}
@media(max-width:400px){.hero h1{font-size:41px}.hero .actions{flex-direction:column;align-items:flex-start}.editorial-grid{grid-template-columns:1fr}.editorial-grid article:nth-child(2),.editorial-grid article:nth-child(3){padding-top:0;width:100%}.album-grid{grid-template-columns:1fr}.album-grid figure:nth-child(even){padding-top:0}.photo-frame{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.product:hover,.product.reveal.is-visible:hover{transform:none}}
@media print{.reveal{opacity:1;transform:none}.floating-wa,.menu-toggle{display:none}}
