:root{--wine:#541a31;--ink:#321923;--paper:#fffaf4;--pink:#f0c7cd;--line:#d7b9bc;--muted:#72545d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #be6c26;outline-offset:6px}.skip{position:fixed;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}header{max-width:1500px;margin:auto;min-height:100px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;font-weight:600}.brand-icon{font-family:Georgia,serif;font-size:31px;border:1px solid var(--wine);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;line-height:1;padding-bottom:5px;flex-shrink:0}nav{display:flex;align-items:center;gap:30px}nav>a{text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--wine);color:white;text-decoration:none;border:1px solid var(--wine);border-radius:3px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;cursor:pointer}.button:hover{background:#762c49;transform:translateY(-2px)}.button.small{padding:12px 20px}.menu{display:none}.hero{max-width:1500px;margin:auto;padding:40px 5% 65px;display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(64px,6.8vw,104px);line-height:1.02;letter-spacing:-4px;margin-bottom:30px}em{font-weight:400;color:#9b3659}h2{font-size:clamp(42px,4.5vw,64px);line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.intro{max-width:390px;font-size:18px;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px}.hero-note{display:flex;align-items:center;gap:18px;margin-top:48px}.hero-note p{font-size:14px;margin:0;color:var(--muted)}.tiny-flower{font-size:45px;color:#9b3659}.hero-art{position:relative;padding:0 26px 0 0}.photo-frame{position:relative;aspect-ratio:4/4.7;background:#d0a8a0;border-radius:220px 220px 3px 3px;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;object-position:center}.photo-label{position:absolute;bottom:20px;left:22px;color:white;background:#321923b8;padding:6px 10px;font-size:11px;letter-spacing:1.4px}.art-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px}.art-caption>span:first-child{font-size:10px;letter-spacing:1.5px}.art-caption .serif{font-size:24px;font-style:italic}.vertical-word{position:absolute;right:-5px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px}.ribbon{background:var(--pink);display:flex;justify-content:center;align-items:center;gap:6%;padding:22px 5%;font-family:Georgia,serif;font-size:24px}.ribbon i{font-size:22px;font-style:normal}.section{padding:96px 7%;max-width:1500px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading>p{color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:30px 30px 8px 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:30px}.number{font-size:12px;color:var(--muted)}h3{font-size:30px;margin:24px 0 14px;line-height:1.2}.service-grid p{color:var(--muted);max-width:290px;min-height:80px}.service-grid a{font-size:14px;font-weight:600}.courses{background:var(--wine);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:none;padding-left:max(7%,calc((100vw - 1290px)/2));padding-right:max(7%,calc((100vw - 1290px)/2))}.courses em{color:var(--pink)}.courses-intro>p:not(.eyebrow){max-width:365px;color:#f1d6df}.button.light{background:var(--pink);color:var(--wine);border-color:var(--pink)}.course-note{font-size:13px;margin-top:16px}.course-list{align-self:center}.course-list details{border-top:1px solid #9a6578;padding:22px 0}.course-list details:last-child{border-bottom:1px solid #9a6578}summary{cursor:pointer;font-family:Georgia,serif;font-size:24px;list-style:none;padding-right:28px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}summary span{font-family:Arial,sans-serif;font-size:12px;margin-right:18px;color:var(--pink)}details p{margin:18px 0 10px 37px;color:#f1d6df}details a{font-size:14px;margin-left:37px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%}.visit>div>p:not(.eyebrow){max-width:350px;color:var(--muted)}.contact-card{border-left:1px solid var(--line);padding-left:45px}.contact-card>div{margin-bottom:26px}.label{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.contact-card h3{margin:8px 0}.contact-card p{margin:7px 0 12px}.contact-card a{font-size:14px}.contact-card .phone{display:block;font-size:24px;font-family:Georgia,serif;margin-top:6px}#socials{display:flex;gap:25px}#socials[hidden]{display:none}.closing{text-align:center;padding:65px 20px 75px;background:#f5e4e2}.closing h2{font-size:clamp(44px,5vw,70px)}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:12px;margin:0}section{animation:appear .7s ease both}@keyframes appear{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.courses{padding-left:calc((100vw - 1290px)/2);padding-right:calc((100vw - 1290px)/2)}}@media(max-width:850px){header{min-height:85px;flex-wrap:wrap}.menu{display:block;background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:3px;color:var(--wine);font-size:14px}nav{display:none;flex-basis:100%;padding:20px 0;flex-wrap:wrap}nav.open{display:flex}.hero{gap:5%;padding-top:25px}h1{font-size:65px}.hero-art{padding-right:15px}.art-caption{display:block}.art-caption .serif{display:block}.actions{gap:16px}.hero-note{margin-top:25px}.section{padding:65px 6%}.courses{gap:6%}.service-grid p{min-height:125px}}@media(max-width:600px){.brand{font-size:13px}.brand-icon{width:38px;height:38px}.hero{grid-template-columns:1fr;padding:22px 6% 38px;gap:36px}h1{font-size:70px;letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:22px}.intro{font-size:17px}.hero-note{display:none}.hero-art{max-width:420px;width:100%;margin:auto}.photo-frame{aspect-ratio:4/4.1}.art-caption{display:flex}.ribbon{gap:5%;font-size:17px;flex-wrap:wrap;padding:18px 10px}.ribbon i{font-size:15px}.ribbon>span:last-child,.ribbon>i:nth-last-child(2){display:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.service-grid p{min-height:0;max-width:none}.service-grid h3{margin-top:12px}.courses,.visit{grid-template-columns:1fr;gap:35px}.course-list summary{font-size:22px}.contact-card{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}footer{flex-direction:column;align-items:flex-start;padding:30px 6%}h2{font-size:47px}.closing{padding:55px 6%}.button{max-width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}section{animation:none}*{transition:none!important}}

/* Identidad de Peluquería Miriam: negro, oro y plata. */
:root{--wine:#e6be68;--ink:#f4f1eb;--paper:#101010;--pink:#e6be68;--line:#51432b;--muted:#c4beb4}
header{border-bottom:1px solid #30291e}
.brand-icon{color:#e6be68;border-color:#8d713c}
.brand{letter-spacing:.5px}
.button{background:linear-gradient(120deg,#eacb83,#d3a349);border-color:#e6be68;color:#171108}
.button:hover{background:#f2d797;color:#171108}
em,.tiny-flower{color:#e6be68}
.eyebrow,.label,.number{color:#d9ba7c}
.brand-banner{max-width:1500px;margin:0 auto;padding:10px 3% 0}
.brand-banner img{display:block;width:100%;height:auto}
.hero{padding-top:55px;padding-bottom:70px}
.hero-art{padding-right:26px}
.photo-frame{aspect-ratio:1;border-radius:3px;background:#0c0905;border:1px solid #7d612a;box-shadow:0 15px 70px #0008}
.photo-frame img{object-fit:contain}
.art-caption>span:first-child{color:#d9ba7c}
.art-caption .serif{color:#ded9d0}
.vertical-word{color:#c5bca9}
.ribbon{background:#191712;border-top:1px solid #65502c;border-bottom:1px solid #65502c;color:#e5c783}
.ribbon i{color:#a8a6a1}
.courses{background:#1a1814;border-top:1px solid #51432b;border-bottom:1px solid #51432b}
.courses-intro>p:not(.eyebrow),details p{color:#cfc7bb}
.button.light{background:linear-gradient(120deg,#eacb83,#d3a349);color:#171108;border-color:#e6be68}
.course-list details,.course-list details:last-child{border-color:#625334}
.course-list a,.service-grid a,.contact-card a{color:#e6c47b}
.closing{background:radial-gradient(ellipse at 50% 100%,#3a2b13 0%,#171512 70%);border-top:1px solid #51432b}
.skip{background:#101010;color:#e6be68}
.menu{color:#e6be68}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#f4cf81}
footer{border-top:1px solid #393022}
@media(max-width:600px){.brand-banner{padding:0}.hero{padding-top:35px}.hero-art{max-width:420px}.photo-frame{aspect-ratio:1}.brand{font-size:14px}.hero-art .art-caption{gap:8px}.hero-art .serif{font-size:21px}}
.courses{color:var(--ink)}