/* Casos web: proporciones de las piezas completas, sin recortes ni marcos ficticios. */
.v33 .cw33-case{padding-bottom:20px}
.v33 .cw33-case h1,.v33 .cw33-case h2,.v33 .cw33-case h3{margin:0;font-weight:400;letter-spacing:-.035em;line-height:1.08}
.v33 .cw33-case h1{font-size:clamp(48px,5.4vw,90px)}
.v33 .cw33-case h2{font-size:clamp(29px,3.1vw,46px)}
.v33 .cw33-case h3{font-size:23px}
.v33 .cw33-case h1 em{font-family:Editorial,Georgia,serif;font-style:normal}
.v33 .cw33-case p{margin:0;font-size:16px;line-height:1.65;max-width:660px}
.v33 .cw33-back{display:inline-block;font-size:12px;text-decoration:none;margin-bottom:28px}
.v33 .cw33-label{font-size:11px!important;letter-spacing:.055em;margin-bottom:17px!important}
.v33 .cw33-copy h2{margin-bottom:19px}
.v33 .cw33-copy p+p{margin-top:14px}
.v33 .cw33-figure{min-width:0;margin:0}
.v33 .cw33-media{display:block;position:relative;text-decoration:none;overflow:visible}
.v33 .cw33-media img{display:block;width:100%;height:auto;object-fit:contain}
.v33 .cw33-media>span{position:absolute;bottom:12px;right:12px;background:var(--paper);padding:6px 10px;font-size:10px;color:var(--ink)}
.v33 .cw33-figure figcaption{display:block;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}
.v33 .cw33-figure figcaption strong{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
.v33 .cw33-figure figcaption p{font-size:12px;max-width:680px;line-height:1.5}
.v33 .cw33-links{display:flex;gap:15px 25px;flex-wrap:wrap;align-items:center;margin-top:23px}
.v33 .cw33-links a{font-size:13px}
.v33 .cw33-case-foot{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:25px;margin-top:75px}
.v33 .cw33-case-foot>p{max-width:800px;font-size:12px;color:var(--muted)}
.v33 .cw33-case-foot .cw33-links{margin-top:0;align-content:flex-start}
/* María: une panorámica con un recorrido vertical hasta la consulta. */
.v33 .cw33-maria-heading{padding-block:27px 31px;display:grid;grid-template-columns:1fr auto;gap:0 40px}
.v33 .cw33-maria-heading .cw33-back{grid-column:1/-1}
.v33 .cw33-maria-heading>div{display:flex;gap:55px;align-items:flex-end}
.v33 .cw33-maria-heading h1{font-size:clamp(45px,4.2vw,70px);flex-shrink:0;line-height:1.02}
.v33 .cw33-maria-heading>div>p{max-width:360px;margin-bottom:3px}
.v33 .cw33-maria-heading .cw33-scope{font-size:11px;align-self:end;text-align:right;margin-bottom:3px;white-space:nowrap;color:var(--muted)}
.v33 .cw33-panorama .cw33-media img{width:100%}
.v33 .cw33-maria-order{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;padding-block:70px}
.v33 .cw33-page-order{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;border-top:1px solid var(--line)}
.v33 .cw33-page-order li{padding-top:15px}
.v33 .cw33-page-order span{display:block;font-size:11px;margin-bottom:28px;color:var(--muted)}
.v33 .cw33-page-order strong{display:block;font-size:19px;font-weight:400;line-height:1.2;margin-bottom:10px}
.v33 .cw33-page-order p{font-size:13px}
.v33 .cw33-maria-consult{display:grid;grid-template-columns:minmax(180px,.52fr) 1.8fr;gap:80px;align-items:start}
.v33 .cw33-phone .cw33-media{max-width:275px;margin-inline:auto}
.v33 .cw33-phone .cw33-figure figcaption{max-width:275px;margin-inline:auto}
.v33 .cw33-maria-consult-main>.cw33-copy{margin-bottom:35px;max-width:690px}
/* OpticalH: la tienda en dos anchos, las aplicaciones y un paso del prototipo. */
.v33 .cw33-store-heading{padding-block:27px 30px}
.v33 .cw33-store-heading>div{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end}
.v33 .cw33-store-heading h1{font-size:clamp(64px,7vw,118px);line-height:.95}
.v33 .cw33-store-heading .cw33-copy p{max-width:440px;margin-bottom:16px}
.v33 .cw33-store-heading .cw33-copy>a{font-size:12px}
.v33 .cw33-store-screens{display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:start}
.v33 .cw33-store-phone .cw33-media{max-width:230px;margin-inline:auto}
.v33 .cw33-store-note{font-size:15px!important;margin-top:35px!important;max-width:710px!important}
.v33 .cw33-store-identity{display:grid;grid-template-columns:.8fr 1.35fr;gap:80px;padding-block:95px}
.v33 .cw33-store-signature>.cw33-figure{max-width:420px;margin-bottom:55px}
.v33 .cw33-store-signature .cw33-media{padding-block:22px}
.v33 .cw33-store-posts{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.v33 .cw33-lenses{padding-top:50px;border-top:1px solid var(--line)}
.v33 .cw33-lenses>header{display:grid;grid-template-columns:1fr 1fr;gap:10px 65px;margin-bottom:30px;align-items:end}
.v33 .cw33-lenses>header>.cw33-label{grid-column:1/-1;margin-bottom:3px!important}
.v33 .cw33-lenses>header>p:last-child{max-width:520px}
.v33 .cw33-lenses>.cw33-figure{max-width:1050px;margin-inline:auto}
.v33 .cw33-lens-notes{margin:35px 0 0;padding:0;list-style:none;counter-reset:lens;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.v33 .cw33-lens-notes li{border-top:1px solid var(--line);padding-top:17px;counter-increment:lens}
.v33 .cw33-lens-notes li:before{content:'0' counter(lens);display:block;font-size:11px;color:var(--muted);margin-bottom:17px}
.v33 .cw33-lens-notes strong{font-weight:500;font-size:15px}
.v33 .cw33-lens-notes p{font-size:13px;margin-top:8px}
/* Intervalo: una mesa con la página, las instrucciones y hojas completas. */
.v33 .cw33-workshop-heading{padding-block:27px 32px}
.v33 .cw33-workshop-heading h1{font-family:Editorial,Georgia,serif;font-size:clamp(65px,7.4vw,124px);line-height:1;margin-bottom:18px}
.v33 .cw33-workshop-heading>p:last-child{max-width:550px}
.v33 .cw33-workbench{display:grid;grid-template-columns:1.6fr .8fr;gap:65px;align-items:start}
.v33 .cw33-workbench aside{padding-top:13px}
.v33 .cw33-workbench h2{font-size:clamp(28px,2.7vw,40px);margin-bottom:20px}
.v33 .cw33-workbench aside>p:not(.cw33-label){font-size:14px}
.v33 .cw33-workbench aside ol{margin:25px 0 30px;padding-left:20px;font-size:14px;line-height:1.7}
.v33 .cw33-workbench aside li{padding-left:6px;margin-bottom:9px}
.v33 .cw33-workbench aside>a{display:table;font-size:12px;margin-bottom:18px}
.v33 .cw33-workshop-system{display:grid;grid-template-columns:.8fr 1.4fr;gap:75px;align-items:center;padding-block:95px}
.v33 .cw33-workshop-system .cw33-links{display:grid;gap:14px}
.v33 .cw33-worksheets{border-top:1px solid var(--line);padding-top:40px}
.v33 .cw33-worksheets>header{display:flex;gap:55px;justify-content:space-between;margin-bottom:35px;align-items:end}
.v33 .cw33-worksheets>header p{font-size:14px;max-width:400px}
.v33 .cw33-sheets{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1050px;margin-inline:auto}
.v33 .cw33-worksheets>.cw33-links{justify-content:center;margin-top:30px}
.v33 .cw33-workshop-social{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px;padding-block:20px}
.v33 .cw33-workshop-social summary{display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:20px;list-style:none}
.v33 .cw33-workshop-social summary::-webkit-details-marker{display:none}
.v33 .cw33-workshop-social[open] summary{margin-bottom:25px}
.v33 .cw33-workshop-social[open] summary>span{transform:rotate(45deg)}
.v33 .cw33-workshop-social>p{font-size:14px;margin-bottom:25px}
.v33 .cw33-social-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
/* Cuaderno: la herramienta abre el caso, los archivos quedan a su lado. */
.v33 .cw33-resource-heading{padding-block:27px 35px}
.v33 .cw33-resource-heading>div{display:grid;grid-template-columns:1.5fr .65fr;gap:80px;align-items:end}
.v33 .cw33-resource-heading h1{font-size:clamp(46px,4.8vw,79px);margin-bottom:22px;line-height:1.02}
.v33 .cw33-resource-heading>div>div>p:last-child{max-width:600px}
.v33 .cw33-resource-open{border-left:1px solid var(--line);padding-left:35px;padding-bottom:7px}
.v33 .cw33-resource-open p{font-size:13px;max-width:310px;margin-top:16px}
.v33 .cw33-resource-screen .cw33-media{background:var(--sage);padding:20px}
.v33 .cw33-resource-questions{display:grid;grid-template-columns:1fr 1.7fr;gap:90px;padding-block:75px}
.v33 .cw33-resource-questions h2{max-width:390px}
.v33 .cw33-resource-questions ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:35px}
.v33 .cw33-resource-questions li{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:16px}
.v33 .cw33-resource-questions li>span{font-size:11px;margin-top:3px;color:var(--muted)}
.v33 .cw33-resource-questions h3{font-size:20px;margin-bottom:10px}
.v33 .cw33-resource-questions p{font-size:13px}
.v33 .cw33-resource-files{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.v33 .cw33-resource-files .cw33-links{align-items:flex-start;flex-direction:column;gap:17px}
@media(max-width:1100px){
 .v33 .cw33-maria-heading>div{gap:30px}.v33 .cw33-maria-heading .cw33-scope{display:none}
 .v33 .cw33-maria-heading{grid-template-columns:1fr}.v33 .cw33-maria-order{gap:40px}
 .v33 .cw33-maria-consult{gap:40px}.v33 .cw33-store-screens{grid-template-columns:1fr 190px;gap:30px}
 .v33 .cw33-store-identity{gap:45px}.v33 .cw33-workbench{grid-template-columns:1.3fr .8fr;gap:35px}
 .v33 .cw33-workshop-system{gap:40px}.v33 .cw33-resource-heading>div{gap:40px}
 .v33 .cw33-resource-questions{gap:45px}.v33 .cw33-resource-files{gap:45px}
}
@media(max-width:760px){
 .v33 .cw33-case h1{font-size:48px}.v33 .cw33-case h2{font-size:30px}.v33 .cw33-case p{font-size:14px}
 .v33 .cw33-back{font-size:11px;margin-bottom:24px}.v33 .cw33-case-foot{grid-template-columns:1fr;gap:20px;margin-top:45px}
 .v33 .cw33-case-foot>p{font-size:11px}.v33 .cw33-links{gap:15px 20px}.v33 .cw33-links a{font-size:12px}
 .v33 .cw33-figure figcaption{margin-top:9px;font-size:11px}.v33 .cw33-figure figcaption p{font-size:11px}
 .v33 .cw33-media>span{bottom:8px;right:8px;padding:4px 7px;font-size:9px}
 .v33 .cw33-maria-heading{padding-block:20px 25px}.v33 .cw33-maria-heading>div{display:block}
 .v33 .cw33-maria-heading h1{font-size:43px;margin-bottom:18px}.v33 .cw33-maria-heading>div>p{max-width:400px}
 .v33 .cw33-maria-order{grid-template-columns:1fr;padding-block:40px;gap:30px}.v33 .cw33-page-order{gap:17px}
 .v33 .cw33-page-order span{margin-bottom:20px}.v33 .cw33-page-order strong{font-size:16px}.v33 .cw33-page-order p{font-size:11px}
 .v33 .cw33-maria-consult{grid-template-columns:1fr;gap:35px}.v33 .cw33-phone .cw33-media,.v33 .cw33-phone .cw33-figure figcaption{max-width:230px}
 .v33 .cw33-maria-consult-main>.cw33-copy{margin-bottom:25px}
 .v33 .cw33-store-heading{padding-block:20px 25px}.v33 .cw33-store-heading>div{grid-template-columns:1fr;gap:24px}
 .v33 .cw33-store-heading h1{font-size:68px}.v33 .cw33-store-heading .cw33-label{margin-bottom:12px!important}
 .v33 .cw33-store-screens{grid-template-columns:1fr;gap:30px}.v33 .cw33-store-phone{max-width:230px;margin-inline:auto}
 .v33 .cw33-store-note{margin-top:24px!important;font-size:14px!important}
 .v33 .cw33-store-identity{grid-template-columns:1fr;padding-block:50px;gap:30px}.v33 .cw33-store-signature>.cw33-figure{max-width:330px;margin-bottom:30px}
 .v33 .cw33-store-posts{gap:17px}.v33 .cw33-lenses{padding-top:30px}.v33 .cw33-lenses>header{grid-template-columns:1fr;gap:17px;margin-bottom:25px}
 .v33 .cw33-lens-notes{grid-template-columns:1fr 1fr;gap:25px 22px;margin-top:25px}.v33 .cw33-lens-notes strong{font-size:14px}.v33 .cw33-lens-notes p{font-size:12px}
 .v33 .cw33-workshop-heading{padding-block:20px 25px}.v33 .cw33-workshop-heading h1{font-size:72px}
 .v33 .cw33-workbench{grid-template-columns:1fr;gap:28px}.v33 .cw33-workbench aside{padding-top:0}.v33 .cw33-workbench h2{font-size:30px;max-width:430px}
 .v33 .cw33-workbench aside ol{margin-block:20px 25px}.v33 .cw33-workshop-system{grid-template-columns:1fr;gap:30px;padding-block:45px}
 .v33 .cw33-worksheets{padding-top:30px}.v33 .cw33-worksheets>header{display:block;margin-bottom:25px}.v33 .cw33-worksheets>header p{margin-top:15px}
 .v33 .cw33-sheets{gap:20px}.v33 .cw33-sheets .cw33-media>span{font-size:8px}.v33 .cw33-worksheets>.cw33-links{justify-content:flex-start;gap:16px}
 .v33 .cw33-workshop-social{margin-top:40px;padding-block:18px}.v33 .cw33-workshop-social summary{font-size:17px}
 .v33 .cw33-social-pieces{grid-template-columns:1fr;gap:25px}.v33 .cw33-social-pieces>.cw33-figure{max-width:400px;margin-inline:auto}
 .v33 .cw33-resource-heading{padding-block:20px 25px}.v33 .cw33-resource-heading>div{grid-template-columns:1fr;gap:25px}
 .v33 .cw33-resource-heading h1{font-size:43px;margin-bottom:20px}.v33 .cw33-resource-open{padding:0;border:0}
 .v33 .cw33-resource-open p{font-size:12px;max-width:390px;margin-top:12px}.v33 .cw33-resource-screen .cw33-media{padding:8px}
 .v33 .cw33-resource-questions{grid-template-columns:1fr;gap:25px;padding-block:40px}.v33 .cw33-resource-questions ol{gap:25px 20px}
 .v33 .cw33-resource-questions li{gap:10px}.v33 .cw33-resource-questions h3{font-size:18px}.v33 .cw33-resource-questions p{font-size:12px}
 .v33 .cw33-resource-files{grid-template-columns:1fr;gap:30px}.v33 .cw33-resource-files .cw33-figure{max-width:520px}
}

/* María V37: estudio y tienda completos; Tattoo como una parte del recorrido. */
body.v36 .m37-studio-case .a36-hero h1{max-width:20ch}
body.v36 .m37-studio-case .a36-hero>.lead{max-width:720px}
body.v36 .m37-opening{margin-top:5px}
body.v36 .m37-gallery,body.v36 .m37-wide{margin-top:44px}
body.v36 .m37-copy p,body.v36 .m37-mobile>div>p{font-size:18px;line-height:1.65}
body.v36 .m37-copy h3{margin-bottom:18px}
body.v36 .m37-mobile{display:grid;grid-template-columns:300px minmax(0,1fr);gap:100px;align-items:center}
body.v36 .m37-mobile-screen{max-width:300px}
body.v36 .m37-phone{max-width:275px;margin-inline:auto}
body.v36 .m37-tattoo-pieces{margin-block:30px}
body.v36 .m37-tattoo-details{margin-top:36px}
body.v36 .m37-credits{padding-top:28px}
body.v36 .m37-credits>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:1000px}
@media(max-width:850px){body.v36 .m37-mobile{grid-template-columns:240px minmax(0,1fr);gap:45px}}
@media(max-width:600px){body.v36 .m37-mobile{display:flex;flex-direction:column-reverse;gap:30px}body.v36 .m37-mobile-screen{max-width:260px}body.v36 .m37-copy p,body.v36 .m37-mobile>div>p{font-size:17px}body.v36 .m37-gallery,body.v36 .m37-wide{margin-top:30px}}