@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#F5EFE6;--navy:#142B49;--blue:#315FA4;--pale:#DCE8F5;--ink:#4b5c70;--line:#ddd7ce;--white:#fffdf9;--green:#dcebdc;--yellow:#f8e7ba;--pink:#f4dddd;font-family:"Instrument Sans",Arial,sans-serif;color:var(--navy);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80a9dc;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:19px}h2{font-size:clamp(1.65rem,3.2vw,2.65rem);margin-bottom:12px}h3{font-size:1.3rem;margin-bottom:8px}p{line-height:1.55;color:var(--ink)}small,.muted{color:var(--ink)}.wrap{max-width:1312px;width:calc(100% - 96px);margin-inline:auto}header{background:var(--paper);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:700;letter-spacing:-.09em;white-space:nowrap}.brand img{width:36px;height:36px}.brand span{color:#50729b;margin-left:-5px;font-weight:500}.nav nav,.nav-actions{display:flex;align-items:center;gap:24px;font-size:.88rem;font-weight:600}.nav-actions{gap:15px}.outline,.btn,button{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.outline{background:transparent;border-color:#b9c1cc}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#234a84}.soft{background:var(--pale);border-color:transparent}.ghost{background:transparent}.danger{color:#8b3535}.hero{background:linear-gradient(90deg,#0d1c30 0%,#0e2037ef 27%,#10233a5c 65%,#0e20371a 100%),url('/fotos/hero.jpg') center 52%/cover;background-color:#142B49;color:white;padding:66px 0 90px;min-height:435px}.hero h1{max-width:700px}.hero h1 em{color:#c4d9f2;font-style:normal}.hero p{max-width:490px;color:#e0e8f1;font-size:1.06rem}.eyebrow{display:block;font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.hero .eyebrow{color:#d2e5ff}.search-wrap{position:relative;margin-top:-47px}.search{display:grid;grid-template-columns:1.18fr 1fr 1.12fr .92fr auto;align-items:end;gap:12px;padding:15px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 28px #142b4912;border-radius:16px}.search .primary{height:47px;padding-inline:22px}.field{display:grid;gap:6px;font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-weight:500}.field textarea{min-height:85px;resize:vertical}.search .field{padding-inline:4px}.search .field input,.search .field select{height:47px;background:#faf8f4}.section{padding:40px 0}.section-head,.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head p{margin:0}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:.77rem;font-weight:600;white-space:normal}.chip.active,.chip.blue{background:var(--pale);border-color:#bfd2ea;color:#1f497e}.category{padding:16px 0 0}.category .chip{padding:9px 15px;background:#fdf9f2}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:22px}.card,.box{background:var(--white);border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-media{position:relative;display:block;aspect-ratio:1.47;background:#173456}.card-media>a{display:block;height:100%}.card-media img,.photo{width:100%;height:100%;object-fit:cover;display:block}.heart{position:absolute;top:11px;right:11px;border:0;border-radius:50%;width:39px;min-height:39px;padding:0;font-size:22px;box-shadow:0 2px 10px #0002}.kind{position:absolute;bottom:10px;left:10px;background:#fffdf4ed;border:0}.card-body{padding:15px}.card-body p{font-size:.84rem;margin:5px 0}.card-body .chiprow{margin:9px 0}.card-body .between{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.price strong{font-size:1.33rem;letter-spacing:-.05em;white-space:nowrap}.textlink{font-weight:700;color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:22px;border:1px solid #bdd0e8;border-radius:13px;background:#eff5fc}.step b{display:block;margin:8px 0}.step p{margin:0;font-size:.9rem}.banner{background:var(--navy);color:#fff;border-radius:16px;padding:27px 33px}.banner p{color:#dce8f5;margin:0}.tint{background:#e9e0d4}.page{min-height:68vh;padding:32px 0 55px}.page h1{font-size:clamp(2.1rem,4.3vw,3.65rem)}.crumb{display:inline-block;margin-bottom:18px;color:var(--blue);font-weight:700}.explore{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;margin-top:26px}.explore .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.box{padding:20px}.filters{align-self:start}.filters form,.stack{display:grid;gap:13px}.filters fieldset{border:0;padding:0;margin:0}.filters legend{font-weight:700;font-size:.84rem;margin-bottom:7px}.checks{display:flex;flex-wrap:wrap;gap:6px}.checks label{font-size:.76rem;cursor:pointer}.checks input{position:absolute;opacity:0}.checks input:checked+span{background:var(--pale);border-color:var(--blue)}.checks input:focus-visible+span{outline:2px solid var(--blue)}.row2,.row3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}.sticky{position:sticky;top:16px;align-self:start}.profile-image{height:370px;border-radius:15px;overflow:hidden}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px}.gallery .profile-image+.profile-image{height:370px}.format{display:flex;text-align:left;align-items:flex-start;justify-content:space-between;width:100%;font-weight:500;gap:10px}.format.selected{border-color:var(--blue);background:var(--pale)}.format b{display:block}.details>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center;margin-top:12px}.calendar button{min-height:42px;min-width:0;padding:4px 0;flex-direction:column;gap:0;font-size:.88rem}.calendar button small{font-size:.64rem}.calendar .available,.available{background:var(--green)}.calendar .pending,.pending{background:var(--yellow)}.calendar .busy,.busy{background:var(--pink)}.calendar .selected{outline:2px solid var(--blue);outline-offset:-2px}.dashboard{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.side{display:grid;gap:7px;align-self:start}.side a{padding:11px;border-radius:9px;font-weight:600}.side a.active{background:var(--pale);color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat strong{font-size:1.7rem;display:block;margin-top:8px}.badge{display:inline-flex;border-radius:99px;background:var(--pale);font-size:.78rem;font-weight:700;padding:6px 10px}.badge.confirmed,.badge.done{background:var(--green)}.badge.hold,.badge.proposal{background:var(--yellow)}.badge.cancelled,.badge.rejected,.badge.expired{background:var(--pink)}.bookingline{display:flex;align-items:center;justify-content:space-between;gap:10px}.bookingline p{margin:4px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th,td{padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.empty{text-align:center;padding:33px}.notice{background:var(--pale);padding:12px;border-radius:9px;font-size:.88rem;line-height:1.45}.mobile-book,.mobile-filter{display:none}footer{background:#eae1d5;border-top:1px solid var(--line)}footer .wrap{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.86rem}dialog{max-width:min(620px,calc(100% - 25px));width:100%;max-height:90vh;background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 14px 60px #0004}dialog::backdrop{background:#142b49a0}#toast{display:none;position:fixed;z-index:5;bottom:18px;right:18px;max-width:min(380px,90vw);padding:13px 18px;background:var(--navy);color:white;border-radius:10px;box-shadow:0 3px 15px #0003}#toast.on{display:block}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.cards{gap:12px}.explore .cards{grid-template-columns:repeat(2,1fr)}.nav nav{display:none}.layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:730px){.wrap{width:calc(100% - 28px)}.nav{height:auto;min-height:67px;gap:8px}.nav-actions{gap:7px;font-size:.72rem}.nav-actions>a:first-child{display:none}.outline{padding:6px 8px;min-height:34px}.brand{font-size:23px}.brand img{width:29px;height:29px}.hero{min-height:340px;padding:40px 0 68px;background-position:60% center}.hero h1{font-size:clamp(2.6rem,9vw,4rem)}.hero p{font-size:.96rem}.search{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.search .primary{grid-column:1/-1}.cards,.explore .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:10px}.card-body h3{font-size:1.12rem}.card-body .between{flex-wrap:wrap}.section{padding:26px 0}.section-head{align-items:flex-start}.steps,.layout,.explore,.dashboard{grid-template-columns:1fr}.side{display:flex;overflow:auto;white-space:nowrap}.filters{display:none}.filters.open{display:block}.mobile-filter{display:inline-flex}.sticky{position:static}.mobile-book{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:4;justify-content:space-between;align-items:center;background:var(--white);border-top:1px solid var(--line);padding:9px 15px max(9px,env(safe-area-inset-bottom));box-shadow:0 -3px 15px #0001}.profile-image,.gallery .profile-image+.profile-image{height:210px}.banner{padding:20px}.banner.between,footer .wrap{flex-wrap:wrap}.stats{gap:6px}.stat.box{padding:10px}.stat strong{font-size:1.25rem}#toast{bottom:75px}}
@media(max-width:380px){.cards,.explore .cards{grid-template-columns:1fr}.row3{grid-template-columns:1fr}}

/* Keep interactive grids within their available width at phone and tablet sizes. */
.wrap{width:min(1312px,calc(100% - 96px))}
.field,.field>*{min-width:0}
.field input,.field select,.field textarea{max-width:100%}
.field input[type="date"],.field input[type="time"]{display:block;min-inline-size:0}
.calendar-nav strong{text-align:center}
.section-head>.outline{flex-shrink:0}
.box,.stack,.dashboard>section,.layout>div{min-width:0}
.bookingline>div:first-child,.details>div>*{min-width:0;overflow-wrap:anywhere}
.table-scroll{max-width:100%}
.nav-actions>a{white-space:nowrap}
@media(max-width:1050px){
 .wrap{width:calc(100% - 48px)}
 .search{grid-template-columns:repeat(4,minmax(0,1fr))}
 .search .primary{grid-column:1/-1;justify-self:start}
}
@media(max-width:730px){
 .wrap{width:calc(100% - 32px)}
 .nav{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;padding-block:11px;align-items:center}
 .nav nav{display:flex;grid-column:2;grid-row:1;justify-content:flex-end;gap:12px;font-size:.8rem;flex-wrap:wrap}
 .nav-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;font-size:.78rem}
 .nav-actions>a,.nav-actions>a:first-child{display:flex;align-items:center;justify-content:center;padding:6px 4px;min-height:40px;border:1px solid #b9c1cc;border-radius:8px;text-align:center;white-space:normal}
 .hero{min-height:310px;padding:33px 0 64px;background-position:59% center}
 .hero h1{font-size:clamp(2.15rem,9vw,4rem)}
 .search{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 .search .primary{width:100%;justify-self:stretch}
 .search .field{grid-template-columns:minmax(0,1fr);padding-inline:0}
 /* Reset iOS Safari's intrinsic date-control dimensions while keeping the native picker. */
 .search input[type="date"]{
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  inline-size:100%;
  min-inline-size:0;
  max-inline-size:100%;
  block-size:47px;
  min-block-size:47px;
  max-block-size:47px;
  overflow:hidden;
 }
 .search input[type="date"]::-webkit-date-and-time-value{
  min-inline-size:0;
  margin:0;
  text-align:start;
 }
 .search input[type="date"]::-webkit-datetime-edit{min-inline-size:0;padding:0}
 .field input,.field select,.field textarea{font-size:16px;min-height:44px}
 .card-body .between{gap:7px}
 .card-body .textlink{display:inline-flex;align-items:center;min-height:36px}
 .dashboard .cards{margin-top:0}
 .side{flex-wrap:wrap;overflow:visible;padding:10px;gap:4px}
 .side a{display:flex;align-items:center;min-height:42px;padding:7px 9px;font-size:.85rem;white-space:normal}
 .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .stat small{display:block;overflow-wrap:anywhere}
 .calendar{gap:4px}
 .calendar button{min-height:44px}
 .calendar-nav{gap:6px}
 .calendar-nav button{padding-inline:8px;font-size:.82rem}
 .calendar-nav strong{font-size:.87rem}
 .artist-page{padding-bottom:88px}
 .mobile-book{gap:10px;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
 .mobile-book button{max-width:72%;min-height:44px;text-align:center}
 body:has(.artist-page) footer{padding-bottom:60px}
 dialog{padding:16px;max-height:calc(100dvh - 24px)}
 dialog .between{align-items:flex-start}
 dialog .between h2{margin-bottom:9px}
}
@media(max-width:420px){
 .wrap{width:calc(100% - 24px)}
 .nav{gap:8px}
 .nav nav{gap:8px;font-size:.72rem}
 .card-body h3{overflow-wrap:anywhere}
 .gallery{grid-template-columns:1fr}
 .gallery .profile-image+.profile-image{height:145px}
 .page>.row2{grid-template-columns:1fr}
 .dashboard .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bookingline{flex-wrap:wrap}
 .bookingline>.stack{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
 .box{padding:14px}
 .calendar-nav button{padding-inline:6px}
}
@media(max-width:360px){
 .nav nav{font-size:.67rem}
 .nav .brand{font-size:20px;gap:6px}
 .nav .brand img{width:26px;height:26px}
 .search .field{font-size:.75rem}
}