/*
Theme Name: Joyería Grande
Description: Web de presentación del taller de Joyería Grande.
Version: 1.0.1
Author: BRICH
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: joyeria-grande
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--paper:#f5f2eb;--ink:#292b25;--muted:#706e63;--line:#d9d5ca;--gold:#8b7047;--dark:#30372f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#bfa67d;color:#fff}.wrap{max-width:1320px;margin:auto;padding:0 6%}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:10px;font-weight:600;color:var(--gold)}h1,h2,h3{font-family:'Italiana',Georgia,serif;font-weight:400;line-height:1.08;margin:0}h2{font-size:clamp(40px,4.4vw,66px)}p{color:var(--muted)}.topline{background:var(--dark);color:#e8e6df;text-align:center;font-size:9px;letter-spacing:.19em;padding:8px 15px;text-transform:uppercase}header{position:sticky;top:0;background:rgba(245,242,235,.97);z-index:10;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Georgia,serif;font-size:26px;letter-spacing:.12em;font-weight:400}.brand small{font-size:8px;letter-spacing:.36em;margin-top:10px}.links{display:flex;gap:27px;align-items:center;font-size:11px}.links a:hover{color:var(--gold)}.navcta{border-bottom:1px solid var(--gold);padding:9px 0;color:var(--gold)}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.hero{display:grid;grid-template-columns:48% 52%;min-height:680px}.herotext{padding:76px 12% 65px max(30px,calc((100vw - 1160px)/2));display:flex;flex-direction:column;justify-content:center}.herotext h1{font-size:clamp(55px,4.8vw,75px);margin:24px 0}.herotext h1 em{font-style:normal;color:var(--gold)}.herotext p{font-size:13px;max-width:340px;margin:0 0 29px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:14px 22px;font-size:11px;transition:.2s}.btn:hover{background:var(--gold);border-color:var(--gold)}.textlink{font-size:11px;border-bottom:1px solid #b6b1a4;padding-bottom:4px}.heroimage{position:relative;overflow:hidden;background:#514536}.heroimage img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center;filter:brightness(.73) saturate(.65)}.heroimage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13181099,transparent 50%)}.imagecaption{position:absolute;bottom:36px;left:36px;z-index:1;color:white;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.imagecaption span{display:block;color:#ded9ce;font-family:'Italiana',Georgia,serif;font-size:26px;letter-spacing:0;text-transform:none;margin-bottom:5px}.vertical{position:absolute;right:20px;top:35px;writing-mode:vertical-rl;color:#ddd4c5;font-size:9px;letter-spacing:.25em;z-index:1}.values{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:23px 0;text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.values div+div{border-left:1px solid var(--line)}.values span{color:var(--gold);padding-right:13px}.intro{text-align:center;padding:95px 20px 80px;max-width:850px;margin:auto}.intro h2{margin:19px 0}.intro p{max-width:570px;margin:24px auto 0;font-size:13px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.sectionhead h2{margin-top:15px}.services{padding-bottom:100px}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{border-top:1px solid var(--line);padding-top:18px}.service .number{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:13px}.service h3{font-size:29px;margin:18px 0 13px}.service p{font-size:12px;min-height:62px}.service>a{display:block}.service img{width:100%;height:290px;object-fit:cover;margin-top:25px;filter:saturate(.72);transition:filter .3s}.service:hover img{filter:saturate(1)}.more{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.story{background:var(--dark);color:var(--paper);display:grid;grid-template-columns:1fr 1fr}.storyphoto{min-height:550px;position:relative}.storyphoto img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.8)}.storycopy{padding:85px 14%}.storycopy .eyebrow{color:#c6ac83}.storycopy h2{margin:22px 0 28px}.storycopy p{color:#d0d1c9;font-size:13px}.storycopy a{display:inline-block;margin-top:20px;border-color:#8b9384}.works{padding-top:95px;padding-bottom:95px}.workgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.work{margin:0}.work button{border:0;padding:0;display:block;width:100%;background:#e8e4dc;overflow:hidden}.work img{width:100%;height:340px;object-fit:cover;transition:transform .45s}.work button:hover img{transform:scale(1.04)}.work figcaption{padding-top:15px;display:flex;justify-content:space-between;align-items:center}.work h3{font-size:26px}.work small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.work .plus{font-size:21px;color:var(--gold)}.process{border-top:1px solid var(--line);padding:80px 0}.processheader{text-align:center}.processheader h2{margin-top:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.step{border-top:1px solid #b8ad98;padding-top:20px}.step span{color:var(--gold);font-size:11px}.step h3{font-size:25px;margin:16px 0 12px}.step p{font-size:12px}.professional{background:#e8e4da;padding:38px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}.professional h3{font-size:32px}.professional p{margin:8px 0 0;font-size:12px}.contact{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{margin:20px 0 26px}.contact p{font-size:13px}.details{margin-top:35px;font-size:12px}.details a{display:block;margin:9px 0}.form{display:grid;gap:18px;align-content:start}.form label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.form input,.form select,.form textarea{width:100%;border:0;border-bottom:1px solid #bdb7aa;border-radius:0;background:transparent;padding:10px 0;color:var(--ink);font-size:13px}.form textarea{resize:vertical;min-height:85px}.form .note{text-transform:none;letter-spacing:0;font-size:11px;color:var(--muted);margin:0}.form .btn{margin-top:5px;width:100%}footer{background:var(--dark);padding:45px 0 22px;color:#eeeae0}.footerhead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px}.footerhead p{font-size:11px;color:#c0c4b8}.footerbottom{border-top:1px solid #535a4e;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#c0c4b8}.footerbottom div{display:flex;gap:22px}.proposal{font-size:9px;color:var(--muted);text-align:center;padding:9px;letter-spacing:.05em}.floating{position:fixed;bottom:22px;right:25px;background:var(--dark);color:white;font-size:11px;padding:11px 19px;border-radius:30px;border:1px solid #a5a78e;z-index:5;box-shadow:0 4px 20px #0002}dialog{max-width:700px;width:90%;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111b}dialog img{width:100%;max-height:65vh;object-fit:contain;background:#e9e5dd}.dialogcopy{padding:25px}.dialogcopy h3{font-size:32px}.close{position:absolute;right:12px;top:12px;background:var(--paper);border:0;border-radius:50%;height:36px;width:36px;font-size:22px}.dialogcopy p{font-size:13px}.dialogcopy a{margin-top:7px}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(min-width:1500px){.herotext{padding-left:max(60px,calc((100vw - 1160px)/2))}}@media(max-width:1000px){.links{gap:16px}.herotext{padding:55px 9%}.hero{min-height:610px}.service img{height:230px}.storycopy{padding:65px 10%}.work img{height:260px}}@media(max-width:720px){.nav{height:78px}.brand strong{font-size:22px}.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 6%;flex-direction:column;align-items:start;border-bottom:1px solid var(--line);font-size:14px}.links.open{display:flex}.topline{font-size:8px}.hero{grid-template-columns:1fr;min-height:0}.herotext{padding:52px 7%}.herotext h1{font-size:60px}.herotext p{max-width:100%}.heroimage{height:420px}.values{font-size:8px;letter-spacing:0}.values span{display:block;padding:0 0 4px}.intro{padding:65px 7% 50px}.sectionhead{align-items:start;flex-direction:column;gap:20px}.servicegrid{grid-template-columns:1fr;gap:35px}.service img{height:340px}.service p{min-height:0}.services{padding-bottom:60px}.more{flex-direction:column;gap:8px}.story{grid-template-columns:1fr}.storyphoto{min-height:380px}.storycopy{padding:50px 7%}.works{padding-top:65px;padding-bottom:55px}.workgrid{grid-template-columns:1fr;gap:32px}.work img{height:390px}.steps{grid-template-columns:1fr 1fr;gap:26px}.process{padding:55px 0}.professional{align-items:start;flex-direction:column;padding:35px 7%}.contact{grid-template-columns:1fr;gap:30px;padding:60px 0}.footerhead{align-items:start;flex-direction:column}.footerbottom{flex-direction:column;padding-bottom:40px}.floating{bottom:13px;right:13px}.imagecaption{left:25px;bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.service h3{min-height:64px}.service p{min-height:68px}@media(max-width:720px){.service h3,.service p{min-height:0}}
.original-logo{width:205px;height:auto;max-height:65px;object-fit:contain}.brand{flex-shrink:0}.footerhead .brand{background:var(--paper);padding:14px 18px}.footerhead .original-logo{width:200px}.links{gap:20px}.heroimage img{object-position:43% center;filter:brightness(.75) saturate(.8)}.storyphoto img{object-position:center 50%}.workgrid{row-gap:48px}.workstory{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.workstory summary{font-size:11px;cursor:pointer;color:var(--gold)}.workstory p{font-size:12px;line-height:1.8}.workstory a{display:inline-block;margin:8px 0;font-size:10px}.social-section{padding-top:75px;padding-bottom:75px;border-top:1px solid var(--line)}.social-section .sectionhead p{font-size:12px;margin:0}.social-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.social-gallery img{width:100%;height:330px;object-fit:cover}.social-gallery img:nth-child(2){object-fit:contain;background:#1c1c1b}.social-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.social-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}.social-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.social-link span{margin-left:20px}.social-link:hover{color:var(--gold)}.contact-social{margin-top:25px}.contact .details{margin-top:22px}dialog{max-height:90vh;overflow:auto}dialog>img{max-height:50vh}.dialogcopy h3{margin:12px 0 22px}.dialogcopy .original-description{margin-bottom:25px}.dialogcopy .original-description p{line-height:1.8}.footerbottom{flex-wrap:wrap}.footerbottom div{flex-wrap:wrap}@media(max-width:1000px){.links{gap:13px}.original-logo{width:175px}.social-gallery img{height:260px}}@media(max-width:720px){.original-logo{width:185px;max-height:55px}.social-section{padding-top:50px;padding-bottom:50px}.social-gallery{gap:12px;grid-template-columns:1fr 1fr}.social-gallery img{height:220px}.social-gallery img:first-child{grid-column:1/-1;height:310px}.heroimage img{object-position:38% center}.workstory p{font-size:13px}.workgrid{row-gap:35px}.footerbottom div{gap:15px}dialog>img{max-height:40vh}}

.maternity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,6vw,88px);padding-block:clamp(42px,7vw,96px);border-top:1px solid var(--line)}
.maternity-photo{margin:0}
.maternity-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:3px}
.maternity-photo figcaption{font-size:.82rem;margin-top:10px}
.maternity h2{margin:.4em 0}
.maternity-steps{padding-left:1.2em;margin:1.2em 0 1.6em}
.maternity-steps li+li{margin-top:.55em}
.maternity-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
@media(max-width:720px){.maternity{grid-template-columns:1fr}.maternity-photo{order:1}}

.jg-content { padding-block: 3rem 5rem; }
.jg-content .entry-content { max-width: 76ch; overflow-wrap: anywhere; }
.jg-content article + article { margin-top: 3rem; }
.jg-content img { max-width: 100%; height: auto; }
.jg-content .entry-content a { text-decoration: underline; }