/* Contacto: maqueta visual sin recogida ni envío de datos. */
.web-resolvia .wr-contact { position: relative; isolation: isolate; overflow: hidden; color: var(--wr-color-ink); background: var(--wr-color-paper); }
.wr-contact__scene { position: absolute; inset: 0; z-index: -1; }
body.web-resolvia .wr-contact__scene img { position: absolute; left: 0; bottom: -30vw; width: 100%; max-width: none; height: auto; }
.wr-contact__content { width: calc(100% - 6.5rem); max-width: 64rem; padding: 5.5rem 0 clamp(9rem,16vw,14rem); }
.wr-contact__grid { display: grid; grid-template-columns: minmax(0,37fr) minmax(0,47fr); gap: 5%; align-items: stretch; padding-right: 11%; }
.wr-contact__details { display: grid; grid-template-rows: 1fr auto auto; gap: .8rem; }
.wr-contact__intro { padding: 0 .8rem; }
.wr-contact__intro h1 { margin: 0 0 1.5rem; color: #bd8731; font: 400 clamp(3.4rem,7vw,5.5rem)/1 var(--wr-font-display); }
.wr-contact__ornament { display: flex; align-items: center; gap: .3rem; color: #bd8731; margin: 1.5rem 0; }
.wr-contact__ornament::before,.wr-contact__ornament::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg,transparent,#bd8731); }
.wr-contact__ornament::after { transform: rotate(180deg); }
.wr-contact__intro p { margin: 0 0 1.65rem; font: 400 1.05rem/1.85 var(--wr-font-ui); }
.wr-contact__intro p:last-child { margin-bottom: .5rem; }
.wr-contact__detail,.wr-contact__form-spec { border: 1px solid rgba(185,152,74,.23); border-radius: 1.4rem; background: rgba(255,250,242,.9); box-shadow: 0 3px 7px rgba(106,77,37,.08); }
.wr-contact__detail { display: grid; grid-template-columns: 5.5rem minmax(0,1fr); align-items: center; gap: 1rem; padding: 1.3rem 1.1rem; }
body.web-resolvia .wr-contact__detail > img { width: 5.5rem; height: 5.5rem; object-fit: contain; }
.wr-contact__detail h2 { margin: 0 0 .7rem; font: 400 1.4rem/1.2 var(--wr-font-display); }
.wr-contact__detail p { margin: 0 0 .4rem; font: 400 .85rem/1.7 var(--wr-font-ui); overflow-wrap: anywhere; }
.wr-contact__detail p:last-child { margin: 0; }
.wr-contact__form-spec { position: relative; margin-top: 1rem; padding: 5rem 1.35rem 2.75rem; }
.wr-contact__form-heading { text-align: center; }
.wr-contact__form-emblem { position: absolute; top: 0; left: 50%; transform: translate(-50%,-38%); display: grid; place-items: center; width: 6.3rem; height: 6.3rem; border: 1px solid rgba(185,152,74,.23); border-radius: 50%; background: #fffaf2; box-shadow: 0 3px 7px rgba(106,77,37,.08); }
body.web-resolvia .wr-contact__form-emblem > img { width: 3.2rem; height: 3.2rem; object-fit: contain; }
.wr-contact__form-heading h2 { margin: .5rem auto; max-width: 19rem; font: 400 1.7rem/1.3 var(--wr-font-display); }
.wr-contact__form-heading .wr-contact__ornament { max-width: 12rem; margin: 1.5rem auto; }
.wr-contact__static-rows { display: grid; gap: .7rem; }
.wr-contact__static-row { display: grid; grid-template-columns: 2rem minmax(0,1fr); align-items: center; gap: 1rem; min-height: 4rem; padding: .9rem 1.1rem; border: 1px solid rgba(185,152,74,.22); border-radius: .75rem; background: rgba(255,255,255,.28); box-shadow: 0 2px 4px rgba(106,77,37,.08); font: 400 .95rem/1.5 var(--wr-font-ui); }
.wr-contact__static-row:last-child { min-height: 11.5rem; align-items: start; padding-top: 1.1rem; }
body.web-resolvia .wr-contact__static-row img,body.web-resolvia .wr-contact__privacy img { width: 1.8rem; height: 1.8rem; object-fit: contain; }
.wr-contact__static-cta { display: flex; align-items: center; justify-content: center; position: relative; min-height: 3.8rem; margin-top: 1.25rem; padding: .75rem 3rem; border: 1px solid #b7792c; border-radius: .85rem; color: #f6e4bd; background: linear-gradient(#27120422,#27120444),url("../../images/sala-de-lectura/sala-piel-botones-definitiva.svg") center/cover no-repeat; box-shadow: inset 0 1px 0 #f9d59966,0 2px 5px #47230f33; font: 400 1.25rem/1.3 var(--wr-font-ui); cursor: default; }
.wr-contact__static-cta > img { display: none !important; }
.wr-contact__static-cta::after { position: absolute; right: 1rem; content: "→"; font: 400 1.8rem/1 var(--wr-font-display); }
.wr-contact__privacy { display: grid; grid-template-columns: 1.8rem minmax(0,1fr); align-items: start; gap: .75rem; margin: 1.7rem .6rem 0; }
.wr-contact__privacy p { margin: 0; font: 400 .9rem/1.7 var(--wr-font-ui); }
@media(max-width:60rem) { .wr-contact__content { width: calc(100% - 4rem); } .wr-contact__grid { gap: 4%; padding-right: 11%; } .wr-contact__detail { grid-template-columns: 4rem minmax(0,1fr); padding: 1rem; } body.web-resolvia .wr-contact__detail > img { width: 4rem; height: 4rem; } }
@media(max-width:48rem) { .wr-contact__content { width: calc(100% - 3rem); padding-top: 3rem; padding-bottom: 11rem; } body.web-resolvia .wr-contact__scene img { left: auto; right: 0; bottom: -14rem; height: auto; width: 48rem; } .wr-contact__details { grid-template-rows: auto; } .wr-contact__grid { grid-template-columns: 1fr; padding-right: 0; gap: 4rem; } .wr-contact__form-spec { margin-top: 0; } .wr-contact__intro { padding: 0; } .wr-contact__scene::after { content: ""; position: absolute; inset: 0; background: rgba(246,243,236,.25); } }
@media(max-width:25rem) { .wr-contact__content { width: calc(100% - 1.5rem); } .wr-contact__form-spec { padding-inline: .85rem; } .wr-contact__static-row { gap: .6rem; padding-inline: .75rem; } .wr-contact__static-cta { font-size: 1.05rem; padding-inline: 2rem; } }