/*
Theme Name: ARTa Productora
Theme URI: https://artaproductora.com/
Author: ARTa
Description: Tema a medida para ARTa Productora. Home de una página, casos de proyecto y equipo editables desde el panel.
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: arta
License: Propietario
*/

:root{--paper:#f2efe6;--ink:#212321;--red:#ee5354;--blue:#3a6475;--lime:#b7bb00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:absolute;top:0;z-index:10;width:100%;color:var(--paper);border-bottom:1px solid #ffffff35}.brand img{width:106px;height:auto;display:block}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a:hover{color:#ffe0a1}.contact-link{border:1px solid #ffffff70;padding:12px 20px;border-radius:40px}.contact-link span{margin-left:25px}.menu{display:none}.hero{height:880px;min-height:650px;max-height:1100px;height:100svh;position:relative;color:var(--paper);padding:125px 4% 34px;isolation:isolate;background:#10222a}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo{object-position:50% 57%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#07151be6 0%,#07151b75 55%,#07151b20),linear-gradient(0deg,#07151ba0,transparent 60%)}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px}.hero-copy{position:absolute;bottom:95px;left:4%;right:4%}h1{font-size:clamp(54px,7.6vw,116px);letter-spacing:-.065em;line-height:.98;margin:0 0 35px;font-weight:600}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#ffe0a1}h2{font-size:clamp(38px,4.7vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:0}h3{font-weight:500}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:17px;line-height:1.5;margin:0}.round-link{border:1px solid #ffffff80;border-radius:50%;height:66px;width:66px;display:grid;place-items:center;font-size:32px}.round-link:hover{background:var(--red)}.hero-caption{position:absolute;bottom:30px;font-size:9px;letter-spacing:2px}.section{padding:110px 6%}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.6;font-weight:600}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;padding-top:125px;padding-bottom:125px}.intro h2 span{color:var(--red)}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}p{font-size:16px;line-height:1.65}.intro p{max-width:360px}.services{padding-top:85px;border-top:1px solid #21232130}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:60px}.section-heading h2{width:68%}.service-list{margin-left:32%}details{border-top:1px solid #21232150}details:last-child{border-bottom:1px solid #21232150}summary{cursor:pointer;display:flex;align-items:center;gap:24px;list-style:none;padding:25px 0}summary::-webkit-details-marker{display:none}summary .num{font-size:11px;align-self:start;margin-top:9px}summary h3{font-size:clamp(26px,3vw,44px);letter-spacing:-1.5px;margin:0}.plus{margin-left:auto;font-size:28px;font-weight:300}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 38px 32px;max-width:650px}.service-body p{margin-top:0}.service-body span{font-size:11px;line-height:1.8;color:#666}.partner{background:var(--red);display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.partner h2{font-size:clamp(50px,6vw,92px)}.partner-main>p{max-width:580px;margin:35px 0 50px}.partner-items{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.partner-items article{border-top:1px solid #21232160;padding-top:17px}.partner-items article>span{font-size:24px}.partner-items h3{font-size:20px;letter-spacing:-.5px}.partner-items p{font-size:13px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project{background:none;border:0;color:inherit;text-align:left;padding:0;cursor:pointer}.project.wide{grid-column:span 2}.project-image{overflow:hidden;position:relative;height:440px;background:#d0cec3}.project.wide .project-image{height:530px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project-arrow{position:absolute;right:20px;bottom:20px;background:var(--paper);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:25px}.project-meta{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-top:18px}.project-meta h3{margin:0;font-size:23px;letter-spacing:-.6px}.project-meta span{font-size:9px;letter-spacing:1px}.method{background:var(--blue);color:var(--paper)}.method>.eyebrow{color:#d9dd80}.method-head{display:flex;gap:80px;align-items:end;margin-top:40px}.method-head h2{flex:1;font-size:clamp(60px,7vw,105px)}.method-head p{width:35%;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px}.steps article{border-top:1px solid #ffffff60;padding-top:22px}.steps span{font-size:12px;color:#d9dd80}.steps h3{font-size:25px;margin:25px 0 15px}.steps p{font-size:13px;color:#e1e5e4}.method-note{border-top:1px solid #ffffff40;padding-top:25px;margin-top:50px;font-size:10px;letter-spacing:1.2px}.method-note span{color:#d9dd80}.team{display:grid;grid-template-columns:1fr 2.2fr;gap:40px}.team p{max-width:650px}.team h2{margin-bottom:35px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:20px;font-size:15px}.contact{background:var(--lime)}.big-contact{font-size:clamp(65px,10vw,150px);letter-spacing:-.065em;line-height:1;display:block;position:relative;margin:45px 0 70px}.big-contact>span{position:absolute;right:0;top:0}.contact-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #21232160;padding-top:28px;font-size:13px}.contact-bottom>span{font-size:10px;letter-spacing:1px}footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:35px 6%;gap:20px;font-size:9px;letter-spacing:1.2px}footer img{width:90px}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:950px;width:90vw;max-height:90svh}dialog::backdrop{background:#12232cbb;backdrop-filter:blur(8px)}dialog>img{width:100%;height:350px;object-fit:cover}.close{position:absolute;right:18px;top:18px;background:var(--paper);border:0;border-radius:30px;padding:13px 20px;cursor:pointer}.dialog-copy{padding:40px}.dialog-copy h2{font-size:45px;margin-top:15px}.dialog-copy h3{margin-bottom:0}body.modal-open{overflow:hidden}@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:800px){header{height:78px;padding:0 6%}.brand img{width:85px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:30px 6%;background:var(--ink);flex-direction:column;align-items:start;gap:24px}nav.open{display:flex}.menu{display:block;border:1px solid #ffffff80;border-radius:30px;background:none;color:inherit;padding:10px 17px}.hero{padding:105px 6% 25px;min-height:650px}.hero-top{font-size:8px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-copy{left:6%;right:6%;bottom:90px}h1{font-size:clamp(49px,10vw,77px);letter-spacing:-.06em}.hero-bottom p{font-size:14px}.round-link{width:50px;height:50px}.hero-caption{font-size:8px;letter-spacing:1px}.section{padding:70px 6%}.intro,.partner,.team{grid-template-columns:1fr;gap:30px}.intro-columns{gap:25px}.intro-columns p{font-size:14px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{width:100%;margin-top:25px}.service-list{margin-left:0}summary{gap:15px}.service-body{padding-left:28px;padding-right:0}.partner-items{gap:20px}.partner-items h3{font-size:18px}.partner-items p{font-size:12px}.project-grid{gap:30px 18px}.project.wide{grid-column:auto}.project{grid-column:span 2!important}.project-image,.project.wide .project-image{height:330px}.project-meta{display:block}.project-meta h3{font-size:22px}.project-meta span{display:block;margin-top:7px}.method-head{display:block;margin-top:30px}.method-head p{width:100%;margin-top:30px}.steps{grid-template-columns:1fr 1fr;margin-top:45px;gap:25px}.steps h3{margin-top:14px}.method-note{line-height:1.8}.method-note span{display:block}.contact-bottom{flex-direction:column;gap:20px}.big-contact{margin:35px 0 45px;font-size:16vw}.big-contact>span{font-size:12vw}footer{flex-wrap:wrap}.dialog-copy{padding:25px}.dialog-copy h2{font-size:34px}dialog>img{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Services and additional selected work */
.services{background:var(--blue);color:var(--paper);border-top:0}.services details{border-color:#f2efe655}.services details:last-child{border-bottom-color:#f2efe655}.services .service-body span{color:#e4e6dc}.services .num,.services>.section-heading>.eyebrow{color:#e0e39c}.case-note{padding:36px;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.case-note h3{font-size:clamp(30px,3.3vw,50px);line-height:1.05;letter-spacing:-1.5px;margin:30px 0 10px}.case-note p{font-size:14px;max-width:320px;margin-bottom:0}.case-sbp{background:#dfd5be}.case-anitas{background:#702e3e;color:var(--paper)}.case-atrevia{grid-column:span 2;background:var(--red);min-height:220px}.case-atrevia h3{margin-bottom:0}@media(max-width:800px){.case-note{grid-column:span 2;min-height:250px;padding:28px}}

.project-new .project-meta{display:block}.project-new .project-meta span{display:block;margin-top:9px}.project-new .project-image{height:490px}.project-new[data-project="artesia"] img{object-position:50% 45%}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 40px 40px}.project-gallery:empty{display:none}.project-gallery img{display:block;width:100%;height:auto;align-self:start}.project-gallery img:last-child:nth-child(odd){grid-column:span 2;max-height:650px;object-fit:contain;background:#e5e1d7}@media(max-width:800px){.project-new .project-image{height:420px}.project-gallery{padding:0 25px 25px;gap:12px}}

.team-portraits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.team-portraits figure{margin:0}.team-portraits img{display:block;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center 30%}.team-portraits figcaption{display:grid;gap:5px;padding-top:14px}.team-portraits strong{font-size:29px;letter-spacing:-1px}.team-portraits small{line-height:1.35;color:#4c504a}@media(max-width:700px){.team-portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.team-portraits strong{font-size:23px}}

.project[data-project="shopping"] .project-image{height:auto}
.project[data-project="shopping"] picture,.project[data-project="shopping"] img{display:block;width:100%;height:auto}

@font-face {
  font-family: "Open Sans";
  src: url("assets/open-sans-semibold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
header nav a,
header .menu {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .015em;
}
@media (max-width: 800px) {
  header nav a { font-size: 20px; }
  header .menu { font-size: 16px; }
}
.partner {
  background-color: #b73e43;
  color: #fff;
}
.partner h2 {
  color: #ffe0a1;
}
.partner-items article {
  border-color: rgb(255 255 255 / 50%);
}

.case-page header { position: relative; background: var(--ink); }
.case-content { max-width: 1500px; margin: auto; padding: 20px 6% 76px; }
.case-opening { display: grid; grid-template-columns: 1fr 1.15fr; gap: 5%; align-items: center; margin: 38px 0; }
.case-opening h1 { font-size: clamp(40px,5vw,78px); line-height: 1.05; margin: 20px 0; }
.case-opening img { width: 100%; max-height: 68vh; object-fit: contain; }
.case-story { border-top: 1px solid #a8a79e; padding-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 8%; }
.case-story > p { margin-top: 0; font-size: clamp(19px,2vw,27px); }
.case-story h2 { font-size: 30px; }
.case-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 40px 0; align-items: start; }
.case-gallery img { width: 100%; height: auto; }
@media (max-width: 700px) {
  .case-opening, .case-story, .case-gallery { grid-template-columns: 1fr; gap: 22px; }
  .case-content { padding-bottom: 48px; }
}

.prado-title {margin:36px 0 20px;font-size:clamp(42px,6vw,82px)}
.prado-years {display:flex;gap:18px;flex-wrap:wrap}
.prado-years a {padding:10px 0;border-bottom:1px solid currentColor}
#edicion-2025 {border-top:1px solid #a8a79e;margin-top:56px}

#hero-video { opacity: 0; pointer-events: none; object-position: center; }
#hero-play { position: absolute; bottom: 20px; right: 4%; z-index: 2; border: 1px solid #ffffff80; border-radius: 24px; padding: 9px 15px; color: white; background: #10161aaa; cursor: pointer; }

.fundraising-opening,.fundraising-card {background:#214536;color:#faf4dc;padding:8%;display:flex;flex-direction:column;justify-content:center}
.fundraising-opening {margin:40px 0}.fundraising-opening h1 {font-size:clamp(38px,5vw,78px)}
.attendees strong {font:italic clamp(44px,6vw,85px) Georgia,serif;display:block}
.fundraising-card {height:100%;gap:12px}.fundraising-card em {font-size:clamp(24px,3vw,45px)}.fundraising-card strong {font-size:clamp(34px,5vw,70px);letter-spacing:-.05em}
.more-heading {margin:60px 0 22px;font-size:clamp(32px,4vw,58px)}

.hero h1{font-size:clamp(38px,5.8vw,92px);line-height:1.05;letter-spacing:-.055em}
@media(max-width:800px){.hero h1{font-size:clamp(34px,8.8vw,65px)}}

.service-direct{display:flex;align-items:center;gap:24px;padding:25px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;color:inherit}.service-direct .num{font-size:11px;align-self:start;margin-top:9px}.service-direct h3{font-size:clamp(26px,3vw,44px);letter-spacing:-1.5px;margin:0}.service-direct .plus{margin-left:auto;font-size:28px;font-weight:300}.service-direct:hover h3{text-decoration:underline;text-underline-offset:6px}@media(max-width:800px){.service-direct{gap:15px}}

.big-contact.contact-love{font-size:clamp(38px,6vw,90px);line-height:1.08;padding-right:65px;margin-top:0}.contact-love>span{font-size:.8em}@media(max-width:800px){.big-contact.contact-love{font-size:clamp(32px,7.8vw,60px);padding-right:32px}.contact-love>span{font-size:.65em}}

/* WordPress añade width/height a todas las imágenes; estas reglas mantienen el tamaño natural del diseño original. */
.team-portraits img,
.case-opening > img.arta-natural { height: auto; }