#rrp-proyecto-contacto{font:16px Arial,sans-serif;color:#fff}#rrp-proyecto-contacto *{box-sizing:border-box}#rrp-proyecto-contacto [hidden]{display:none!important}#rrp-proyecto-contacto button,#rrp-proyecto-contacto a{color:inherit}#rrp-proyecto-contacto button{background:transparent;border:1px solid #797979;font:inherit;padding:12px 16px;min-height:44px}#rrp-proyecto-contacto .tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 90px 18px 0}#rrp-proyecto-contacto .tools button{background:#131313;font-size:14px}#rrp-proyecto-contacto .tools button[aria-pressed=true]{background:#fff;color:#131313}#rrp-proyecto-contacto .site{background:#131313;container-type:inline-size;width:100%;margin:auto}#rrp-proyecto-contacto .site.mobile{max-width:390px}#rrp-proyecto-contacto header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--rrp-content-inset);border-bottom:1px solid #393939;flex-wrap:wrap}#rrp-proyecto-contacto .logo{width:130px;height:auto}#rrp-proyecto-contacto nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font:12px Inter,Arial,sans-serif;color:#ccc}#rrp-proyecto-contacto nav button{border:0;padding:8px 0;font:inherit}#rrp-proyecto-contacto .menu{display:none}#rrp-proyecto-contacto main{padding:0 var(--rrp-content-inset)}#rrp-proyecto-contacto .eyebrow{display:block;font:500 11px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#ccc;margin:0 0 18px}#rrp-proyecto-contacto h1,#rrp-proyecto-contacto h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;color:#fff;margin:0}#rrp-proyecto-contacto h1{font-size:clamp(40px,6.5cqw,70px);line-height:1.05;max-width:16ch}#rrp-proyecto-contacto h2{font-size:clamp(30px,4cqw,43px);line-height:1.15}#rrp-proyecto-contacto p{font:15px/1.75 Arial,sans-serif;color:#ccc;max-width:56ch;margin:18px 0}#rrp-proyecto-contacto .small{font-size:12px;line-height:1.6}#rrp-proyecto-contacto .opening{padding:40px 0 54px}#rrp-proyecto-contacto .back{border:0;padding:0 0 12px;color:#ccc;font:12px Inter,Arial,sans-serif;margin-bottom:25px}#rrp-proyecto-contacto .lead{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end}#rrp-proyecto-contacto .lead p{margin-bottom:0}#rrp-proyecto-contacto .gallery{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;padding-bottom:58px}#rrp-proyecto-contacto figure{margin:0}#rrp-proyecto-contacto .photo-button{display:block;padding:0;border:0;width:100%}#rrp-proyecto-contacto .photo-button img,#rrp-proyecto-contacto .viewer img{width:100%;height:auto;display:block}#rrp-proyecto-contacto figcaption{font:12px/1.6 Arial,sans-serif;color:#ccc;margin-top:12px}#rrp-proyecto-contacto .gallery-right{padding-top:70px}#rrp-proyecto-contacto .placeholder{background:#1c1c1c;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:2px;color:#ccc}#rrp-proyecto-contacto .viewer{padding:25px 0 45px;border-bottom:1px solid #393939;margin-bottom:35px}#rrp-proyecto-contacto .viewer img{max-width:560px;margin:20px auto}#rrp-proyecto-contacto .viewer .viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}#rrp-proyecto-contacto .concept{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:50px 0;border-top:1px solid #393939}#rrp-proyecto-contacto dl{margin:20px 0;color:#ccc;font:14px/1.6 Arial,sans-serif}#rrp-proyecto-contacto dt{font:500 11px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:22px;color:#fff}#rrp-proyecto-contacto dd{margin:8px 0 0}#rrp-proyecto-contacto .closing{padding:52px 0 60px;border-top:1px solid #393939}#rrp-proyecto-contacto .primary{background:#fff;color:#131313;border-color:#fff;margin-top:22px}#rrp-proyecto-contacto .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding:0 0 60px}#rrp-proyecto-contacto .direct{padding-top:5px}#rrp-proyecto-contacto .direct a{display:block;text-decoration:none;width:fit-content;max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid #797979;font:15px/1.7 Arial,sans-serif;padding:12px 0;margin-bottom:12px;min-height:44px}#rrp-proyecto-contacto .direct h2{max-width:13ch}#rrp-proyecto-contacto form{border-top:1px solid #797979;padding-top:25px}#rrp-proyecto-contacto label{display:block;font:500 11px/1.6 Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin:0 0 9px;color:#ccc}#rrp-proyecto-contacto input,#rrp-proyecto-contacto textarea{width:100%;min-width:0;background:#131313;color:#fff;border:1px solid #797979;border-radius:0;padding:14px;font:16px/1.5 Arial,sans-serif;margin-bottom:25px;min-height:48px}#rrp-proyecto-contacto textarea{resize:vertical;min-height:145px}#rrp-proyecto-contacto .status{border-left:1px solid #ccc;padding-left:15px}#rrp-proyecto-contacto footer{padding:30px var(--rrp-content-inset);border-top:1px solid #393939;color:#ccc;font:12px/1.7 Arial,sans-serif}#rrp-proyecto-contacto .footer-links{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0}#rrp-proyecto-contacto .footer-links button{font:12px Arial,sans-serif;border:0;padding:5px 0;text-decoration:underline;text-underline-offset:5px}#rrp-proyecto-contacto a:hover,#rrp-proyecto-contacto .back:hover{text-decoration:underline;text-underline-offset:5px} @container(max-width:650px){#rrp-proyecto-contacto header{gap:15px}#rrp-proyecto-contacto .menu{display:block}#rrp-proyecto-contacto nav{display:none;width:100%;align-items:flex-start;flex-direction:column;gap:4px}#rrp-proyecto-contacto nav.open{display:flex}#rrp-proyecto-contacto .lead,#rrp-proyecto-contacto .concept,#rrp-proyecto-contacto .contact-grid{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .gallery{grid-template-columns:1fr;gap:35px}#rrp-proyecto-contacto .gallery-right{padding-top:0}#rrp-proyecto-contacto .opening{padding:30px 0 36px}#rrp-proyecto-contacto .concept,#rrp-proyecto-contacto .closing{padding:38px 0}#rrp-proyecto-contacto .direct{padding:0 0 15px}#rrp-proyecto-contacto .contact-grid{gap:30px}} #rrp-proyecto-contacto .journal-opening{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center} #rrp-proyecto-contacto .journal-info h1{font-size:clamp(36px,4.7cqw,54px)} #rrp-proyecto-contacto .journal-info section{margin-top:28px} #rrp-proyecto-contacto .journal-info dt{margin-top:14px} #rrp-proyecto-contacto .journal-info dd{margin-top:5px} #rrp-proyecto-contacto .journal-cover img{width:100%;height:auto;display:block} #rrp-proyecto-contacto .journal-gallery-section{padding:32px 0 38px;border-top:1px solid #393939} #rrp-proyecto-contacto .journal-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:0} #rrp-proyecto-contacto .journal-curation{padding:45px 0 55px;border-top:1px solid #393939} #rrp-proyecto-contacto .curation-copy{max-width:70ch;margin-top:25px} #rrp-proyecto-contacto .curation-copy p{max-width:none} @container(max-width:650px){#rrp-proyecto-contacto .journal-opening{grid-template-columns:1fr;gap:25px}#rrp-proyecto-contacto .journal-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#rrp-proyecto-contacto .journal-gallery figcaption{font-size:11px}#rrp-proyecto-contacto .journal-curation{padding:35px 0}#rrp-proyecto-contacto .journal-gallery .placeholder{font-size:11px;letter-spacing:1px;padding:10px}} #rrp-design{--rrp-bg:#131313;--rrp-text:#fff;--rrp-sub:#ccc;--rrp-line:#797979;--rrp-space:60px;color:var(--rrp-text);font:16px Arial,sans-serif}#rrp-design *{box-sizing:border-box}#rrp-design .preview-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 90px 18px 0;color:var(--rrp-sub)}#rrp-design button,#rrp-design a{font:inherit;color:inherit}#rrp-design .preview-tools button{background:#131313;color:#fff;border:1px solid #797979;padding:10px 15px;min-height:44px}#rrp-design .preview-tools button[aria-pressed=true]{background:#fff;color:#131313}#rrp-design .site{background:var(--rrp-bg);margin:auto;width:100%;container-type:inline-size;border:1px solid #393939}#rrp-design .site.mobile{max-width:390px}#rrp-design .inner{padding:0 var(--rrp-content-inset)}#rrp-design header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px var(--rrp-content-inset);border-bottom:1px solid #393939;flex-wrap:wrap}#rrp-design .logo{width:130px;height:auto;display:block}#rrp-design .nav{display:flex;gap:17px;flex-wrap:wrap;align-items:center;font:12px Inter,Arial,sans-serif;color:#ccc}#rrp-design .nav span:first-child{color:#fff;border-bottom:1px solid #fff;padding:9px 0}#rrp-design .menu{display:none;background:transparent;border:1px solid #797979;color:#fff;padding:10px 14px;min-height:44px}#rrp-design .eyebrow{font:500 11px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#ccc;display:block;margin-bottom:18px}#rrp-design h1,#rrp-design h2,#rrp-design h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;color:#fff;margin:0}#rrp-design h1{font-size:clamp(38px,6cqw,68px);line-height:1.02;letter-spacing:-1px;max-width:12ch}#rrp-design h2{font-size:clamp(31px,4.4cqw,47px);line-height:1.12;max-width:26ch}#rrp-design h3{font-size:27px;line-height:1.2}#rrp-design p{font:15px/1.75 Arial,sans-serif;color:#ccc;margin:20px 0;max-width:52ch}#rrp-design .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:32px 0 0}#rrp-design .hero figure{margin:0}#rrp-design .hero img{width:100%;display:block;height:auto;max-height:610px;object-fit:contain}#rrp-design .hero-copy{padding:35px 0}#rrp-design .signature{font:12px Inter,Arial,sans-serif;letter-spacing:2px;color:#ccc;padding:20px 0;border-bottom:1px solid #797979}#rrp-design .cta{display:inline-flex;gap:25px;align-items:center;text-decoration:none;font:500 11px Inter,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;border:1px solid #797979;padding:17px 22px;min-height:48px;background:transparent;color:#fff}#rrp-design .cta.primary{background:#fff;color:#131313;border-color:#fff}#rrp-design .cta:hover{background:#ccc;color:#131313}#rrp-design section.block{padding:var(--rrp-space) 0;border-bottom:1px solid #393939}#rrp-design .pair{display:grid;grid-template-columns:.8fr 1fr;gap:55px;align-items:center}#rrp-design .photo{display:block;width:100%;height:auto}#rrp-design .process img{max-width:310px;margin:auto}#rrp-design .pair .quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#fff;margin-top:28px}#rrp-design .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;margin-top:34px}#rrp-design .point{border-top:1px solid #797979;padding:24px 0}#rrp-design .point .eyebrow{margin-bottom:10px}#rrp-design .covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}#rrp-design .cover{aspect-ratio:3/4;border:1px solid #797979;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:#ccc;background:#1b1b1b}#rrp-design .cover em{font:25px 'Cormorant Garamond',Georgia,serif}#rrp-design .cover small{font:10px Inter,Arial,sans-serif;letter-spacing:1px}#rrp-design .service{display:grid;grid-template-columns:45px 1fr auto;gap:18px;border-top:1px solid #797979;padding:25px 0;align-items:center}#rrp-design .number{font:12px Inter,Arial,sans-serif;color:#ccc}#rrp-design .service p{margin:8px 0;font-size:13px}#rrp-design .service a{padding:12px;text-decoration:none;font-size:23px}#rrp-design .services{margin-top:30px}#rrp-design .portrait-placeholder{aspect-ratio:4/5;border:1px solid #797979;background:#1b1b1b;display:flex;align-items:center;justify-content:center;color:#ccc;font:12px Inter,Arial,sans-serif;letter-spacing:1px}#rrp-design .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}#rrp-design .steps h3{font-size:24px}#rrp-design .steps p{font-size:13px}#rrp-design .portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}#rrp-design .portfolio a{text-decoration:none}#rrp-design .work-placeholder{aspect-ratio:3/4;background:#1b1b1b;border:1px solid #797979;display:flex;align-items:center;justify-content:center;font:11px Inter,Arial,sans-serif;color:#ccc}#rrp-design .portfolio img{width:100%;height:auto;display:block}#rrp-design .portfolio h3{margin-top:18px}#rrp-design .portfolio small{font:10px Inter,Arial,sans-serif;color:#ccc;letter-spacing:1px}#rrp-design details{border-bottom:1px solid #797979;padding:20px 0}#rrp-design summary{font:15px Arial,sans-serif;min-height:30px}#rrp-design .closing{text-align:center;padding:65px 0}#rrp-design .closing h2{margin:auto}#rrp-design .closing p{margin:22px auto}#rrp-design footer{padding:35px 0;border-top:1px solid #797979;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:12px;color:#ccc}#rrp-design footer p{font-size:12px;overflow-wrap:anywhere}#rrp-design .compact-hero .hero{display:flex;flex-direction:column-reverse;gap:0;text-align:center}#rrp-design .compact-hero .hero figure{width:100%;background:#0d0d0d}#rrp-design .compact-hero .hero img{height:440px;max-height:none;width:100%;object-fit:contain}#rrp-design .compact-hero h1{max-width:22ch;margin:auto;font-size:clamp(38px,5.7cqw,62px)}#rrp-design .compact-hero .hero-copy{padding:32px 15px}#rrp-design .compact-hero .hero-copy p{margin:20px auto}#rrp-design .mobile .nav{display:none;width:100%}#rrp-design .mobile .nav.open{display:flex;flex-direction:column;align-items:flex-start}#rrp-design .mobile .menu{display:block}#rrp-design [hidden]{display:none!important}@container(max-width:650px){#rrp-design .hero,#rrp-design .pair{grid-template-columns:1fr;gap:25px}#rrp-design h1{max-width:14ch}#rrp-design .hero img{max-height:470px}#rrp-design .hero-copy{padding:20px 0}#rrp-design .cols{grid-template-columns:1fr}#rrp-design .covers{grid-template-columns:repeat(2,minmax(0,1fr))}#rrp-design .steps{grid-template-columns:repeat(2,minmax(0,1fr))}#rrp-design .portfolio{grid-template-columns:1fr}#rrp-design .portfolio img,#rrp-design .work-placeholder{max-width:270px;margin:auto}#rrp-design footer{grid-template-columns:1fr}#rrp-design .service{grid-template-columns:25px 1fr 25px;gap:10px}#rrp-design .nav{display:none;width:100%}#rrp-design .nav.open{display:flex;flex-direction:column;align-items:flex-start}#rrp-design .menu{display:block}#rrp-design .compact-hero .hero img{height:400px}}@media(prefers-reduced-motion:reduce){#rrp-design *{scroll-behavior:auto}} #rrp-interiores{font:16px Arial,sans-serif;color:#fff;--ri-space:58px}#rrp-interiores *{box-sizing:border-box}#rrp-interiores .tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 90px 18px 0;color:#ccc}#rrp-interiores button{font:inherit;color:inherit;min-height:44px;background:transparent;border:1px solid #797979;padding:10px 15px}#rrp-interiores .tools button{background:#131313}#rrp-interiores button[aria-pressed=true]{background:#fff;color:#131313}#rrp-interiores .site{background:#131313;border:1px solid #393939;container-type:inline-size;width:100%;margin:auto}#rrp-interiores .site.mobile{max-width:390px}#rrp-interiores header{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:25px var(--rrp-content-inset);border-bottom:1px solid #393939}#rrp-interiores .logo{width:130px;height:auto;display:block}#rrp-interiores nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:12px Inter,Arial,sans-serif;color:#ccc}#rrp-interiores nav button{border:0;font:inherit;padding:8px 0;min-height:44px}#rrp-interiores nav button[aria-current=page]{border-bottom:1px solid #fff;color:#fff}#rrp-interiores .menu{display:none}#rrp-interiores main{padding:0 var(--rrp-content-inset)}#rrp-interiores .eyebrow{display:block;font:500 11px Inter,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#ccc;margin-bottom:18px}#rrp-interiores h1,#rrp-interiores h2,#rrp-interiores h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0;color:#fff}#rrp-interiores h1{font-size:clamp(38px,6cqw,66px);line-height:1.06;letter-spacing:-1px;max-width:16ch}#rrp-interiores h2{font-size:clamp(30px,4cqw,43px);line-height:1.15;max-width:25ch}#rrp-interiores h3{font-size:26px;line-height:1.2}#rrp-interiores p{font:15px/1.75 Arial,sans-serif;color:#ccc;max-width:55ch;margin:18px 0}#rrp-interiores .hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px;padding:45px 0 var(--ri-space);border-bottom:1px solid #393939}#rrp-interiores .placeholder{aspect-ratio:3/4;background:#1b1b1b;border:1px solid #393939;color:#ccc;display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;font:11px Inter,Arial,sans-serif;letter-spacing:1.5px}#rrp-interiores .hero .placeholder{max-height:420px}#rrp-interiores .cta{font:500 11px Inter,Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;display:inline-flex;align-items:center;gap:24px;padding:17px 22px;background:transparent;border:1px solid #797979;min-height:48px}#rrp-interiores .cta.primary{background:#fff;color:#131313;border-color:#fff}#rrp-interiores .service{display:grid;grid-template-columns:45px 1fr .7fr;gap:25px;align-items:start;padding:var(--ri-space) 0;border-bottom:1px solid #393939}#rrp-interiores .n{font:12px Inter,Arial,sans-serif;color:#ccc;padding-top:8px}#rrp-interiores .list{font:11px/2 Inter,Arial,sans-serif;letter-spacing:1px;color:#ccc;text-transform:uppercase;margin:22px 0}#rrp-interiores .service .placeholder{min-height:240px}#rrp-interiores details{border-top:1px solid #797979;padding:14px 0;margin-top:15px;color:#ccc}#rrp-interiores summary{font:14px Arial,sans-serif;min-height:30px}#rrp-interiores .simple{padding:var(--ri-space) 0;border-bottom:1px solid #393939}#rrp-interiores .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}#rrp-interiores .steps{display:flex;flex-wrap:wrap;gap:22px;color:#ccc;font:12px Inter,Arial,sans-serif;margin-top:28px}#rrp-interiores .closing{padding:65px 0;text-align:center}#rrp-interiores .closing h2,#rrp-interiores .closing p{margin:18px auto}#rrp-interiores footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px var(--rrp-content-inset);border-top:1px solid #797979;color:#ccc;font-size:12px}#rrp-interiores .filters{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0 35px}#rrp-interiores .filters button{border:0;border-bottom:1px solid #797979;font:12px Inter,Arial,sans-serif;padding:12px 16px}#rrp-interiores .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px;padding-bottom:40px}#rrp-interiores .work{border:0;padding:0;display:block;text-align:left;background:transparent;width:100%}#rrp-interiores .work img{display:block;width:100%;height:auto}#rrp-interiores .work span{display:block}#rrp-interiores .work .caption{font:24px 'Cormorant Garamond',Georgia,serif;padding:17px 0 7px}#rrp-interiores .work .tag{font:11px Inter,Arial,sans-serif;color:#ccc;letter-spacing:1.2px;text-transform:uppercase}#rrp-interiores .work:hover .caption{text-decoration:underline;text-underline-offset:6px}#rrp-interiores .gallery .placeholder{width:100%}#rrp-interiores .intro{padding:48px 0 10px}#rrp-interiores .detail{padding:40px 0}#rrp-interiores .detail-photo{max-width:450px;margin:30px auto}#rrp-interiores .detail-photo img{width:100%;height:auto;display:block}#rrp-interiores .status{color:#ccc}#rrp-interiores [hidden]{display:none!important}#rrp-interiores .mobile nav{display:none;width:100%}#rrp-interiores .mobile nav.open{display:flex;flex-direction:column;align-items:flex-start}#rrp-interiores .mobile .menu{display:block}@container(max-width:650px){#rrp-interiores .hero{grid-template-columns:1fr;gap:28px}#rrp-interiores .hero .placeholder{max-height:none;aspect-ratio:4/3}#rrp-interiores .service{grid-template-columns:28px 1fr;gap:15px}#rrp-interiores .service .placeholder{grid-column:2;aspect-ratio:4/3;min-height:160px}#rrp-interiores .three,#rrp-interiores .gallery{grid-template-columns:1fr}#rrp-interiores .gallery .work{max-width:330px;margin:auto}#rrp-interiores .menu{display:block}#rrp-interiores nav{display:none;width:100%}#rrp-interiores nav.open{display:flex;flex-direction:column;align-items:flex-start}#rrp-interiores .tools{gap:6px}} #rrp-proyecto-contacto [hidden]{display:none!important}#rrp-proyecto-contacto nav button[aria-current=page]{border-bottom:1px solid #fff;color:#fff}#rrp-proyecto-contacto .preview-status{font:12px/1.6 Arial,sans-serif;color:#ccc;margin:0 0 18px}#rrp-proyecto-contacto main.home{padding:0}#rrp-proyecto-contacto .home .portfolio button{border:0;padding:0;text-align:left;width:100%;background:transparent}#rrp-proyecto-contacto .home .portfolio button h3{margin-top:18px}#rrp-proyecto-contacto .home .inner{container-type:inline-size}#rrp-interiores [hidden]{display:none!important}#rrp-proyecto-contacto .journal-list{padding:35px 0 60px}#rrp-proyecto-contacto .journal-list button{display:block;text-align:left;width:100%;padding:24px 0;border:0;border-top:1px solid #797979}#rrp-proyecto-contacto .journal-list button span{display:block;color:#ccc;margin-top:12px;font-size:13px} body{margin:0;background:#131313;color:#fff}a{color:inherit}.skip-link{position:absolute;top:-100px;padding:15px;background:#fff;color:#131313;z-index:5}.skip-link:focus{top:0}#rrp-proyecto-contacto nav a{font:12px Inter,Arial,sans-serif;text-decoration:none;padding:12px 0;min-height:44px}#rrp-proyecto-contacto nav a[aria-current=page]{border-bottom:1px solid #fff}#rrp-proyecto-contacto .footer-links a{padding:10px 0;min-height:44px}#rrp-proyecto-contacto .primary{display:inline-block;text-decoration:none;padding:14px 18px}#rrp-proyecto-contacto .back{display:inline-block;text-decoration:none;min-height:44px}#rrp-interiores a.work{color:inherit;text-decoration:none}#rrp-proyecto-contacto .gallery img{max-width:100%;height:auto}.cursor-interaction{cursor:pointer}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} #rrp-proyecto-contacto .journal-gallery{display:block;column-count:3;column-gap:16px} #rrp-proyecto-contacto .journal-gallery>figure{break-inside:avoid;page-break-inside:avoid;display:block;margin:0 0 16px} #rrp-proyecto-contacto .journal-gallery .photo-button{display:block;width:100%} #rrp-proyecto-contacto .journal-gallery img{display:block;width:100%;height:auto} @container(max-width:650px){#rrp-proyecto-contacto .journal-gallery{column-count:2;column-gap:12px}#rrp-proyecto-contacto .journal-gallery>figure{margin-bottom:12px}} @container(max-width:360px){#rrp-proyecto-contacto .journal-gallery{column-count:1}} #rrp-proyecto-contacto .journal-discovery{padding:36px 0 60px} #rrp-proyecto-contacto .journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px} #rrp-proyecto-contacto .journal-card{min-width:0} #rrp-proyecto-contacto .journal-card-category{font-size:10px;letter-spacing:1.3px;line-height:1.6;margin-bottom:26px} #rrp-proyecto-contacto .journal-card-photo{display:block;min-height:44px} #rrp-proyecto-contacto .journal-card-photo img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .journal-card-photo img:not([src]){display:none} #rrp-proyecto-contacto .journal-card h2{font-size:clamp(23px,2.6cqw,30px);line-height:1.2;margin:24px 0} #rrp-proyecto-contacto .journal-card h2 a{text-decoration:none;text-underline-offset:5px} #rrp-proyecto-contacto .journal-card h2 a:hover{text-decoration:underline} #rrp-proyecto-contacto .journal-card-credits{display:grid;grid-template-columns:1fr;gap:0;margin:0} #rrp-proyecto-contacto .journal-card-credits dt{font:10px/1.5 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#999;margin:14px 0 3px} #rrp-proyecto-contacto .journal-card-credits dd{font:13px/1.6 Inter,Arial,sans-serif;color:#ddd;margin:0;overflow-wrap:anywhere} #rrp-proyecto-contacto .journal-discovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:42px 0 22px} #rrp-proyecto-contacto .journal-discovery-status{font:12px/1.5 Inter,Arial,sans-serif;color:#ccc} #rrp-proyecto-contacto .journal-archive{padding:24px 0;border-top:1px solid #393939} #rrp-proyecto-contacto .journal-archive summary{cursor:pointer;min-height:44px;font:14px/1.6 Inter,Arial,sans-serif} #rrp-proyecto-contacto .journal-archive ul{list-style:none;padding:0;columns:2;column-gap:32px} #rrp-proyecto-contacto .journal-archive li{break-inside:avoid;margin:0 0 10px} #rrp-proyecto-contacto .journal-archive a{display:inline-block;padding:10px 0;font:14px/1.6 Inter,Arial,sans-serif;text-underline-offset:4px} #rrp-proyecto-contacto .journal-discovery a:focus-visible,#rrp-proyecto-contacto .journal-discovery button:focus-visible,#rrp-proyecto-contacto .journal-discovery summary:focus-visible{outline:2px solid #fff;outline-offset:5px} @container(max-width:650px){#rrp-proyecto-contacto .journal-cards{grid-template-columns:1fr;gap:48px}#rrp-proyecto-contacto .journal-card{max-width:480px;width:100%;margin:auto}#rrp-proyecto-contacto .journal-archive ul{columns:1}} /* Créditos editoriales compactos: etiqueta y nombre próximos. */ #rrp-proyecto-contacto .journal-info dl{margin:12px 0} #rrp-proyecto-contacto .journal-info dt{margin:8px 0 0;font-size:11px;line-height:1.4;letter-spacing:1.5px} #rrp-proyecto-contacto .journal-info dd{margin:3px 0 0;line-height:1.45;overflow-wrap:anywhere} #rrp-proyecto-contacto .journal-card-credits dt{margin:8px 0 2px;color:#ddd;font-size:10px;line-height:1.4;letter-spacing:1.3px} #rrp-proyecto-contacto .journal-card-credits dd{margin:0;line-height:1.45} #rrp-proyecto-contacto .journal-card-credits dt:first-child,#rrp-proyecto-contacto .journal-info dt:first-child{margin-top:0} #rrp-proyecto-contacto .core-page{padding-bottom:45px} #rrp-proyecto-contacto main.home .core-page{padding:0 var(--rrp-content-inset) 45px} #rrp-proyecto-contacto .core-opening h1{max-width:20ch} #rrp-proyecto-contacto .core-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} #rrp-proyecto-contacto .core-page figure{margin:0} #rrp-proyecto-contacto .core-page img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .core-section{padding:48px 0;border-bottom:1px solid #393939} #rrp-proyecto-contacto .core-section h2{max-width:28ch} #rrp-proyecto-contacto .core-page p{max-width:65ch} #rrp-proyecto-contacto .core-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0} #rrp-proyecto-contacto .core-three h3{font:26px/1.2 'Cormorant Garamond',Georgia,serif;margin:16px 0} #rrp-proyecto-contacto .core-three a{text-decoration:none} #rrp-proyecto-contacto .service-real{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start} #rrp-proyecto-contacto .service-offerings{font:11px/1.9 Inter,Arial,sans-serif;letter-spacing:1px;color:#ccc;list-style:none;padding:0} #rrp-proyecto-contacto .core-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-left:20px;margin:32px 0} #rrp-proyecto-contacto .core-process h3{font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:1px} #rrp-proyecto-contacto .core-process p{font-size:13px} #rrp-proyecto-contacto .publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin-top:30px} #rrp-proyecto-contacto .publication-grid h3{font:13px/1.6 Inter,Arial,sans-serif;letter-spacing:1px;margin:20px 0 0} #rrp-proyecto-contacto .publication-grid p{font-size:12px;margin-top:6px} #rrp-proyecto-contacto .home-publications{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0} #rrp-proyecto-contacto .filters{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0} #rrp-proyecto-contacto .filters button[aria-pressed=true]{background:#fff;color:#131313} #rrp-proyecto-contacto .portfolio-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px;padding:20px 0 60px} #rrp-proyecto-contacto .portfolio-projects a{display:block;text-decoration:none} #rrp-proyecto-contacto .portfolio-projects img{width:100%;height:auto;display:block;margin-bottom:20px} #rrp-proyecto-contacto .portfolio-projects h2{font-size:26px;line-height:1.2} #rrp-proyecto-contacto .portfolio-projects .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:12px} @container(max-width:650px){#rrp-proyecto-contacto .core-pair,#rrp-proyecto-contacto .service-real,#rrp-proyecto-contacto .core-three,#rrp-proyecto-contacto .portfolio-projects{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .core-process{grid-template-columns:1fr}#rrp-proyecto-contacto .publication-grid,#rrp-proyecto-contacto .home-publications{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}#rrp-proyecto-contacto .publication-grid h3{font-size:11px;overflow-wrap:anywhere}} #rrp-proyecto-contacto .core-faq{padding:18px 0;border-bottom:1px solid #393939} #rrp-proyecto-contacto .core-faq summary{cursor:pointer;font:15px/1.6 Inter,Arial,sans-serif;min-height:44px;padding-top:8px} #rrp-proyecto-contacto .editorial-hero{position:relative;display:grid;isolation:isolate;margin:0 calc(-1 * var(--rrp-content-inset));border-bottom:1px solid #393939;overflow:hidden} #rrp-proyecto-contacto .editorial-hero>figure{grid-area:1/1;margin:0;min-width:0} #rrp-proyecto-contacto .editorial-hero>figure img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .editorial-hero::after{content:"";grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 38%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.68) 100%)} #rrp-proyecto-contacto .editorial-hero-copy{grid-area:1/1;z-index:2;align-self:center;justify-self:end;width:39%;padding:30px clamp(22px,4cqw,58px) 30px 0;text-align:right} #rrp-proyecto-contacto .editorial-hero-copy .eyebrow{color:#eee;font-size:10px;letter-spacing:1.7px;line-height:1.6;margin-bottom:20px} #rrp-proyecto-contacto .editorial-hero-copy h1{max-width:none;font-size:clamp(34px,4.5cqw,80px);line-height:1.04;letter-spacing:-1px;text-shadow:0 2px 12px rgba(0,0,0,.4)} #rrp-proyecto-contacto .editorial-hero-copy p{color:#f2f2f2;font-size:clamp(13px,1.4cqw,20px);line-height:1.6;margin:22px 0 28px;text-shadow:0 1px 6px rgba(0,0,0,.4)} #rrp-proyecto-contacto .editorial-hero-cta{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:#f5f5f3;color:#111;text-decoration:none;text-transform:uppercase;letter-spacing:1.7px;font:500 13px/1.4 Inter,Arial,sans-serif;padding:22px 30px;min-height:64px;border-radius:3px;transition:background-color .2s,transform .2s} #rrp-proyecto-contacto .editorial-hero-cta:hover{background:#fff;transform:translateY(-2px)} #rrp-proyecto-contacto .editorial-hero-cta:focus-visible{outline:2px solid #fff;outline-offset:5px} #rrp-proyecto-contacto .editorial-hero-copy>*{animation:rrp-hero-enter .85s cubic-bezier(.2,.65,.25,1) both} #rrp-proyecto-contacto .editorial-hero-copy h1{animation-delay:.07s} #rrp-proyecto-contacto .editorial-hero-copy p{animation-delay:.16s} #rrp-proyecto-contacto .editorial-hero-copy .editorial-hero-cta{animation-delay:.24s} @keyframes rrp-hero-enter{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}} @container(max-width:650px){#rrp-proyecto-contacto .editorial-hero{grid-template-columns:1fr}#rrp-proyecto-contacto .editorial-hero>figure{grid-area:1/1}#rrp-proyecto-contacto .editorial-hero::after{display:none}#rrp-proyecto-contacto .editorial-hero-copy{grid-area:2/1;justify-self:stretch;width:100%;padding:32px var(--rrp-content-inset) 40px;text-align:left}#rrp-proyecto-contacto .editorial-hero-copy h1{font-size:clamp(38px,8.6cqw,54px);max-width:16ch}#rrp-proyecto-contacto .editorial-hero-copy p{font-size:15px;max-width:42ch}#rrp-proyecto-contacto .editorial-hero-cta{padding:20px 24px;min-height:60px}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .editorial-hero-copy>*{animation:none;opacity:1;transform:none}#rrp-proyecto-contacto .editorial-hero-cta{transition:none}#rrp-proyecto-contacto .editorial-hero-cta:hover{transform:none}} #rrp-proyecto-contacto .process-story h2{font-size:clamp(24px,2.6cqw,38px);line-height:1.3;max-width:none;text-transform:uppercase} #rrp-proyecto-contacto .process-story>p{max-width:85ch} #rrp-proyecto-contacto .process-triptych{display:grid;grid-template-columns:1.17fr 1fr 1fr;gap:24px;align-items:center;margin:62px 0 40px} #rrp-proyecto-contacto .process-triptych figure{margin:0;min-width:0} #rrp-proyecto-contacto .process-triptych a{display:block;transition:transform .25s ease} #rrp-proyecto-contacto .process-triptych a:hover{transform:translateY(-6px)} #rrp-proyecto-contacto .process-triptych a:focus-visible{outline:2px solid #fff;outline-offset:6px} #rrp-proyecto-contacto .process-triptych img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .process-story .process-signoff{text-align:center;max-width:none;margin:36px 0 0;font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase} #rrp-proyecto-contacto .process-motion [data-process-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease} #rrp-proyecto-contacto .process-motion .process-visible{opacity:1;transform:none} #rrp-proyecto-contacto .process-dialog{max-width:92vw;max-height:92vh;padding:20px;background:#131313;color:#fff;border:1px solid #555;box-sizing:border-box} #rrp-proyecto-contacto .process-dialog::backdrop{background:rgba(0,0,0,.88)} #rrp-proyecto-contacto .process-dialog button{display:block;margin:0 0 14px auto;min-height:44px} #rrp-proyecto-contacto .process-dialog img{display:block;max-width:84vw;max-height:75vh;width:auto;height:auto;margin:auto} @container(max-width:650px){#rrp-proyecto-contacto .process-triptych{grid-template-columns:1fr;gap:28px;margin-top:32px}#rrp-proyecto-contacto .process-triptych figure{width:100%;max-width:440px;margin:auto}#rrp-proyecto-contacto .process-story h2{font-size:28px}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .process-motion [data-process-reveal]{opacity:1;transform:none;transition:none}#rrp-proyecto-contacto .process-triptych a{transition:none}#rrp-proyecto-contacto .process-triptych a:hover{transform:none}} /* Escala progresiva solicitada: 100%, 85%, 72.25%. */ #rrp-proyecto-contacto .process-triptych{grid-template-columns:1fr .85fr .7225fr;align-items:center} @container(max-width:650px){#rrp-proyecto-contacto .process-triptych{grid-template-columns:1fr}#rrp-proyecto-contacto .process-triptych figure:nth-child(2){width:85%}#rrp-proyecto-contacto .process-triptych figure:nth-child(3){width:72.25%}} @container(max-width:650px){#rrp-proyecto-contacto .process-triptych{max-width:440px;margin-inline:auto}} /* Tu sesión: referencia editorial de cuatro columnas. */ #rrp-proyecto-contacto .session-story{background:#111;padding-block:48px 72px} #rrp-proyecto-contacto .session-story h2{text-transform:uppercase;font-size:clamp(25px,2.4cqw,36px);line-height:1.22;margin:52px 0 50px;max-width:100%;font-weight:400} #rrp-proyecto-contacto .session-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding-inline:36px} #rrp-proyecto-contacto .session-reasons h3{font-family:Arial,sans-serif;font-size:13px;line-height:1.15;letter-spacing:1.4px;font-weight:600;margin:0 0 30px;text-transform:uppercase} #rrp-proyecto-contacto .session-reasons p{font-size:18px;line-height:1.55;margin:0;color:#b8b8b8} #rrp-proyecto-contacto .session-invitation{text-align:center;margin-top:58px} #rrp-proyecto-contacto .session-invitation p{text-transform:uppercase;letter-spacing:2px;font-size:12px;margin:0 0 32px;color:#b8b8b8} #rrp-proyecto-contacto .session-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f5f5f3;color:#111;padding:12px 26px;font-size:13px;line-height:1.3;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s} #rrp-proyecto-contacto .session-cta:hover{background:#ddd;transform:translateY(-2px)} #rrp-proyecto-contacto .session-cta:focus-visible{outline:2px solid #fff;outline-offset:5px} @container(max-width:900px){#rrp-proyecto-contacto .session-reasons{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:0;gap:32px}} @container(max-width:500px){#rrp-proyecto-contacto .session-reasons{grid-template-columns:1fr;gap:30px}#rrp-proyecto-contacto .session-story h2{margin:32px 0}#rrp-proyecto-contacto .session-reasons h3{margin-bottom:12px}#rrp-proyecto-contacto .session-cta{padding:13px 16px;font-size:11px;max-width:100%}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .session-cta{transition:none;transform:none}} #rrp-proyecto-contacto .home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0} #rrp-proyecto-contacto .home-service-grid article{display:flex;flex-direction:column;min-width:0} #rrp-proyecto-contacto .home-service-grid img{display:block;width:100%;height:auto;border-radius:0;margin:0 0 14px} #rrp-proyecto-contacto .home-service-grid h3{font-size:11px;letter-spacing:1.3px;line-height:1.3;margin:0 0 20px} #rrp-proyecto-contacto .home-service-grid p{font-size:15px;line-height:1.55;color:#b8b8b8;padding-inline:8px;margin:0 0 30px} #rrp-proyecto-contacto .home-service-grid .service-offerings{margin-top:auto;margin-bottom:0;padding-top:8px} @container(max-width:650px){#rrp-proyecto-contacto .home-service-grid{grid-template-columns:1fr;gap:40px}#rrp-proyecto-contacto .home-service-grid article{max-width:440px;margin-inline:auto;width:100%}} /* Criterio permanente de Raúl: títulos en mayúsculas. */ #rrp-proyecto-contacto :is(h1,h2,h3,h4,h5,h6){text-transform:uppercase;overflow-wrap:anywhere} /* Sobre mí: retrato al 70% del tamaño anterior. */ #rrp-proyecto-contacto .home-about .core-pair>figure{order:-1;width:70%;margin:0;justify-self:center} #rrp-proyecto-contacto .home-about-copy{min-width:0} #rrp-proyecto-contacto .home-about-copy h2{font-size:clamp(24px,2.4cqw,34px);line-height:1.25;margin:0 0 30px;max-width:28ch} #rrp-proyecto-contacto .home-about-copy p{font-size:15px;line-height:1.6;margin:0 0 14px;max-width:55ch} #rrp-proyecto-contacto .home-about>.eyebrow{margin-bottom:30px} @container(max-width:650px){#rrp-proyecto-contacto .home-about .core-pair>figure{max-width:320px}#rrp-proyecto-contacto .home-about-copy h2{margin-bottom:24px}} #rrp-proyecto-contacto .home-about .home-about-signoff{text-align:center;max-width:none;margin:64px 0 0;font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase} @container(max-width:650px){#rrp-proyecto-contacto .home-about .home-about-signoff{margin-top:40px;font-size:9px}} /* Sistema compartido para títulos de sección y columnas informativas. */ #rrp-proyecto-contacto .site{--section-title-size:clamp(25px,2.4cqw,36px)} #rrp-proyecto-contacto .site .core-section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--section-title-size);line-height:1.22;font-weight:400;max-width:none} #rrp-proyecto-contacto .site .editorial-columns{display:grid;grid-template-columns:repeat(var(--editorial-columns,4),minmax(0,1fr));gap:40px;margin:40px 0;padding-inline:0;align-items:start} #rrp-proyecto-contacto .site .editorial-columns h3{font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.3;letter-spacing:1.3px;font-weight:500;margin:0 0 24px} #rrp-proyecto-contacto .site .editorial-columns p{font-size:15px;line-height:1.6;margin:0;color:#b8b8b8} #rrp-proyecto-contacto .experience-story>p:not(.editorial-signoff){max-width:none;margin-top:32px} #rrp-proyecto-contacto .editorial-signoff{text-align:center;max-width:none!important;margin:48px 0 0;font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase} @container(max-width:900px){#rrp-proyecto-contacto .site .editorial-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}} @container(max-width:500px){#rrp-proyecto-contacto .site .editorial-columns{grid-template-columns:1fr;gap:30px}#rrp-proyecto-contacto .site .editorial-columns h3{margin-bottom:12px}} #rrp-proyecto-contacto .portfolio-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0} #rrp-proyecto-contacto .portfolio-category-grid article{display:flex;flex-direction:column;min-width:0} #rrp-proyecto-contacto .portfolio-category-image{display:block} #rrp-proyecto-contacto .portfolio-category-grid img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .portfolio-category-grid h3{font:500 11px/1.3 Inter,Arial,sans-serif;letter-spacing:1.3px;margin:14px 0 20px} #rrp-proyecto-contacto .portfolio-category-grid p{font-size:15px;line-height:1.6;color:#b8b8b8;margin:0 0 24px;padding-inline:6px} #rrp-proyecto-contacto .portfolio-category-cta{align-self:start;margin-top:auto;padding:8px 12px;border:1px solid #555;color:#f5f5f3;font:500 10px/1.4 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;text-decoration:none} #rrp-proyecto-contacto .portfolio-category-cta:hover{background:#f5f5f3;color:#111} #rrp-proyecto-contacto .portfolio-category-cta:focus-visible{outline:2px solid #fff;outline-offset:4px} #rrp-proyecto-contacto .portfolio-category-footer{text-align:center} #rrp-proyecto-contacto .portfolio-category-footer .editorial-signoff{margin-top:28px} #rrp-proyecto-contacto .home-portfolio>p{max-width:none} @container(max-width:650px){#rrp-proyecto-contacto .portfolio-category-grid{grid-template-columns:1fr;gap:40px}#rrp-proyecto-contacto .portfolio-category-grid article{width:100%;max-width:440px;margin-inline:auto}} /* Especialidades y frases de cierre: estilo editorial complementario. */ #rrp-proyecto-contacto .site :is(.service-offerings,.process-signoff,.editorial-signoff,.home-about-signoff){font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.7;letter-spacing:1.8px;text-transform:uppercase;text-align:center} #rrp-proyecto-contacto .site .home-service-grid .service-offerings{font-size:10px;line-height:1.7;letter-spacing:1.8px;text-align:center;padding-inline:0} /* Alternancia editorial compartida a todo el ancho de cada bloque. */ #rrp-proyecto-contacto .site .core-page>.core-section{margin-inline:calc(-1 * var(--rrp-content-inset));padding-inline:var(--rrp-content-inset);background:#000} #rrp-proyecto-contacto .site .core-page>.core-section:nth-of-type(odd){background:#111} #rrp-proyecto-contacto .home-faq .faq-accordion{margin-top:40px;border:1px solid #303030} #rrp-proyecto-contacto .home-faq .core-faq{padding:0;border-bottom:1px solid #303030} #rrp-proyecto-contacto .home-faq .core-faq:last-child{border-bottom:0} #rrp-proyecto-contacto .home-faq .core-faq summary{display:flex;gap:10px;align-items:center;list-style:none;font:500 14px/1.5 Inter,Arial,sans-serif;padding:14px 18px;min-height:48px} #rrp-proyecto-contacto .home-faq summary::-webkit-details-marker{display:none} #rrp-proyecto-contacto .home-faq summary::before{content:'+';font:500 20px/1 Arial,sans-serif;width:14px;flex-shrink:0;text-align:center} #rrp-proyecto-contacto .home-faq details[open] summary::before{content:'−'} #rrp-proyecto-contacto .home-faq details[open] summary{border-bottom:1px solid #303030} #rrp-proyecto-contacto .home-faq .core-faq p{padding:18px;margin:0;max-width:none;font-size:15px;line-height:1.65} #rrp-proyecto-contacto .home-faq summary:focus-visible{outline:2px solid #ccc;outline-offset:-3px} #rrp-proyecto-contacto .home-story .story-intro{max-width:none;margin:24px 0 40px} #rrp-proyecto-contacto .story-invitation{text-align:center;margin:0 0 40px} #rrp-proyecto-contacto .story-invitation .session-cta{margin-top:24px} #rrp-proyecto-contacto .story-invitation .editorial-signoff{margin-top:18px} #rrp-proyecto-contacto .story-invitation .editorial-signoff a{text-decoration:none} #rrp-proyecto-contacto .home-story .story-image{margin:0 auto;max-width:1200px} #rrp-proyecto-contacto .story-image img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .home-story .story-signature{margin-top:30px} /* Footer compartido del sitio: identidad, navegación, información y contacto. */ #rrp-proyecto-contacto .editorial-footer{background:#080808;padding:72px var(--rrp-content-inset) 0} #rrp-proyecto-contacto .editorial-footer-grid{display:grid;grid-template-columns:1.4fr .85fr 1fr 1.1fr;gap:42px;padding-bottom:64px;align-items:start} #rrp-proyecto-contacto .footer-brand img{display:block;width:180px;max-width:100%;height:auto;margin:0 0 30px} #rrp-proyecto-contacto .editorial-footer p{font-size:14px;line-height:1.7;margin:0;max-width:none;color:#aaa} #rrp-proyecto-contacto .editorial-footer .footer-column{display:block;min-width:0;width:auto;font:12px/1.5 Inter,Arial,sans-serif} #rrp-proyecto-contacto .editorial-footer h2{font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:2px;margin:0 0 20px;padding-bottom:22px;border-bottom:1px solid #555} #rrp-proyecto-contacto .editorial-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px} #rrp-proyecto-contacto .editorial-footer li{margin:0;min-width:0} #rrp-proyecto-contacto .editorial-footer li a{display:inline-flex;align-items:center;min-height:36px;color:#b8b8b8;text-transform:uppercase;letter-spacing:1px;overflow-wrap:anywhere;text-decoration:none;max-width:100%} #rrp-proyecto-contacto .editorial-footer a:hover{text-decoration:underline;text-underline-offset:5px} #rrp-proyecto-contacto .editorial-footer a:focus-visible{outline:2px solid #fff;outline-offset:4px} #rrp-proyecto-contacto .footer-contact p{margin-top:22px} #rrp-proyecto-contacto .editorial-footer .footer-copyright{border-top:1px solid #242424;text-align:center;padding:20px 0;font-size:12px;color:#777} @container(max-width:1000px){#rrp-proyecto-contacto .editorial-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}} @container(max-width:500px){#rrp-proyecto-contacto .editorial-footer{padding-top:48px}#rrp-proyecto-contacto .editorial-footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:40px}#rrp-proyecto-contacto .editorial-footer li a{min-height:44px}} /* Footer: ritmo más compacto solicitado por Raúl. */ #rrp-proyecto-contacto .editorial-footer{padding-top:48px} #rrp-proyecto-contacto .editorial-footer-grid{gap:32px;padding-bottom:40px} #rrp-proyecto-contacto .editorial-footer h2{padding-bottom:18px;margin-bottom:14px} #rrp-proyecto-contacto .editorial-footer ul{gap:4px} #rrp-proyecto-contacto .editorial-footer li a{min-height:28px} #rrp-proyecto-contacto .footer-contact p{margin-top:16px} #rrp-proyecto-contacto .footer-brand img{margin-bottom:22px} @container(max-width:500px){#rrp-proyecto-contacto .editorial-footer{padding-top:36px}#rrp-proyecto-contacto .editorial-footer-grid{gap:28px}#rrp-proyecto-contacto .editorial-footer ul{gap:0}#rrp-proyecto-contacto .editorial-footer li a{min-height:44px}} /* Tu historia integrada sobre la fotografía, como el hero. */ #rrp-proyecto-contacto .site .core-page>.story-hero{padding:0;display:grid;position:relative;isolation:isolate;overflow:hidden} #rrp-proyecto-contacto .story-hero .story-image{grid-area:1/1;width:100%;max-width:none;margin:0} #rrp-proyecto-contacto .story-hero::after{content:'';grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.35) 67%,rgba(0,0,0,.86) 100%)} #rrp-proyecto-contacto .story-hero-copy{grid-area:1/1;z-index:2;align-self:center;justify-self:end;width:34%;padding:36px clamp(22px,4cqw,58px) 36px 16px;text-align:right;min-width:0} #rrp-proyecto-contacto .story-hero-copy h2{text-shadow:0 2px 12px #000} #rrp-proyecto-contacto .story-hero-copy .story-intro{color:#eee;line-height:1.6;margin:22px 0 26px;text-shadow:0 1px 6px #000} #rrp-proyecto-contacto .story-hero-copy .editorial-signoff{text-align:right;margin:24px 0 0;color:#eee} #rrp-proyecto-contacto .story-hero-copy .editorial-signoff a{text-decoration:none} #rrp-proyecto-contacto .story-motion .story-hero-copy{opacity:0;transform:translateX(40px);transition:opacity .85s ease,transform .85s ease} #rrp-proyecto-contacto .story-motion.story-visible .story-hero-copy{opacity:1;transform:none} @container(max-width:900px){#rrp-proyecto-contacto .story-hero .story-image{grid-area:1/1}#rrp-proyecto-contacto .story-hero::after{display:none}#rrp-proyecto-contacto .story-hero-copy{grid-area:2/1;width:100%;justify-self:stretch;padding:32px var(--rrp-content-inset) 40px;background:#000;text-align:left}#rrp-proyecto-contacto .story-hero-copy .editorial-signoff{text-align:left}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .story-motion .story-hero-copy{opacity:1;transform:none;transition:none}} /* Criterios editoriales compartidos para todas las páginas interiores. */ #rrp-proyecto-contacto .site{background:#000;--section-title-size:clamp(25px,2.4cqw,36px)} #rrp-proyecto-contacto .site main.editorial-interior h1,#rrp-proyecto-contacto .site main.editorial-interior h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--section-title-size);font-weight:400;line-height:1.22} #rrp-proyecto-contacto .site main.editorial-interior .portfolio-projects h2{font-size:26px} #rrp-proyecto-contacto .site main.editorial-interior .journal-card h2{font:500 13px/1.4 Inter,Arial,sans-serif;letter-spacing:1.2px} #rrp-proyecto-contacto .site main.editorial-interior .opening h1{max-width:32ch} #rrp-proyecto-contacto .site main.editorial-interior .direct h2{max-width:none} #rrp-proyecto-contacto .site .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:44px;max-width:100%;font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:1px solid #f5f5f3;background:#f5f5f3;color:#111;white-space:normal} #rrp-proyecto-contacto .site .primary:hover{background:#ddd;border-color:#ddd;text-decoration:none} #rrp-proyecto-contacto .site .primary:focus-visible{outline:2px solid #fff;outline-offset:4px} #rrp-proyecto-contacto main.editorial-interior>div>section:not(.viewer),#rrp-proyecto-contacto main.editorial-interior .core-page>.opening{margin-inline:calc(-1 * var(--rrp-content-inset));padding-inline:var(--rrp-content-inset);background:#000} #rrp-proyecto-contacto main.editorial-interior>div>section:nth-of-type(odd):not(.viewer),#rrp-proyecto-contacto main.editorial-interior .core-page>.opening:nth-of-type(odd){background:#111} #rrp-proyecto-contacto .site .editorial-columns{display:grid;grid-template-columns:repeat(var(--editorial-columns,4),minmax(0,1fr));gap:32px;margin:40px 0;padding-inline:0;align-items:start} #rrp-proyecto-contacto .site .editorial-columns p.service-offerings{font-size:10px;line-height:1.7;letter-spacing:1.8px;text-align:center;margin-top:24px} #rrp-proyecto-contacto .site .core-process{list-style:none} #rrp-proyecto-contacto .site .about-portrait>figure{width:70%;justify-self:center} #rrp-proyecto-contacto .photo-placeholder,#rrp-proyecto-contacto .site .placeholder{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;aspect-ratio:2/3;width:100%;background:#292929;border:1px solid #444;color:#ccc;text-align:center;padding:24px;font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase} #rrp-proyecto-contacto .site .core-faq{padding:0;border:1px solid #303030;margin:0;border-bottom:0} #rrp-proyecto-contacto .site .core-faq:last-of-type{border-bottom:1px solid #303030} #rrp-proyecto-contacto .site .core-faq summary{display:flex;gap:10px;align-items:center;list-style:none;font:500 14px/1.5 Inter,Arial,sans-serif;padding:14px 18px;min-height:48px} #rrp-proyecto-contacto .site .core-faq summary::-webkit-details-marker{display:none} #rrp-proyecto-contacto .site .core-faq summary::before{content:'+';font:500 20px/1 Arial,sans-serif;width:14px;flex-shrink:0;text-align:center} #rrp-proyecto-contacto .site .core-faq[open] summary::before{content:'−'} #rrp-proyecto-contacto .site .core-faq[open] summary{border-bottom:1px solid #303030} #rrp-proyecto-contacto .site .core-faq p{padding:18px;margin:0;max-width:none;line-height:1.65} #rrp-proyecto-contacto .site .core-faq summary:focus-visible{outline:2px solid #ccc;outline-offset:-3px} #rrp-proyecto-contacto .site .journal-info dt{margin-top:8px;font-size:10px;line-height:1.4;letter-spacing:1.3px} #rrp-proyecto-contacto .site .journal-info dd{margin:2px 0 0;line-height:1.45} @container(max-width:900px){#rrp-proyecto-contacto .site .editorial-columns{grid-template-columns:repeat(2,minmax(0,1fr))}} @container(max-width:500px){#rrp-proyecto-contacto .site .editorial-columns{grid-template-columns:1fr;gap:30px}#rrp-proyecto-contacto .site .about-portrait>figure{max-width:320px}} /* La vista ampliada oculta no cuenta como bloque en la alternancia del Journal. */ #rrp-proyecto-contacto .site main.editorial-interior>div>section.journal-gallery-section,#rrp-proyecto-contacto .site main.editorial-interior>div>section.journal-discovery,#rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-projects{background:#000} #rrp-proyecto-contacto .site main.editorial-interior>div>section.journal-curation{background:#111} #rrp-proyecto-contacto .site main.editorial-interior>div>section.closing{background:#000} /* Contacto dispone de ancho suficiente para el correo completo. */ @container(min-width:1001px){#rrp-proyecto-contacto .editorial-footer-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,.9fr) minmax(max-content,1.3fr);column-gap:24px}} #rrp-proyecto-contacto .editorial-footer .footer-contact a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal} @container(min-width:501px) and (max-width:1000px){#rrp-proyecto-contacto .footer-contact{grid-column:1/-1}} @container(max-width:500px){#rrp-proyecto-contacto .editorial-footer .footer-contact a[href^="mailto:"]{font-size:11px;letter-spacing:.4px}} /* Contenedores de servicio: imagen uniforme y contenido proporcionado. */ #rrp-proyecto-contacto .site .service-real{display:block} #rrp-proyecto-contacto .service-container{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start;max-width:1040px;margin-inline:auto} #rrp-proyecto-contacto .service-container>figure{width:300px;margin:0} #rrp-proyecto-contacto .service-container>figure img{width:100%;height:auto;max-height:450px;object-fit:contain;display:block} #rrp-proyecto-contacto .service-container .photo-placeholder{height:450px;aspect-ratio:2/3} #rrp-proyecto-contacto .service-container>div{min-width:0} #rrp-proyecto-contacto .service-container h2{margin-bottom:24px} #rrp-proyecto-contacto .service-container p{font-size:15px;line-height:1.6;max-width:58ch} #rrp-proyecto-contacto .site .service-container ul.service-offerings{text-align:left;margin:28px 0 0;line-height:1.8;letter-spacing:1px} #rrp-proyecto-contacto .site .service-complementary .editorial-columns{grid-template-columns:1fr;gap:18px;margin:26px 0 0} #rrp-proyecto-contacto .site .service-complementary .editorial-columns h3{margin-bottom:8px} @container(max-width:900px){#rrp-proyecto-contacto .service-container{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .service-container>figure{width:min(300px,100%);justify-self:center}#rrp-proyecto-contacto .service-container .photo-placeholder{height:auto}} /* Proporción aprobada por Raúl: 40% fotografía / 60% texto. */ #rrp-proyecto-contacto .site .service-container{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px} #rrp-proyecto-contacto .site .service-container>figure{width:100%} #rrp-proyecto-contacto .site .service-container>figure img{max-height:none;width:100%;height:auto} #rrp-proyecto-contacto .site .service-container .photo-placeholder{height:auto;aspect-ratio:2/3} @container(max-width:900px){#rrp-proyecto-contacto .site .service-container{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .site .service-container>figure{width:min(360px,100%);justify-self:center}} /* Hero y cierre de Servicios: fotografía íntegra y texto superpuesto. */ #rrp-proyecto-contacto .site .core-page>.service-banner{display:grid;position:relative;isolation:isolate;overflow:hidden;margin-inline:calc(-1 * var(--rrp-content-inset));padding:0} #rrp-proyecto-contacto .service-banner>figure{grid-area:1/1;margin:0} #rrp-proyecto-contacto .service-banner>figure img{width:100%;height:auto;display:block} #rrp-proyecto-contacto .service-banner::after{content:'';grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.3) 30%,transparent 52%)} #rrp-proyecto-contacto .service-banner-right::after{background:linear-gradient(90deg,transparent 50%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.87))} #rrp-proyecto-contacto .service-banner-copy{grid-area:1/1;align-self:center;justify-self:start;width:34%;padding:36px 16px 36px clamp(22px,4cqw,58px);z-index:2;min-width:0} #rrp-proyecto-contacto .service-banner-right .service-banner-copy{justify-self:end;text-align:right;padding:36px clamp(22px,4cqw,58px) 36px 16px} #rrp-proyecto-contacto .service-banner-copy h1,#rrp-proyecto-contacto .service-banner-copy h2{max-width:none;text-shadow:0 2px 12px #000} #rrp-proyecto-contacto .service-banner-copy p{color:#eee;text-shadow:0 1px 6px #000;line-height:1.6;margin:24px 0} #rrp-proyecto-contacto .service-banner-copy .primary{margin-top:12px} #rrp-proyecto-contacto .banner-motion .service-banner-copy{opacity:0;transform:translateX(-40px);transition:opacity .85s ease,transform .85s ease} #rrp-proyecto-contacto .service-banner-right.banner-motion .service-banner-copy{transform:translateX(40px)} #rrp-proyecto-contacto .banner-motion.banner-visible .service-banner-copy{opacity:1;transform:none} @container(max-width:900px){#rrp-proyecto-contacto .service-banner::after{display:none}#rrp-proyecto-contacto .service-banner .service-banner-copy{grid-area:2/1;justify-self:stretch;width:100%;padding:32px var(--rrp-content-inset) 40px;text-align:left;background:#000}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .banner-motion .service-banner-copy{opacity:1;transform:none;transition:none}} /* Portfolio experimental: conjunto de fotografías con marcos discretos. */ #rrp-proyecto-contacto .portfolio-wall-section{padding-block:24px 56px} #rrp-proyecto-contacto .portfolio-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1100px;margin-inline:auto;padding:24px} #rrp-proyecto-contacto .wall-photo{margin:0;min-width:0;border:3px solid #252525;box-shadow:0 6px 16px #0008;background:#151515;transition:transform .25s,border-color .25s} #rrp-proyecto-contacto .wall-photo a{display:block} #rrp-proyecto-contacto .wall-photo img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .wall-photo:hover{transform:translateY(-4px);border-color:#777;z-index:1} #rrp-proyecto-contacto .wall-photo a:focus-visible{outline:2px solid #fff;outline-offset:5px} #rrp-proyecto-contacto .wall-ready{display:block} #rrp-proyecto-contacto .wall-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px} #rrp-proyecto-contacto .wall-row .wall-photo{flex:0 0 calc((100% - 72px)/7);max-width:142px} #rrp-proyecto-contacto .wall-actions{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px} #rrp-proyecto-contacto .wall-dialog{background:#111;color:#eee;border:1px solid #555;max-width:94vw;max-height:94vh;padding:20px;width:min(900px,94vw)} #rrp-proyecto-contacto .wall-dialog::backdrop{background:#000d} #rrp-proyecto-contacto .wall-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase} #rrp-proyecto-contacto .wall-dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:65vh;object-fit:contain;margin:18px auto} #rrp-proyecto-contacto .wall-dialog .primary{margin-top:0} @container(max-width:900px){#rrp-proyecto-contacto .portfolio-wall{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}#rrp-proyecto-contacto .wall-row .wall-photo{flex-basis:calc((100% - 36px)/4)}#rrp-proyecto-contacto .wall-dialog img{max-height:58vh}} @container(max-width:500px){#rrp-proyecto-contacto .portfolio-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}#rrp-proyecto-contacto .wall-row{gap:10px;margin-bottom:10px}#rrp-proyecto-contacto .wall-row .wall-photo{flex-basis:calc((100% - 10px)/2)}#rrp-proyecto-contacto .wall-dialog{padding:12px}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .wall-photo{transition:none;transform:none}} /* Portfolio editorial: imágenes completas, escala variable y respiración. */ #rrp-proyecto-contacto .editorial-portfolio{padding-top:12px} #rrp-proyecto-contacto .portfolio-gallery-note{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap;padding:12px 0 32px;max-width:1360px;margin:auto} #rrp-proyecto-contacto .portfolio-gallery-note .eyebrow{font-size:10px;margin:0} #rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{padding:0;max-width:1360px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start} #rrp-proyecto-contacto .editorial-portfolio .wall-masonry{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:8px;grid-auto-flow:dense} #rrp-proyecto-contacto .editorial-portfolio .wall-photo{border:0;box-shadow:none;background:transparent;position:relative;transition:filter .25s;margin:0;align-self:start} #rrp-proyecto-contacto .wall-masonry .wall-photo{grid-column:span var(--photo-span,4)} #rrp-proyecto-contacto .editorial-portfolio .wall-photo:hover{transform:none;border:0;filter:brightness(1.06)} #rrp-proyecto-contacto .editorial-portfolio .wall-photo a{position:relative;display:block} #rrp-proyecto-contacto .wall-photo-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:16px;padding:40px 18px 16px;background:linear-gradient(transparent,#000b);color:#fff;font:10px/1.4 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;opacity:0;transition:opacity .2s;pointer-events:none} #rrp-proyecto-contacto .wall-photo:hover .wall-photo-label,#rrp-proyecto-contacto .wall-photo:focus-within .wall-photo-label{opacity:1} #rrp-proyecto-contacto .editorial-portfolio .wall-actions{padding:36px 0 12px;border-top:1px solid #282828;margin-top:48px} #rrp-proyecto-contacto .editorial-portfolio .wall-dialog{width:96vw;max-width:96vw;height:94vh;max-height:94vh;padding:24px;display:none} #rrp-proyecto-contacto .editorial-portfolio .wall-dialog[open]{display:flex;flex-direction:column} #rrp-proyecto-contacto .editorial-portfolio .wall-dialog img{flex:1;min-height:0;max-height:none;max-width:100%;height:auto;object-fit:contain;margin:20px auto;width:100%} html:has(.wall-dialog[open]){overflow:hidden} @container(max-width:900px){#rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{gap:18px}#rrp-proyecto-contacto .editorial-portfolio .wall-masonry{grid-template-columns:repeat(6,minmax(0,1fr))}#rrp-proyecto-contacto .wall-masonry .wall-photo{grid-column:span var(--tablet-span,3)}} @container(max-width:500px){#rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#rrp-proyecto-contacto .wall-masonry .wall-photo{grid-column:span var(--mobile-span,1)}#rrp-proyecto-contacto .editorial-portfolio .wall-dialog{padding:12px}#rrp-proyecto-contacto .wall-dialog-bar{font-size:10px}} @media(prefers-reduced-motion:reduce){#rrp-proyecto-contacto .wall-photo-label,#rrp-proyecto-contacto .editorial-portfolio .wall-photo{transition:none}} #rrp-proyecto-contacto .portfolio-intro{padding-bottom:16px} #rrp-proyecto-contacto .portfolio-intro .opening{padding-block:28px 30px} #rrp-proyecto-contacto .site main.editorial-interior .portfolio-intro h1{max-width:none} #rrp-proyecto-contacto .portfolio-intro .opening p{max-width:80ch;margin-bottom:0} #rrp-proyecto-contacto .portfolio-intro .filters{margin:18px 0 12px;gap:20px} #rrp-proyecto-contacto .portfolio-intro .filters button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:transparent;color:#aaa;font:11px/1.4 Inter,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase} #rrp-proyecto-contacto .portfolio-intro .filters button[aria-pressed=true]{background:transparent;color:#fff;border-bottom-color:#fff} #rrp-proyecto-contacto .portfolio-intro .filter-status{font-size:11px;letter-spacing:1px;margin:0;color:#888} /* Portfolio: cuatro columnas a todo el ancho, con juntas discretas. */ #rrp-proyecto-contacto .portfolio-intro{padding-bottom:0} #rrp-proyecto-contacto .portfolio-intro .filters{justify-content:center;gap:30px;margin:0;padding:28px 0 20px;flex-wrap:wrap} #rrp-proyecto-contacto .portfolio-intro .filters button{font-size:12px;padding:8px 0;border:0;color:#aaa} #rrp-proyecto-contacto .portfolio-intro .filters button[aria-pressed=true]{color:#fff;border:0} #rrp-proyecto-contacto .portfolio-intro .filter-status,#rrp-proyecto-contacto .portfolio-gallery-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0} #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-inline:0;padding-top:0} #rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{width:100%;max-width:none;padding:0;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))} #rrp-proyecto-contacto .editorial-portfolio .wall-masonry{grid-auto-rows:1px} #rrp-proyecto-contacto .editorial-portfolio .wall-masonry .wall-photo{grid-column:span 1} #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-closing{display:grid;position:relative;isolation:isolate;overflow:hidden;padding:0} #rrp-proyecto-contacto .portfolio-banner .service-banner-copy h1{font-size:clamp(25px,2.4cqw,36px)} @container(max-width:900px){#rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}} @container(max-width:650px){#rrp-proyecto-contacto .editorial-portfolio .portfolio-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#rrp-proyecto-contacto .portfolio-intro .filters{gap:20px;padding:20px 0 16px}#rrp-proyecto-contacto .portfolio-intro .filters button{font-size:10px;letter-spacing:1px}} /* Acceso a áreas independientes, sin filtros en la selección principal. */ #rrp-proyecto-contacto .portfolio-category-links .editorial-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} #rrp-proyecto-contacto .portfolio-category-links a{font-size:11px;letter-spacing:1px;text-transform:uppercase} #rrp-proyecto-contacto .portfolio-category-closing p{max-width:65ch;margin:24px 0} #rrp-proyecto-contacto .portfolio-category-intro .opening{padding-block:48px} @container(max-width:650px){#rrp-proyecto-contacto .portfolio-category-links .editorial-columns{grid-template-columns:1fr}} /* Navegación de categorías sencilla y espacio alrededor de la galería. */ #rrp-proyecto-contacto .site .portfolio-area-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;padding:48px 0;margin:0;background:transparent;width:100%;position:static} #rrp-proyecto-contacto .site .portfolio-area-nav a{font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#bcbcbc;text-decoration:none} #rrp-proyecto-contacto .site .portfolio-area-nav a:hover,#rrp-proyecto-contacto .site .portfolio-area-nav a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:6px} #rrp-proyecto-contacto .site .portfolio-area-nav span{color:#aaa} #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-bottom:72px} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-area-nav{gap:14px;padding:32px 0}#rrp-proyecto-contacto .site .portfolio-area-nav a{font-size:10px;letter-spacing:1.2px}#rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-bottom:48px}} #rrp-proyecto-contacto .site .portfolio-area-nav a[aria-current="page"]{color:#fff} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-area-nav{gap:10px}#rrp-proyecto-contacto .site .portfolio-area-nav a{font-size:10px;letter-spacing:.8px}} /* Portfolio: apertura y cierre tipográficos para dar protagonismo a la galería. */ #rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:48px 16px;background:#000} #rrp-proyecto-contacto .site .portfolio-text-opening>div{max-width:960px} #rrp-proyecto-contacto .site main.editorial-interior .portfolio-text-opening h1{max-width:none;font-size:clamp(25px,2.4cqw,36px)} #rrp-proyecto-contacto .site .portfolio-text-opening p{max-width:72ch;margin:24px 0 0} #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-text-closing{display:block;padding-block:56px 64px;background:#000;text-align:center} #rrp-proyecto-contacto .site .portfolio-text-closing h2{max-width:34ch;margin-inline:auto} #rrp-proyecto-contacto .site .portfolio-text-closing .portfolio-closing-message{max-width:65ch;margin:24px auto} #rrp-proyecto-contacto .site .portfolio-text-closing .portfolio-signature{margin:28px auto} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:32px 8px}#rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-text-closing{padding-block:40px 48px}} /* Apertura de Portfolio con espacio y composición equivalentes al cierre. */ #rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:72px 64px;text-align:center} #rrp-proyecto-contacto .site .portfolio-text-opening>div{max-width:960px;margin-inline:auto} #rrp-proyecto-contacto .site main.editorial-interior .portfolio-text-opening h1{max-width:34ch;margin-inline:auto} #rrp-proyecto-contacto .site .portfolio-text-opening p{max-width:65ch;margin:24px auto 0} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:48px 40px}} /* Publicaciones comparte apertura y CTA tipográficos del Portfolio. */ #rrp-proyecto-contacto .site .publications-page .publications-count{text-align:center;margin:32px 0 0} #rrp-proyecto-contacto .site .publications-page>.portfolio-text-closing{display:block;text-align:center;background:#000;margin-inline:calc(-1 * var(--rrp-content-inset));padding:56px var(--rrp-content-inset) 64px} @container(max-width:500px){#rrp-proyecto-contacto .site .publications-page>.portfolio-text-closing{padding-block:40px 48px}} /* Bloques de Servicios y Publicaciones recuperados de la referencia de Portfolio. */ #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-services{background:#000;padding-block:56px} #rrp-proyecto-contacto .portfolio-service-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0} #rrp-proyecto-contacto .portfolio-service-columns>div{display:flex;flex-direction:column} #rrp-proyecto-contacto .portfolio-service-columns>div p:last-child{margin-top:auto;padding-top:22px} #rrp-proyecto-contacto .portfolio-other-label{margin:32px 0 20px} #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-publications{background:#111;padding-block:56px} #rrp-proyecto-contacto .portfolio-publications-container{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:40px;max-width:1040px;margin-inline:auto} #rrp-proyecto-contacto .portfolio-publications-container figure{margin:0} #rrp-proyecto-contacto .portfolio-publications-container img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .portfolio-publications-container h2{margin-bottom:32px} #rrp-proyecto-contacto .portfolio-publications-container p{max-width:56ch} #rrp-proyecto-contacto .portfolio-publications-count{margin:28px 0 18px} @container(max-width:900px){#rrp-proyecto-contacto .portfolio-publications-container{grid-template-columns:1fr;gap:32px}#rrp-proyecto-contacto .portfolio-publications-container figure{width:min(360px,100%);justify-self:center}} @container(max-width:650px){#rrp-proyecto-contacto .portfolio-service-columns{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .portfolio-service-columns>div p:last-child{padding-top:8px}} #rrp-proyecto-contacto .site .portfolio-service-columns{grid-template-columns:repeat(3,minmax(0,1fr))} @container(max-width:650px){#rrp-proyecto-contacto .site .portfolio-service-columns{grid-template-columns:1fr}} /* Aperturas: contenido a la izquierda; navegación y contador inferiores centrados. */ #rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{text-align:left} #rrp-proyecto-contacto .site .portfolio-text-opening>div{max-width:none;margin-inline:0} #rrp-proyecto-contacto .site main.editorial-interior .portfolio-text-opening h1{max-width:none;margin-inline:0} #rrp-proyecto-contacto .site .portfolio-text-opening p{max-width:none;margin:32px 0 0} /* Apertura unificada: título, presentación y navegación/contador en una banda. */ #rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:64px;background:#111} #rrp-proyecto-contacto .site .portfolio-text-opening .portfolio-area-nav{padding:0;margin:48px 0 0;background:transparent} #rrp-proyecto-contacto .site .portfolio-text-opening .publications-count{margin:48px 0 0;text-align:center} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-intro .portfolio-text-opening{padding-block:40px}#rrp-proyecto-contacto .site .portfolio-text-opening .portfolio-area-nav,#rrp-proyecto-contacto .site .portfolio-text-opening .publications-count{margin-top:32px}} /* Solo los años de Publicaciones reciben la escala grande de la referencia. */ #rrp-proyecto-contacto .site main.editorial-interior .publications-page>.core-section>h2{font-size:clamp(56px,7cqw,100px);line-height:1.05;letter-spacing:-.02em;margin-bottom:32px} #rrp-proyecto-contacto .site .portfolio-text-opening .journal-opening-topics{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin:48px 0 0;text-align:center;color:#bcbcbc;font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-text-opening .journal-opening-topics{gap:10px;margin-top:32px;font-size:10px;letter-spacing:.8px}} /* Subcategorías de Fototeca: filtros exclusivos de las galerías interiores. */ #rrp-proyecto-contacto .portfolio-subcategory-filters{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;padding:32px var(--rrp-content-inset);background:#111} #rrp-proyecto-contacto .portfolio-subcategory-filters[hidden]{display:none} #rrp-proyecto-contacto .portfolio-subcategory-filters button{background:transparent;border:0;border-radius:0;padding:8px 0;font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#aaa;cursor:pointer} #rrp-proyecto-contacto .portfolio-subcategory-filters button[aria-pressed="true"]{color:#fff} #rrp-proyecto-contacto .portfolio-subcategory-filters button:focus-visible{outline:1px solid #fff;outline-offset:5px} @container(max-width:500px){#rrp-proyecto-contacto .portfolio-subcategory-filters{padding-block:24px;gap:12px 20px}#rrp-proyecto-contacto .portfolio-subcategory-filters button{font-size:10px;letter-spacing:1px}} /* Navegación interior: categorías y subcategorías forman un grupo cercano. */ #rrp-proyecto-contacto .site .portfolio-category-intro .portfolio-text-opening{padding-bottom:16px} #rrp-proyecto-contacto .portfolio-subcategory-filters{padding-top:8px;padding-bottom:28px} @container(max-width:500px){#rrp-proyecto-contacto .site .portfolio-category-intro .portfolio-text-opening{padding-bottom:12px}#rrp-proyecto-contacto .portfolio-subcategory-filters{padding-top:6px;padding-bottom:20px}} /* Prueba de apertura con imagen contenida y texto, sin superposición. */ #rrp-proyecto-contacto .site .portfolio-intro .split-opening{padding-block:48px;background:#000} #rrp-proyecto-contacto .site .split-opening>.split-opening-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px;align-items:center;max-width:1040px;margin-inline:auto} #rrp-proyecto-contacto .split-opening-layout>figure{margin:0;width:100%;max-width:300px;justify-self:center} #rrp-proyecto-contacto .split-opening-layout>figure img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .split-opening-placeholder{width:100%;aspect-ratio:2/3;min-height:0;height:auto;display:flex;align-items:center;justify-content:center;background:#333;color:#bbb;font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;text-align:center;padding:20px} #rrp-proyecto-contacto .site .split-opening-copy{text-align:left;min-width:0} #rrp-proyecto-contacto .site .split-opening-copy p{margin-top:24px} #rrp-proyecto-contacto .site .split-opening .portfolio-area-nav,#rrp-proyecto-contacto .site .split-opening .publications-count,#rrp-proyecto-contacto .site .split-opening .journal-opening-topics{margin-top:32px} #rrp-proyecto-contacto .site .portfolio-category-intro .split-opening{padding-bottom:16px} @container(max-width:650px){#rrp-proyecto-contacto .site .portfolio-intro .split-opening{padding-block:32px}#rrp-proyecto-contacto .site .split-opening>.split-opening-layout{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .split-opening-layout>figure{width:min(240px,100%)}#rrp-proyecto-contacto .site .portfolio-category-intro .split-opening{padding-bottom:12px}} #rrp-proyecto-contacto .site .about-portrait .about-author-signature{margin-top:32px;font:11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#fff} #rrp-proyecto-contacto .site .about-author-signature a{text-decoration:none} #rrp-proyecto-contacto .site .about-author-signature a:hover,#rrp-proyecto-contacto .site .about-author-signature a:focus-visible{text-decoration:underline;text-underline-offset:5px} /* Acerca: videos y texto en proporción 40/60, con reproducción a elección. */ #rrp-proyecto-contacto .about-video-container{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px;align-items:start;max-width:1040px;margin-inline:auto} #rrp-proyecto-contacto .about-video-container figure{margin:0;min-width:0} #rrp-proyecto-contacto .about-video-container video{display:block;width:100%;height:auto;background:#222;object-fit:contain} #rrp-proyecto-contacto .about-video-container>div{min-width:0} #rrp-proyecto-contacto .about-video-container h2{margin-bottom:24px} #rrp-proyecto-contacto .about-video-container p{max-width:65ch} #rrp-proyecto-contacto .site .about-video-container .editorial-columns{gap:24px} @container(max-width:900px){#rrp-proyecto-contacto .about-video-container{grid-template-columns:1fr;gap:28px}#rrp-proyecto-contacto .about-video-container figure{width:min(360px,100%);justify-self:center}} /* Prueba solicitada: videos de Acerca y texto a partes iguales. */ #rrp-proyecto-contacto .about-video-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px} @container(max-width:900px){#rrp-proyecto-contacto .about-video-container{grid-template-columns:1fr;gap:28px}} /* Acerca: 30% video / 70% texto y trayectoria en filas. */ #rrp-proyecto-contacto .about-video-container{grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:28px} #rrp-proyecto-contacto .trajectory-directions{margin-top:28px} #rrp-proyecto-contacto .trajectory-directions article{border-top:1px solid #333;padding:20px 0} #rrp-proyecto-contacto .trajectory-number{display:block;margin-bottom:12px;color:#777;font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1.5px} #rrp-proyecto-contacto .trajectory-directions h3{margin:0 0 16px} #rrp-proyecto-contacto .trajectory-directions .service-offerings{text-align:left;margin:18px 0 0} #rrp-proyecto-contacto .trajectory-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:20px} #rrp-proyecto-contacto .trajectory-metrics>div,#rrp-proyecto-contacto .trajectory-metrics>a{display:flex;flex-direction:column;gap:12px;text-decoration:none;min-width:0} #rrp-proyecto-contacto .trajectory-metric-value{font:clamp(32px,3.2cqw,46px)/1.1 'Cormorant Garamond',Georgia,serif;color:#fff} #rrp-proyecto-contacto .trajectory-metric-label{font:10px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#bbb} #rrp-proyecto-contacto .trajectory-metrics>a:hover .trajectory-metric-label{text-decoration:underline;text-underline-offset:4px} @container(max-width:900px){#rrp-proyecto-contacto .about-video-container{grid-template-columns:1fr;gap:28px}} /* Proporciones individuales solicitadas para Acerca. */ #rrp-proyecto-contacto #el-origen .about-video-container{grid-template-columns:minmax(0,7fr) minmax(0,13fr)} #rrp-proyecto-contacto #trayectoria .about-video-container{grid-template-columns:minmax(0,2fr) minmax(0,3fr)} @container(max-width:900px){#rrp-proyecto-contacto #el-origen .about-video-container,#rrp-proyecto-contacto #trayectoria .about-video-container{grid-template-columns:1fr}} /* Títulos de las dos direcciones de Trayectoria: 15% menores. */ #rrp-proyecto-contacto .trajectory-directions h3{font-size:.9945em} /* El origen: texto centrado verticalmente junto al video. */ #rrp-proyecto-contacto #el-origen .about-video-container>div{align-self:center} /* Trayectoria: texto y video comparten el centro vertical de la fila. */ #rrp-proyecto-contacto #trayectoria .about-video-container{align-items:center} #rrp-proyecto-contacto #trayectoria .about-video-container>div{align-self:center} /* Contenedor común del sitio: fondos completos y contenido con el mismo aire. */ #rrp-proyecto-contacto .site{--rrp-content-width:1280px;--rrp-content-inset:max(clamp(22px,5cqw,58px),calc((100cqw - var(--rrp-content-width))/2))} #rrp-proyecto-contacto .site .service-container, #rrp-proyecto-contacto .site .about-video-container, #rrp-proyecto-contacto .site .portfolio-publications-container, #rrp-proyecto-contacto .site .split-opening>.split-opening-layout{max-width:none;width:100%} #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-inline:var(--rrp-content-inset)} #rrp-proyecto-contacto .site .editorial-portfolio .portfolio-subcategory-filters{padding-inline:0} @container(min-width:901px){ #rrp-proyecto-contacto .site .editorial-hero-copy{width:calc((100cqw - 2 * var(--rrp-content-inset)) * .39);margin-inline-end:var(--rrp-content-inset);padding-inline:0} #rrp-proyecto-contacto .site .story-hero-copy{width:calc((100cqw - 2 * var(--rrp-content-inset)) * .34);margin-inline-end:var(--rrp-content-inset);padding-inline:16px 0} #rrp-proyecto-contacto .site .service-banner-copy{width:calc((100cqw - 2 * var(--rrp-content-inset)) * .34);margin-inline-start:var(--rrp-content-inset);padding-inline:0 16px} #rrp-proyecto-contacto .site .service-banner-right .service-banner-copy{margin-inline:0 var(--rrp-content-inset);padding-inline:16px 0} } /* Publicaciones: firma centrada dentro del contenedor del párrafo de apertura. */ #rrp-proyecto-contacto .site .split-opening .split-opening-copy .publications-count{text-align:center;width:100%;max-width:none;margin:32px 0 0} /* Journal: temas centrados dentro del contenedor del párrafo de apertura. */ #rrp-proyecto-contacto .site .split-opening .split-opening-copy .journal-opening-topics{justify-content:center;text-align:center;width:100%;max-width:none;margin:32px 0 0} /* Taxonomías navegables del Journal y listados completos por término. */ #rrp-proyecto-contacto .journal-card-category a,#rrp-proyecto-contacto .journal-info>.eyebrow a{text-decoration:none} #rrp-proyecto-contacto .journal-card-category a:hover,#rrp-proyecto-contacto .journal-info>.eyebrow a:hover{text-decoration:underline;text-underline-offset:4px} #rrp-proyecto-contacto .journal-card-category a:focus-visible,#rrp-proyecto-contacto .journal-info>.eyebrow a:focus-visible{outline:1px solid #fff;outline-offset:4px} #rrp-proyecto-contacto .site .journal-results .journal-card h2{font:500 13px/1.4 Inter,Arial,sans-serif;letter-spacing:1.2px} #rrp-proyecto-contacto .journal-results .opening>.back{display:inline-block;margin-bottom:28px} /* Presentaciones de bloque: el párrafo utiliza el ancho del contenedor común. */ #rrp-proyecto-contacto .site .core-section>p:not(.editorial-signoff):not(.process-signoff), #rrp-proyecto-contacto .site .core-opening>p:not(.editorial-signoff), #rrp-proyecto-contacto .site .process-story>[data-process-reveal]>p{max-width:none;width:100%} /* Sobre mí en Inicio: párrafos con presentación de carta formal. */ #rrp-proyecto-contacto .site .home-about-copy>p{text-align:justify;text-align-last:left;hyphens:auto} /* Sobre mí: título y carta comparten el mismo ancho de lectura. */ #rrp-proyecto-contacto .site .home-about-copy{font-size:15px;width:100%;max-width:55ch;min-width:0} #rrp-proyecto-contacto .site .home-about-copy>h2{width:100%;max-width:100%;overflow-wrap:break-word} #rrp-proyecto-contacto .site .home-about-copy>p{width:100%;max-width:none} /* Inicio: más aire vertical en los bloques de contenido, sin alterar heros. */ #rrp-proyecto-contacto .site main.home .core-page>.core-section:not(.story-hero){padding-block:80px} @container(max-width:650px){#rrp-proyecto-contacto .site main.home .core-page>.core-section:not(.story-hero){padding-block:56px}} /* Publicaciones en Inicio: espacio amplio y botón centrado bajo las portadas. */ #rrp-proyecto-contacto .site main.home .core-page>.core-section.home-publications-section{padding-block:96px} #rrp-proyecto-contacto .site .home-publications-section>.home-publications{margin-block:40px 48px} #rrp-proyecto-contacto .site .home-publications-section>.primary{display:flex;width:fit-content;margin-inline:auto} @container(max-width:650px){#rrp-proyecto-contacto .site main.home .core-page>.core-section.home-publications-section{padding-block:64px}#rrp-proyecto-contacto .site .home-publications-section>.home-publications{margin-block:32px 36px}} /* Criterio general: aire vertical y CTA de sección centrado. */ #rrp-proyecto-contacto .site .core-page>.core-section:not(.story-hero):not(.service-banner), #rrp-proyecto-contacto .site main.home .core-page>.core-section:not(.story-hero):not(.service-banner), #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-services, #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-publications{padding-block:96px} #rrp-proyecto-contacto .site .core-section>.primary{display:flex;width:fit-content;margin:48px auto 0} @container(max-width:650px){ #rrp-proyecto-contacto .site .core-page>.core-section:not(.story-hero):not(.service-banner), #rrp-proyecto-contacto .site main.home .core-page>.core-section:not(.story-hero):not(.service-banner), #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-services, #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-publications{padding-block:64px} #rrp-proyecto-contacto .site .core-section>.primary{margin-top:36px} } /* Sobre mí: párrafos, firma y botón centrados dentro de la columna de texto. */ #rrp-proyecto-contacto .site .home-about-copy>.home-about-signoff{text-align:center;text-align-last:auto;hyphens:none;margin:32px 0 0} #rrp-proyecto-contacto .site .home-about-copy>.primary{display:flex;width:fit-content;margin:32px auto 0} /* Criterio general: botones negros sin contorno, firma y CTA centrados. */ #rrp-proyecto-contacto .site :is(.primary,.session-cta,.editorial-hero-cta,.portfolio-category-cta){display:flex;width:fit-content;max-width:100%;justify-content:center;align-items:center;align-self:center;margin-inline:auto;text-align:center;min-height:44px} #rrp-proyecto-contacto .site :is(.primary,.session-cta,.editorial-hero-cta,.portfolio-category-cta):focus-visible{outline:2px solid #fff;outline-offset:4px} #rrp-proyecto-contacto .site :is(.editorial-signoff,.process-signoff,.home-about-signoff,.about-author-signature,.portfolio-signature,.story-signature,.portfolio-publications-count){text-align:center;text-align-last:auto;max-width:none;margin-inline:auto} #rrp-proyecto-contacto .site .about-portrait .about-author-signature{width:100%;text-align:center} #rrp-proyecto-contacto .site :is(.editorial-signoff,.process-signoff,.home-about-signoff,.about-author-signature,.portfolio-signature,.story-signature,.portfolio-publications-count)+:is(.primary,.session-cta,.editorial-hero-cta){margin-top:32px} #rrp-proyecto-contacto .site :is(.wall-actions,.journal-discovery-actions){flex-direction:column;align-items:center;justify-content:center;text-align:center} /* Solo los enlaces de las tres categorías usan botón negro sin borde. */ #rrp-proyecto-contacto .site .portfolio-category-cta{background:#000;color:#fff;border:0;box-shadow:none} #rrp-proyecto-contacto .site .portfolio-category-cta:hover{background:#000;color:#fff;border:0;text-decoration:underline;text-underline-offset:4px} /* Inicio: especialidades enlazadas a su sección de Servicios. */ #rrp-proyecto-contacto .site .home-service-grid h3 a{text-decoration:none} #rrp-proyecto-contacto .site .home-service-grid h3 a:hover{text-decoration:underline;text-underline-offset:4px} #rrp-proyecto-contacto .site .home-service-grid h3 a:focus-visible{outline:1px solid #fff;outline-offset:4px} #rrp-proyecto-contacto .site .service-real{position:relative} #rrp-proyecto-contacto .site .service-anchor{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none} /* Excepción del hero de Inicio: CTA a la derecha sobre la fotografía. */ @container(min-width:901px){#rrp-proyecto-contacto .site .editorial-hero-copy>.editorial-hero-cta{margin-inline:auto 0}} /* Servicios: fotografía y contenido centrados verticalmente en cada bloque. */ #rrp-proyecto-contacto .site .service-real>.service-container{align-items:center} /* Criterio permanente: cada párrafo aprovecha el ancho de su contenedor. */ #rrp-proyecto-contacto .site main :is(.core-page,.service-container,.split-opening-copy,.about-video-container,.editorial-columns,.portfolio-publications-container,.home-about-copy,.core-pair,.editorial-hero-copy,.story-hero-copy,.service-banner-copy,.closing) p, #rrp-proyecto-contacto .site .portfolio-text-closing .portfolio-closing-message{width:100%;max-width:none} /* Cierre de Servicios: CTA debajo del párrafo y alineados a derecha en escritorio. */ @container(min-width:901px){#rrp-proyecto-contacto .site #servicios-cta .service-banner-copy>.primary{margin-inline:auto 0}} /* Portfolio principal: navegación dentro de la presentación, sin banda suelta. */ #rrp-proyecto-contacto .site #portfolio-hero .split-opening-copy>.portfolio-area-nav{width:100%;justify-content:center;margin:32px 0 0;padding:0} /* Etiqueta complementaria: escala pequeña y alineación izquierda. */ #rrp-proyecto-contacto .site .portfolio-other-label{font:500 11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.3px;text-align:left;text-transform:uppercase} /* Interiores: navegación en el texto; subcategorías conservan su lugar sobre la galería. */ #rrp-proyecto-contacto .site .portfolio-category-intro .split-opening-copy>.portfolio-area-nav{width:100%;justify-content:center;margin:32px 0 0;padding:0} /* Subcategorías: banda con aire propio entre apertura y fotografías. */ #rrp-proyecto-contacto .site .editorial-portfolio .portfolio-subcategory-filters{padding-block:48px;gap:16px 40px} @container(max-width:650px){#rrp-proyecto-contacto .site .editorial-portfolio .portfolio-subcategory-filters{padding-block:32px;gap:12px 24px}} /* Portfolio: apertura gris y galería negra como bloques independientes. */ #rrp-proyecto-contacto .site #portfolio-hero,#rrp-proyecto-contacto .site .portfolio-category-intro .split-opening{background:#111} #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio,#rrp-proyecto-contacto .site .editorial-portfolio .portfolio-subcategory-filters{background:#000} /* Aperturas con fotografía contenida: más aire arriba y abajo. */ #rrp-proyecto-contacto .site .portfolio-intro .split-opening{padding-block:96px} @container(max-width:650px){#rrp-proyecto-contacto .site .portfolio-intro .split-opening{padding-block:64px}} /* Portfolio principal: aire al comenzar la galería, aunque no tenga filtros. */ #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio:not([data-portfolio-category]){padding-top:48px} @container(max-width:650px){#rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio:not([data-portfolio-category]){padding-top:32px}} /* Cierre de galería: evitar acumulación de márgenes alrededor de Otra mirada. */ #rrp-proyecto-contacto .site .editorial-portfolio .wall-actions{margin-top:24px;padding:24px 0 0;gap:12px} #rrp-proyecto-contacto .site .editorial-portfolio .wall-actions>.primary{margin:0} #rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-bottom:32px} #rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-services{padding-top:48px} @container(max-width:650px){#rrp-proyecto-contacto .site main.editorial-interior>div>section.editorial-portfolio{padding-bottom:24px}#rrp-proyecto-contacto .site main.editorial-interior>div>section.portfolio-services{padding-top:32px}} /* Portfolio: presentación de Publicaciones centrada verticalmente con la portada. */ #rrp-proyecto-contacto .site .portfolio-publications-container{align-items:center} /* Resultados del Journal: cabecera editorial compacta. */ #rrp-proyecto-contacto .site main.editorial-interior .journal-results>.journal-results-opening{padding-block:40px 48px} #rrp-proyecto-contacto .site .journal-results-opening>.back{display:block;width:fit-content;margin:0 0 32px;font-size:13px} #rrp-proyecto-contacto .site .journal-results-opening>.eyebrow{display:block;margin:0 0 16px} #rrp-proyecto-contacto .site .journal-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px} #rrp-proyecto-contacto .site main.editorial-interior .journal-results-heading>h1{margin:0;max-width:none;min-width:0;overflow-wrap:anywhere} #rrp-proyecto-contacto .site .journal-results-heading>.journal-results-count{width:auto;max-width:none;flex-shrink:0;margin:0;font:500 11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#bbb} #rrp-proyecto-contacto .site main.editorial-interior .core-page.journal-results>.core-section{padding-top:48px} @container(max-width:650px){ #rrp-proyecto-contacto .site main.editorial-interior .journal-results>.journal-results-opening{padding-block:32px} #rrp-proyecto-contacto .site .journal-results-opening>.back{margin-bottom:24px} #rrp-proyecto-contacto .site .journal-results-heading{flex-direction:column;align-items:flex-start;gap:12px} #rrp-proyecto-contacto .site main.editorial-interior .core-page.journal-results>.core-section{padding-top:32px} } /* Acerca: frase de intención con escala de lectura, sin competir con el título. */ #rrp-proyecto-contacto .site .core-page .core-section>p.about-statement{font:500 16px/1.75 Inter,Arial,sans-serif;text-transform:none;letter-spacing:normal;margin-block:24px 32px} /* Cierre de Acerca: fotografía completa y texto a izquierda; móvil con texto debajo. */ #rrp-proyecto-contacto .site .core-page>.core-section.about-photo-cta:not(.story-hero):not(.service-banner){display:grid;position:relative;isolation:isolate;padding:0;background:#111;border:0} #rrp-proyecto-contacto .about-photo-cta .about-cta-photo{grid-area:1/1;margin:0;min-width:0} #rrp-proyecto-contacto .about-photo-cta .about-cta-photo img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .about-photo-cta::before{content:"";grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.65) 28%,rgba(0,0,0,.12) 53%,transparent 70%)} #rrp-proyecto-contacto .about-photo-cta .about-cta-copy{grid-area:1/1;z-index:2;align-self:center;min-width:0;width:calc((100cqw - 2 * var(--rrp-content-inset)) * .36);margin-inline-start:var(--rrp-content-inset);padding-block:64px;text-align:left} #rrp-proyecto-contacto .site .about-photo-cta .about-cta-copy h2{max-width:none} #rrp-proyecto-contacto .site .about-photo-cta .about-cta-copy p{max-width:none;width:100%} #rrp-proyecto-contacto .about-photo-cta .about-cta-copy>.primary{display:flex;width:fit-content;max-width:100%;margin:28px auto 0;text-align:center;justify-content:center} #rrp-proyecto-contacto .about-photo-cta .about-cta-copy>.primary+.primary{margin-top:16px} @container(max-width:900px){ #rrp-proyecto-contacto .about-photo-cta .about-cta-photo{grid-area:auto} #rrp-proyecto-contacto .about-photo-cta::before{display:none} #rrp-proyecto-contacto .about-photo-cta .about-cta-copy{grid-area:auto;width:auto;margin:0;padding:64px var(--rrp-content-inset)} } /* Contacto: criterios compartidos de composición, lectura y cierre. */ #rrp-proyecto-contacto .site .contact-page .contact-opening h1{font-size:var(--section-title-size);line-height:1.22;max-width:none} #rrp-proyecto-contacto .site .contact-page p{width:100%;max-width:none} #rrp-proyecto-contacto .site .contact-page .contact-opening>p{margin-top:32px} #rrp-proyecto-contacto .site .contact-page>.contact-grid{grid-template-columns:minmax(0,9fr) minmax(0,11fr);gap:64px;align-items:center} #rrp-proyecto-contacto .site .contact-page .direct{min-width:0;padding:0} #rrp-proyecto-contacto .site .contact-page .direct h2{max-width:none} #rrp-proyecto-contacto .site .contact-page .direct>.eyebrow{margin-bottom:24px} #rrp-proyecto-contacto .site .contact-page .direct>p{margin-block:28px} #rrp-proyecto-contacto .site .contact-page .direct>p.small{text-align:center;font:400 11px/1.7 Inter,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;margin-top:36px} #rrp-proyecto-contacto .site .contact-page form{min-width:0;border-top:0;padding-top:0} #rrp-proyecto-contacto .site .contact-page :is(input,textarea){background:#111;border-color:#555;font-family:Inter,Arial,sans-serif} #rrp-proyecto-contacto .site .contact-page form>.primary{display:flex;justify-content:center;text-align:center;width:fit-content;max-width:100%;margin:36px auto 24px} #rrp-proyecto-contacto .site .contact-page form>.small{text-align:center;font-size:12px;line-height:1.7} #rrp-proyecto-contacto .site .contact-page :is(input,textarea,button,a):focus-visible{outline:2px solid #fff;outline-offset:4px} @container(max-width:900px){#rrp-proyecto-contacto .site .contact-page>.contact-grid{grid-template-columns:1fr;gap:48px}} /* Contacto: hero fotográfico, rostro despejado y texto separado en móvil. */ #rrp-proyecto-contacto .site .contact-page>.core-section.contact-photo-hero:not(.story-hero):not(.service-banner){display:grid;position:relative;isolation:isolate;padding:0;border:0;background:#111} #rrp-proyecto-contacto .contact-photo-hero .contact-hero-photo{grid-area:1/1;margin:0;min-width:0} #rrp-proyecto-contacto .contact-photo-hero .contact-hero-photo img{display:block;width:100%;height:auto} #rrp-proyecto-contacto .contact-photo-hero::before{content:"";grid-area:1/1;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.62) 30%,rgba(0,0,0,.12) 55%,transparent 68%)} #rrp-proyecto-contacto .contact-photo-hero .contact-hero-copy{grid-area:1/1;z-index:2;align-self:center;min-width:0;width:calc((100cqw - 2 * var(--rrp-content-inset)) * .38);margin-inline-start:var(--rrp-content-inset);padding-block:64px;text-align:left} #rrp-proyecto-contacto .site .contact-photo-hero .contact-hero-copy>p{margin-top:32px} @container(max-width:900px){ #rrp-proyecto-contacto .contact-photo-hero .contact-hero-photo{grid-area:auto} #rrp-proyecto-contacto .contact-photo-hero::before{display:none} #rrp-proyecto-contacto .contact-photo-hero .contact-hero-copy{grid-area:auto;width:auto;margin:0;padding:64px var(--rrp-content-inset)} } /* Rótulos de Journal: centrados y con acceso a sus resultados. */ #rrp-proyecto-contacto .site :is(.journal-card-category,.journal-entry-category){text-align:left;width:100%;max-width:none} #rrp-proyecto-contacto .site .journal-title-terms{text-align:center;width:100%;max-width:none} #rrp-proyecto-contacto .site .journal-title-terms a{text-decoration:none;color:inherit} #rrp-proyecto-contacto .site :is(.journal-card-category,.journal-entry-category,.journal-title-terms) a:hover{text-decoration:underline;text-underline-offset:5px} #rrp-proyecto-contacto .site :is(.journal-card-category,.journal-entry-category,.journal-title-terms) a:focus-visible{outline:2px solid #fff;outline-offset:4px} /* Documentos Web: lectura continua, jerarquía discreta y descarga centrada. */ #rrp-proyecto-contacto .site main.editorial-interior .legal-page .legal-opening h1{font-size:var(--section-title-size);line-height:1.22;max-width:none} #rrp-proyecto-contacto .site .legal-page .legal-version{max-width:none;margin:32px 0 0;font:400 12px/1.7 Inter,Arial,sans-serif;letter-spacing:1px} #rrp-proyecto-contacto .site .legal-reading{width:min(84ch,100%);margin-inline:auto;min-width:0} #rrp-proyecto-contacto .site .legal-clause{margin:0 0 40px;scroll-margin-top:32px} #rrp-proyecto-contacto .site main.editorial-interior .legal-page .legal-clause h2{font:500 16px/1.6 Inter,Arial,sans-serif;margin:0 0 20px;letter-spacing:.5px;max-width:none} #rrp-proyecto-contacto .site .legal-clause p{width:100%;max-width:none;margin:16px 0;font:400 16px/1.8 Inter,Arial,sans-serif;text-align:left;overflow-wrap:anywhere} #rrp-proyecto-contacto .site .legal-clause :is(ul,ol){margin:20px 0;padding-inline-start:26px;font:400 16px/1.8 Inter,Arial,sans-serif;color:#ccc} #rrp-proyecto-contacto .site .legal-clause li{margin-bottom:8px;overflow-wrap:anywhere} #rrp-proyecto-contacto .site .legal-clause a{overflow-wrap:anywhere;text-underline-offset:4px} #rrp-proyecto-contacto .site .legal-download{display:flex;justify-content:center;margin-top:48px} #rrp-proyecto-contacto .site .legal-download>.primary{margin:0;max-width:100%;text-align:center} #rrp-proyecto-contacto .site .legal-page a:focus-visible{outline:2px solid #fff;outline-offset:4px} @container(max-width:650px){#rrp-proyecto-contacto .site .legal-clause{margin-bottom:32px}#rrp-proyecto-contacto .site .legal-download{margin-top:36px}} /* 404: contenido de recuperación con cierre y accesos centrados. */ #rrp-proyecto-contacto .site .core-page.error-page>.core-section.error-opening{background:#000;min-height:60svh;display:flex;align-items:center} #rrp-proyecto-contacto .site .error-copy{width:100%;min-width:0} #rrp-proyecto-contacto .site main.editorial-interior .error-opening h1{font-size:clamp(30px,3.5cqw,48px);line-height:1.16;max-width:none} #rrp-proyecto-contacto .site .error-copy>p{width:100%;max-width:none;margin-block:28px} #rrp-proyecto-contacto .site .error-copy>.editorial-signoff{margin:36px 0 0} #rrp-proyecto-contacto .site .error-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:36px} #rrp-proyecto-contacto .site .error-actions>.primary{margin:0;max-width:100%;text-align:center} #rrp-proyecto-contacto .site .error-actions>a:focus-visible{outline:2px solid #fff;outline-offset:4px} @container(max-width:650px){#rrp-proyecto-contacto .site .error-actions{gap:16px;margin-top:28px}}