/* ========================================================================== Quinta Dodó — ajustes propios sobre el layout base Se cargan al final del para ganarle a los estilos de Framer. ========================================================================== */ /* ---------- Portada: la quinta a pantalla completa, arriba de todo ---------- */ /* OJO: .framer-nx6HF.framer-1m4j8br es el contenedor GENERICO de toda pagina (Framer reusa ese mismo hash en el sitio entero, no es exclusivo del home). Sin el :has() de abajo, esta portada aparecia arriba de TODAS las paginas del sitio, tapando el contenido real de cada una. .framer-aiycup es la seccion Hero real del home (data-framer-name="Hero") y NO existe en ninguna otra pagina: sirve de ancla para que la regla aplique solo ahi. El contenedor de pagina es flex: un ::before con order 0 se vuelve el primer item visible, antes del resto de las secciones (order 2 en adelante). */ .framer-nx6HF.framer-1m4j8br:has(.framer-aiycup)::before { content: ""; order: 0; flex: 0 0 auto; width: 100%; height: 100vh; box-sizing: border-box; /* logo centrado, en capa arriba de la foto de fondo */ background-image: url("logo_dodo.png"), url("portada_quinta.jpg"); background-position: center center, center center; background-repeat: no-repeat, no-repeat; background-size: clamp(220px, 26vw, 420px) auto, cover; } /* Hero original de Aveon: se saca el div .framer-ab78dw (foto de la pileta, efecto de agua e info del hero) pero la seccion .framer-aiycup SE QUEDA, porque adentro vive la galeria arrastrable de fotos (.framer-bk1czx). Se oculta con CSS y no se borra del HTML porque Framer lo vuelve a montar al hidratar. .framer-aiycup tambien es el ancla del :has() de la portada. */ .framer-ab78dw { display: none !important; } /* ========================================================================== HOME: estructura repensada para la quinta El contenedor de pagina (.framer-nx6HF.framer-1m4j8br) es display:flex y las secciones son sus items (el wrapper intermedio es display:contents), asi que se reordenan con `order` sin tocar el HTML de Framer. Todo lo que no lleve order queda en 0 (primero): por eso el CTA final y el footer tambien llevan numero, para que no suban arriba del contenido. ========================================================================== */ .framer-aiycup { order: 1; } /* Hero: queda solo la galeria arrastrable */ .framer-z1004e { order: 2; } /* Case Study: tarjetas de los espacios (sube) */ .framer-9j0qtz { order: 3; } /* Services: que ofrece la quinta */ .framer-1o5qyp2 { order: 4; } /* Gallery: galeria arrastrable */ .framer-vfne17 { order: 5; } /* About: la propuesta */ .framer-6eq253 { order: 6; } /* Process: como reservar */ .framer-uyzntv { order: 7; } /* FAQs */ .framer-1ugre1w { order: 8; } /* Journal: tarjetas de guia */ .framer-17ihfxw-container { order: 9; } /* CTA final "Listo para reservar" */ .framer-su08u6-container { order: 10; } /* Footer */ /* Fuera del home: contadores con los numeros del template (200+, 98%...) y el carrusel de testimonios, que sin resenas reales es un layout vacio. */ .framer-1tpxl96, /* Metrics */ .framer-2frp74 { /* Testimonial */ display: none !important; } /* Formularios de newsletter (guia + footer): postean al endpoint de Framer del template Aveon. La captacion es por WhatsApp/Booking. */ .framer-1c60yxh, .framer-jy0vho, [data-framer-name^="Newsletter"] { display: none !important; } /* ---------- /reservas: seccion de mapa (mapa.js la inserta) ---------- */ .qd-map-section { background: #1a1512; padding: 64px 24px; width: 100%; align-self: stretch; box-sizing: border-box; } .qd-map-inner { max-width: 977px; margin: 0 auto; } /* especifico contra .qd-tag (sidebar.css): esa regla pone color con var(--qd-muted), variable que solo existe dentro de .qd-drawer-root, asi que fuera del drawer es invalida y el texto hereda negro en vez de caer a esta declaracion. Con mas especificidad, esta gana siempre. */ .qd-map-section .qd-map-tag { color: #b5a898; } .qd-map-title { margin: 6px 0 14px; font-family: "Instrument Serif", Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(28px, 4vw, 40px); color: #f4f1eb; } .qd-map-text { margin: 0 0 24px; max-width: 60ch; font-size: 15px; line-height: 1.55; color: #cfc6ba; } .qd-map-frame { border-radius: 4px; overflow: hidden; border: 1px solid #3d3229; } .qd-map-frame iframe { display: block; width: 100%; height: 360px; border: 0; } .qd-map-link { display: inline-block; margin-top: 16px; font-family: ui-monospace, "Geist Mono", SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: 0.04em; color: #f4f1eb; text-decoration: none; border-bottom: 1px solid rgba(244, 241, 235, 0.4); } .qd-map-link:hover { border-bottom-color: #b8845c; color: #b8845c; } /* ---------- /reservas: mugre del template Aveon ---------- */ .framer-23p62, /* tarjeta de contacto falsa: EMAIL / PHONE / MELBOURNE, 42 Smith St */ .framer-fxztht, /* formulario "Submit Ticket" de estudio de diseno (Amsterdam/Barcelona, budget $25k...) */ .framer-1mgjjev, /* "[ FOLLOW US ]" Instagram/LinkedIn/Pinterest duplicados */ .framer-z29ehe, /* "[ HORARIOS ]" Mon-Fri 9-6, horario de oficina de estudio */ .framer-11nlytp-container, /* mapa embebido de Framer B.V. (la empresa del template, no la quinta) */ .framer-j4ms { /* header "[ LA PROPUESTA ]" + titulo: su altura viene fija en px desde el template y no se achica al ocultar la tarjeta de contacto de arriba, asi que queda una franja negra vacia arriba del mapa */ display: none !important; } /* ---------- /espacios/dormitorios: sacar una foto de la galeria de 2 ---------- */ /* .framer-1rxno6y es la clase generica del "segundo lugar" de este par de fotos, reusada en varias paginas de /espacios con OTRA foto cada vez: no se puede ocultar la clase sola. Se apunta con :has() al src exacto de esta foto puntual para no afectar a las demas paginas. Al ocultarla, la otra foto del par (flex:1 0 0) crece sola y ocupa todo el ancho. */ .framer-1rxno6y:has(img[src*="Wgu3Ab5eM99y1JJTmyvVdOEB4Iw"]) { display: none !important; } /* ---------- Restos de Aveon en fichas, CTA y nav ---------- */ /* La caja del logo (.framer-guq3gc) es el item mas alto de la barra y le fija la altura: con display:none el nav se achica de 68 a 49 px. Se oculta con visibility para que siga sosteniendo el alto sin verse ni recibir clicks. */ .framer-guq3gc { visibility: hidden !important; pointer-events: none !important; } /* Nav: ticker "CONCORDIA - ENTRE RIOS", fecha y reloj. Los links de WhatsApp y Booking los pone sidebar.js como elemento propio (.qd-navlinks). */ .framer-1jtl5dk, /* nav: ticker de ciudad */ .framer-wq6owp, /* nav: fecha */ .framer-176a6mk, /* nav: reloj */ .framer-qkxelw, /* /espacios: fila "PROPIEDAD / TODO EL AÑO" repetida en cada tarjeta */ .framer-1xj0j2q, /* /guia: chip de categoria "MODALIDADES" en cada tarjeta de articulo */ .framer-1ldul7l, /* /guia: "Tucker Rawlings", autor inventado del template Aveon */ .framer-9fd0g2, /* articulo de /guia: chip de categoria en el header */ .framer-p4n6i9, /* articulo de /guia: bio de "Tucker Rawlings" + Follow on X */ .framer-1lk61ps, /* articulo de /guia: variante de esa bio ("Our Rule") en otro articulo */ .framer-18nu0lc, /* ficha: CLIENT / YEAR / AREA / DURATION */ .framer-pc20gp, /* ficha: "ALL PROJECTS" */ .framer-1ifsizd, /* ficha: "SERVICES PROVIDED" + chips */ .framer-1tyu4vp-container, /* ficha: rotulo "[ MORE PROJECTS ]" */ .framer-p5kt6b-container, /* CTA: avatares + estrellas + "200+ GLOBAL CLIENTS" */ .framer-wqjosw { /* /reservas: bloque "[ 3 PASOS ]" del template */ display: none !important; } /* ---------- Videos de Aveon: fuera ---------- */ /* Home: bloque "Reel Showcase". About: contenedor del video del header. Los dos contienen solo el