/* ---- fh-fuentes ---- */ /* * Tipografia de marca, servida desde nuestro servidor. * * El manual fija Helvetica Neue Condensed Bold para titulares y designa * Barlow Condensed 700 como sustituta web libre. Barlow no se estaba * cargando: en un movil, donde Helvetica Neue Condensed no existe, los * titulares caian en Impact. Montserrat va en version variable, asi que un * solo fichero cubre del peso 300 al 700. * * swap: se lee el texto desde el primer pintado, con la tipografia del * sistema, y cambia sola al llegar la nuestra. Nunca texto invisible. */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://www.filmhouses.com/wp-content/mu-plugins/fh-assets/fuentes/barlow-condensed-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://www.filmhouses.com/wp-content/mu-plugins/fh-assets/fuentes/barlow-condensed-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(https://www.filmhouses.com/wp-content/mu-plugins/fh-assets/fuentes/montserrat-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(https://www.filmhouses.com/wp-content/mu-plugins/fh-assets/fuentes/montserrat-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* * El respaldo de Barlow Condensed, a su medida (punto 93). * * Barlow llega con font-display: swap, asi que durante un instante el * titular se pinta con la letra del sistema, que es mas estrecha, y al * llegar Barlow todo se mueve. Con size-adjust el respaldo ocupa lo * mismo que la definitiva y el salto desaparece. */ @font-face { font-family: 'Barlow Condensed respaldo'; src: local('Arial Narrow'), local('Helvetica Neue Condensed'), local('Liberation Sans Narrow'); size-adjust: 115%; } /* ---- fh-viejas ---- */ /* Film Houses - las paginas viejas de Elementor, con nuestra letra. Solo la familia. Ni tamanos, ni grosores, ni interlineados, ni colores: el diseno de Elementor se queda como esta. Lo unico que cambia es que donde ponia "proxima-nova" -que venia de Typekit y ya no se carga- ahora pone Montserrat, que servimos nosotros. Es un apano hasta que las legales pasen a plantilla propia con el 71 y las de agente con el 99. Los iconos se quedan fuera a proposito: Font Awesome y los de Elementor son tipografias tambien, y pisarles la familia los convierte en cuadraditos. */ body:not(.fh-nuevo) h1, body:not(.fh-nuevo) h2, body:not(.fh-nuevo) h3, body:not(.fh-nuevo) h4, body:not(.fh-nuevo) h5, body:not(.fh-nuevo) h6, body:not(.fh-nuevo) p, body:not(.fh-nuevo) li, body:not(.fh-nuevo) dt, body:not(.fh-nuevo) dd, body:not(.fh-nuevo) td, body:not(.fh-nuevo) th, body:not(.fh-nuevo) blockquote, body:not(.fh-nuevo) label, body:not(.fh-nuevo) input, body:not(.fh-nuevo) textarea, body:not(.fh-nuevo) select, body:not(.fh-nuevo) button:not([class*="fa-"]):not([class*="eicon-"]), body:not(.fh-nuevo) a:not([class*="fa-"]):not([class*="eicon-"]), body:not(.fh-nuevo) span:not([class*="fa-"]):not([class*="eicon-"]):not(.e-font-icon), body:not(.fh-nuevo) div:not([class*="fa-"]):not([class*="eicon-"]):not(.e-font-icon) { font-family: var(--fh-font-text, Montserrat), "Helvetica Neue", Arial, sans-serif !important; } /* * La lista de datos del articulo viejo, que saca la pagina por el lado. * * Elementor le pone margin: -8px a izquierda y derecha a * .elementor-inline-items contando con que cada elemento lleve 8 px de * relleno. Aqui el relleno es cero, asi que la lista mide 376 px dentro * de una columna de 360 y la pagina se desplazaba 8 px en movil. Medido * el 5-10-2026 a 360 y a 390 px. */ /* * Elementor lo pone con margin-inline y con la clase del elemento * delante, asi que gana a cualquier selector razonable de aqui: este es * uno de los sitios donde hace falta !important, como con las fuentes. * Sin el margen negativo la lista mide lo que su columna y, como ya * lleva flex-wrap, se parte en dos lineas en movil. */ body:not(.fh-nuevo) .elementor-icon-list-items.elementor-inline-items { margin-inline: 0 !important; } /* ---- hello-elementor ---- */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} /* ---- hello-elementor-theme-style ---- */ @charset "UTF-8";.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{position:relative;display:block}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{max-width:500px;margin:50px auto}.post-password-form p{width:100%;display:flex;align-items:flex-end}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:rgb(238.425,238.425,238.425);clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}@media (max-width:991px){.post .wp-post-image{max-height:400px}}@media (max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{margin:0;padding:0;list-style:none;font-size:.9em}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{display:flex;flex-direction:column;padding-block-start:30px;padding-block-end:30px;padding-inline-start:60px;padding-inline-end:0;border-block-end:1px solid #ccc}#comments .comment .avatar,#comments .pingback .avatar{position:absolute;left:0;border-radius:50%;margin-inline-end:10px}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{position:relative;list-style:none;margin:0;padding-inline-start:30px}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{display:inline-block;font-size:1em;font-weight:400;line-height:100%;content:"↪";position:absolute;top:45px;left:0;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media (min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media (max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{position:inherit;float:left}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-start:auto;margin-inline-end:auto;width:100%}@media (max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-start:10px;padding-inline-end:10px}}@media (min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media (min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media (min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} /* ---- hello-elementor-header-footer ---- */ @charset "UTF-8";.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-start:1rem;padding-block-end:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-start:1rem;padding-block-end:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media (max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;text-align:center;width:100%;max-width:none}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{display:flex;align-items:center;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;cursor:pointer;border:0 solid;border-radius:3px;background-color:rgba(0,0,0,.05);color:#494c4f}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{content:"";background-color:currentColor;display:block;height:3px;transition:all .2s ease-in-out;border-radius:3px}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{display:flex;align-items:center}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{position:relative;display:flex}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{display:flex;content:"▾";font-size:1.5em;justify-content:center;align-items:center;color:#666;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;min-width:150px;position:absolute;z-index:2;left:0;top:100%}.site-navigation ul.menu li ul li{border-block-end:rgb(238.425,238.425,238.425) 1px solid}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{top:auto;bottom:100%}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{margin-block-start:10px;transition:max-height .3s,transform .3s;transform-origin:top;position:absolute;bottom:0;left:0;z-index:10000;width:100%}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{transform:scaleY(0);max-height:0}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{transform:scaleY(1);max-height:100vh}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{position:absolute;width:100%;padding:0;margin:0;background:#fff}.site-navigation-dropdown ul.menu li{display:block;width:100%;position:relative}.site-navigation-dropdown ul.menu li a{display:block;padding:20px;background:#fff;color:#55595c;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1019607843)}.site-navigation-dropdown ul.menu li.current-menu-item a{color:#fff;background:#55595c}.site-navigation-dropdown ul.menu>li li{transition:max-height .3s,transform .3s;transform-origin:top;transform:scaleY(0);max-height:0}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{transform:scaleY(1);max-height:100vh}@media (max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important} /* ---- fh-custom ---- */ /* Film Houses - ajustes de estilo propios. Cargado desde mu-plugins/fh-custom-style.php */ /* --- Simbolo de moneda --------------------------------------------------- Tamano: un punto por debajo de la cifra (0.8), en vez del salto brusco que habia. Separacion: en español, aleman y sueco el simbolo va DETRAS y la norma tipografica pide un espacio -> "395.000 €". En ingles va DELANTE y se escribe pegado -> "€395,000", por eso se excluye [lang^="en"]. */ .inmovilla-property-price .currency, .inmovilla-property-outlet-price .currency { font-size: 0.8em !important; } html:not([lang^="en"]) .inmovilla-property-price .currency, html:not([lang^="en"]) .inmovilla-property-outlet-price .currency { margin-left: 0.16em; } /* ================================================================== PRUEBA: portada con la identidad del dossier (pagina 4676). Redefinimos aqui las variables globales de Elementor SOLO en esa pagina, asi la cabecera, el pie y todo lo que use estilos globales acompañan sin tocar el kit. Se borra entero cuando decidamos. ================================================================== */ body.fh-nuevo, body.page-id-4676 { /* color */ --e-global-color-primary: #273743; --e-global-color-secondary: #273743; --e-global-color-text: #6C665E; --e-global-color-accent: #C09D75; --e-global-color-0096c1d: #F4EDE4; /* White */ --e-global-color-1ec5c8b: #F4EDE480; /* White 50% */ --e-global-color-bb19890: #DED5C9; /* Social Border */ --e-global-color-2efefc5: #EFE7DC; /* Light */ --e-global-color-ebe7544: #EFE7DC8A; /* Light 54% */ --e-global-color-7138c24: #9C9287; --e-global-color-f58383c: #9C9287; /* CTA Color */ --e-global-color-6ee02e6: #9C9287; --e-global-color-977724b: #9C9287; --e-global-color-c653af8: #6C665E; --e-global-color-cc69ced: #6C665E3D; /* List Divider */ --e-global-color-fd8037b: #F4EDE4; --e-global-color-93afce2: #C09D75; /* Corporativo */ /* tipografia: titulares en condensada, el resto en Montserrat */ --e-global-typography-primary-font-family: 'Archivo Narrow'; --e-global-typography-secondary-font-family: 'Archivo Narrow'; --e-global-typography-ed622a6-font-family: 'Archivo Narrow'; --e-global-typography-20816d1-font-family: 'Archivo Narrow'; --e-global-typography-60a95bd-font-family: 'Archivo Narrow'; --e-global-typography-cae0dcc-font-family: 'Archivo Narrow'; --e-global-typography-db3baa9-font-family: 'Archivo Narrow'; --e-global-typography-cc00b78-font-family: 'Archivo Narrow'; --e-global-typography-11076cb-font-family: 'Archivo Narrow'; --e-global-typography-text-font-family: 'Montserrat'; --e-global-typography-accent-font-family: 'Montserrat'; --e-global-typography-647bb21-font-family: 'Montserrat'; --e-global-typography-d52411a-font-family: 'Montserrat'; --e-global-typography-395c16d-font-family: 'Montserrat'; --e-global-typography-b355f08-font-family: 'Montserrat'; --e-global-typography-4933c2e-font-family: 'Montserrat'; } /* Titulares de SECCION: condensada en mayusculas. Pesan mucho mas que la serif al mismo cuerpo, asi que se rebajan y se aprieta el interlineado. Se aplica solo al widget de titulo de Elementor, no a los titulos de las tarjetas de inmueble ni de noticia, que en mayusculas se apelmazan. */ body.page-id-4676 .elementor-widget-heading > .elementor-widget-container > .elementor-heading-title { font-family: 'Archivo Narrow', 'Helvetica Neue', sans-serif; text-transform: uppercase; letter-spacing: .005em; line-height: 1.02; } body.page-id-4676 .elementor-widget-heading h1.elementor-heading-title { font-size: 46px; } body.page-id-4676 .elementor-widget-heading h2.elementor-heading-title { font-size: 38px; } body.page-id-4676 .elementor-widget-heading h3.elementor-heading-title { font-size: 30px; } /* Titulos dentro de tarjetas y bucles: Montserrat, tal y como se escriben. */ body.page-id-4676 .e-loop-item .elementor-heading-title, body.page-id-4676 .e-loop-item h1, body.page-id-4676 .e-loop-item h2, body.page-id-4676 .e-loop-item h3, body.page-id-4676 .inmovilla-property-listing h1, body.page-id-4676 .inmovilla-property-listing h2, body.page-id-4676 .inmovilla-property-listing h3 { font-family: 'Montserrat', sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; font-weight: 500; } body.page-id-4676, body.page-id-4676 p, body.page-id-4676 li, body.page-id-4676 a, body.page-id-4676 button, body.page-id-4676 input, body.page-id-4676 .elementor-widget-text-editor { font-family: 'Montserrat', sans-serif; } /* Los antetitulos ("INMUEBLES DESTACADOS") se quedan en Montserrat: en condensada competirian con el titular que llevan debajo. */ body.page-id-4676 .elementor-element-3fa27c32 .elementor-heading-title, body.page-id-4676 .elementor-element-25f70eb .elementor-heading-title, body.page-id-4676 .elementor-element-f7a4ad5 .elementor-heading-title, body.page-id-4676 .elementor-element-238998a .elementor-heading-title { font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; letter-spacing: .22em !important; font-size: 11px !important; } @media (max-width: 767px) { body.page-id-4676 .elementor-widget-heading h1.elementor-heading-title { font-size: 30px; } body.page-id-4676 .elementor-widget-heading h2.elementor-heading-title { font-size: 26px; } body.page-id-4676 .elementor-widget-heading h3.elementor-heading-title { font-size: 22px; } } /* ================================================================== Etiquetas de inmueble (Exclusiva / Obra nueva). El widget Post Info de Elementor las separa con una coma de texto suelta, que se ve entre las dos pildoras y no tiene ajuste para quitarla. Ocultamos el contenido del contenedor y volvemos a mostrar cada etiqueta: la coma deja de verse y el tamano de letra de las pildoras no se toca. ================================================================== */ .elementor-post-info__terms-list { visibility: hidden; } .elementor-post-info__terms-list .elementor-post-info__terms-list-item { visibility: visible; } /* ------------------------------------------------------------------ PRUEBA (pagina 4676): el pie lleva dos colores escritos a mano que no son de marca — la banda del newsletter en #FFF7F1 y el boton Subscribete en #011640. Aqui se mapean a hueso y marino para que la prueba se vea coherente. En la web real siguen como estaban. ------------------------------------------------------------------ */ body.fh-nuevo .elementor-element-5ed90b3, body.fh-nuevo .elementor-element-5ed69468 { background-color: var(--fh-hueso, #F4EDE4) !important; } body.fh-nuevo .elementor-location-footer .elementor-button, body.fh-nuevo .elementor-location-footer button[type="submit"] { background-color: var(--fh-marino, #273743) !important; border-color: var(--fh-marino, #273743) !important; color: #F4EDE4 !important; border-radius: 999px !important; } /* * Solo para lectores de pantalla. * * Se usa en encabezados que hacen falta para que la jerarquia sea correcta * pero que en pantalla sobran, porque el dato ya esta a la vista. No se usa * display:none, que los quitaria tambien del arbol de accesibilidad. */ .fh-solo-lectores { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* El destino del enlace de salto no debe dibujar contorno al recibir foco por programa, pero si cuando se llega con el teclado. */ #contenido:focus { outline: none; } #contenido:focus-visible { outline: 2px solid var(--fh-arena); outline-offset: 4px; } /* ========================================================= Contraste Medido con axe sobre la portada: el antetitulo en arena cumple sobre marino (4,86) pero no sobre hueso (2,17) ni sobre las tarjetas blancas (2,52). El manual ya prevé este caso ("arena sobre marino solo cumple en texto >=24px") y da grafito como color de texto secundario: 6,55 sobre hueso. Arena se queda donde sí cumple, que es la mayoría de la web, porque el 60 % es marino. ========================================================= */ /* Se da la vuelta a la regla: grafito por defecto y arena solo donde cumple, que es sobre marino. Enumerar los fondos claros uno a uno dejaba fuera sitios como el antetitulo del boletin en el pie. */ /* !important porque filmhouses-brand-tokens.css, que es el fichero tal cual lo entrego el estudio, fija ahi el color arena y se carga despues. No se toca ese fichero: es la referencia de marca. */ .fh-eyebrow, .fh-portada .fh-eyebrow { color: var(--fh-grafito) !important; } .fh-portada .fh-seccion--marino .fh-eyebrow, .fh-portada .fh-on-marino .fh-eyebrow, .fh-seccion--marino .fh-eyebrow, .fh-on-marino .fh-eyebrow, .fh-hero .fh-eyebrow, .fh-res-cab .fh-eyebrow { color: var(--fh-arena) !important; } /* Salvo dentro de una tarjeta blanca, aunque la seccion sea marino. */ .fh-seccion--marino .fh-ficha .fh-eyebrow, .fh-on-marino .fh-ficha .fh-eyebrow, .fh-ficha__sitio { color: var(--fh-grafito) !important; } /* Las pestañas inactivas del buscador iban en un gris suelto (#8a9099, 3,81 sobre marino). Blanco al 62 % da 5,79 y no añade ningún color que no esté en el manual. */ .fh-buscador__pestana { color: rgba(255, 255, 255, .62); } .fh-buscador__pestana[aria-selected="true"], .fh-buscador__pestana.is-activa { color: var(--fh-blanco); } /* Los cuatro casos que quedaban, medidos con axe: - "Ver todas" en arena sobre hueso: 2,17. Pasa a marino, y arena se reserva para el hover, donde el subrayado ya marca el estado. - El antetitulo del bloque de zonas va sobre marino aunque su seccion no lleve la clase: con la regla general se quedaba en grafito, 1,61. - El antetitulo del boletin, en el pie, sobre hueso. */ .fh-seccion--hueso .fh-enlace, .fh-seccion--arena .fh-enlace, .fh-on-claro .fh-enlace, .fh-seccion--hueso .fh-seccion__cabecera .fh-enlace { color: var(--fh-marino) !important; } .fh-seccion--hueso .fh-enlace:hover, .fh-seccion--hueso .fh-enlace:focus-visible, .fh-on-claro .fh-enlace:hover, .fh-on-claro .fh-enlace:focus-visible { color: var(--fh-arena) !important; } /* * El teclado hace lo mismo que el raton, y el cambio entra suave. * * Pep, 20-10-2026. El dorado al pasar el raton ya estaba puesto; lo que * faltaba eran dos cosas. Una, que al tabular estos enlaces se quedaban * en su color y solo salia el anillo por defecto del navegador. Y dos, * que el cambio era seco: transicion 0s. Las tarjetas de agente ya * usaban .2s, asi que es el ritmo de la casa y no un numero nuevo. * * El anillo de foco del navegador NO se quita: el color es un aviso de * mas, no el unico. */ .fh-enlace, .fh-oficina__tel a, .fh-cab__tel, .fh-pie__sitio, .fh-pie__sitio a { transition: color .2s ease; } /* * La linea dorada fina, siempre, como la del telefono. * * Pep, 20-10-2026. El telefono del bloque de oficinas ya llevaba * border-bottom dorado permanente, asi que se reconoce como enlace sin * depender del color. "Como llegar" y sus hermanos no la llevaban, y su * unico aviso al pasar el raton era un dorado de 2,17 de contraste. * * Va en los enlaces de este estilo -los de la flecha- y no en los * telefonos de la cabecera y del pie, que van en blanco sobre marino y * son otro contexto. */ .fh-enlace { border-bottom: 1px solid var(--fh-arena); padding-bottom: 2px; } .fh-mapa__texto .fh-eyebrow { color: var(--fh-arena) !important; } .fh-pie .fh-pie__boletin-fila .fh-eyebrow, .fh-pie .fh-pie__boletin .fh-eyebrow { /* Un nivel mas de especificidad que .fh-pie .fh-eyebrow, que pinta de arena todo el pie. La franja del boletin va sobre hueso, no sobre marino, y ahi arena se queda en 2,17. */ color: var(--fh-grafito) !important; } /* Los enlaces dentro de tarjetas blancas: arena sobre blanco da 2,52. Marino sobre blanco da 12,3, y arena se guarda para el hover. */ .fh-agente-tarjeta .fh-enlace, .fh-ficha .fh-enlace, .fh-vendido .fh-enlace, .fh-tarjeta .fh-enlace { color: var(--fh-marino) !important; } .fh-agente-tarjeta a:hover .fh-enlace, .fh-agente-tarjeta a:focus-visible .fh-enlace, .fh-agente-tarjeta .fh-enlace:hover, .fh-agente-tarjeta .fh-enlace:focus-visible, .fh-ficha .fh-enlace:hover, .fh-ficha .fh-enlace:focus-visible, .fh-vendido .fh-enlace:hover, .fh-vendido .fh-enlace:focus-visible { color: var(--fh-arena) !important; } /* * Las tarjetas del equipo, sin la linea dorada. * * Pep, 21-10-2026: le gustaba mas sin ella. Y encaja: en la tarjeta, * "Ver su perfil" es un , no un enlace -quien enlaza es la * tarjeta entera-, asi que la linea senalaba como enlace algo que no * lo es. En "Como llegar" y en los demas enlaces con flecha la linea * se queda como esta: alli si son enlaces de verdad. */ .fh-agente-tarjeta__ver { border-bottom: 0; padding-bottom: 0; } /* La ficha: sus antetitulos y el "Leer más" van sobre hueso y blanco, donde arena se queda en 2,17 y 2,52. Misma regla que en el resto de la web. */ .fh-ficha-pag .fh-eyebrow, .fh-ficha-pag .fh-plegable__boton, .fh-ficha-pag .fh-ficha__sitio { color: var(--fh-grafito) !important; } .fh-ficha-pag .fh-seccion--marino .fh-eyebrow, .fh-ficha-pag .fh-on-marino .fh-eyebrow { color: var(--fh-arena) !important; } .fh-ficha-pag .fh-plegable__boton:hover { color: var(--fh-marino) !important; } /* El aviso del certificado energetico ("Certificado en tramites", "Exento") deja su caja dibujada aunque no haya nada que decir, y se ve un rectangulo gris vacio bajo el titulo. Si esta vacia, no se pinta. */ .inmovilla-energy-status-message:empty { display: none !important; } /* ========================================================= Dos arreglos de las plantillas nuevas ========================================================= */ /* El titular de display perdia contra ".elementor-kit-9 h1", que es mas especifica, y los H1 salian en Archivo Narrow: mas fina y no es la tipografia del manual. En la portada no pasaba porque alli hay una regla propia con mas peso. Esta cubre las ocho plantillas. */ body .fh-display { font-family: var(--fh-font-display) !important; } /* Hueso sobre arena da 2,17. Marino sobre arena da 4,86 y es la combinacion que ya usa el manual para el estado de paso del ratón. */ .fh-btn-primary, .fh-res-filtros__ok, .fh-buscador__boton { color: var(--fh-marino) !important; } /* Barlow Condensed siempre, en todos los dispositivos. Antes la lista empezaba por Helvetica Neue Condensed Bold: en un Mac o un iPhone salia esa y en Android salia Barlow, asi que el titular no se veia igual en dos telefonos. Decision de Miguel del 27-09-2026: manda Barlow, que es la sustituta libre que designa el propio manual. */ body.fh-nuevo { --fh-font-display: "Barlow Condensed", "Barlow Condensed respaldo", "Helvetica Neue Condensed Bold", HelveticaNeue-CondensedBold, Impact, sans-serif; } /* ------------------------------------------------------------------ Los formularios de toda la web (punto 76, 5-10-2026) ------------------------------------------------------------------ Estaba en fh-ficha.css, que solo se carga en las fichas: el formulario de Contacto salia sin estilo ninguno. Aqui lo ven todos: la ficha, Contacto, Vender, Unete y el aviso de zona vacia. */ /* --- formulario (punto 76, 5-10-2026) --- Madison: "campos mas pequenos y finos, mas aire entre ellos, la etiqueta separada del campo, todo en una columna y el boton debajo, no al lado". Vale para todos los formularios de la web: la ficha, el contacto, vender, unete y el aviso de zona vacia salen todos de aqui. */ .fh-form { display: grid; gap: 22px; } .fh-form label { display: grid; gap: 10px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.72); } /* Todo en una columna: antes esto ponia dos campos uno al lado del otro. */ .fh-form__par { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; } .fh-form input, .fh-form textarea, .fh-form select { width: 100%; background: #fff; border: 0; border-radius: 10px; padding: 11px 14px; font-size: 15px; color: var(--fh-marino); font-weight: 300; line-height: 1.4; } .fh-form textarea { min-height: 7.5em; } .fh-form input:focus, .fh-form textarea:focus, .fh-form select:focus { outline: 2px solid var(--fh-arena); outline-offset: 2px; } .fh-form__pista { font-size: 12px; color: rgba(255,255,255,.6); margin: -10px 0 0; } /* El boton, debajo y por su cuenta. */ .fh-form button[type="submit"] { margin-top: 2px; justify-self: start; } /* En claro, la etiqueta y la pista no pueden ir en blanco. */ .fh-on-claro .fh-form label { color: rgba(21, 41, 60, .72); } .fh-on-claro .fh-form__pista { color: rgba(21, 41, 60, .62); } .fh-on-claro .fh-form input, .fh-on-claro .fh-form textarea, .fh-on-claro .fh-form select { border: 1px solid rgba(21, 41, 60, .16); } /* La casilla de privacidad, dentro del formulario. Con ".fh-form" delante: ".fh-form label" pesa mas que la clase sola y dejaba la casilla encima del texto y en versales. */ .fh-form .fh-form__priv { display: flex; gap: .6rem; align-items: flex-start; font-size: .82rem; letter-spacing: 0; text-transform: none; line-height: 1.45; opacity: .85; } .fh-form .fh-form__priv input { width: auto; margin-top: .2rem; flex: 0 0 auto; } /* * El enlace tiene que verse que es un enlace: con "color: inherit" y sin * subrayado no lo parecia. Madison, 6-10-2026. */ .fh-form .fh-form__priv a { color: inherit; text-decoration: underline; text-underline-offset: .18em; } .fh-form .fh-form__priv a:hover { text-decoration-thickness: 2px; } /* * Y el texto de la casilla, en minuscula y al lado del cuadrado. * * En Vender manda ".fh-vender-form label > span", que pone el span en * bloque, en versales y a 11px: la casilla salia sola y centrada con el * texto debajo en mayusculas. */ .fh-form .fh-form__priv > span, .fh-vender-form .fh-form__priv > span, .fh-on-claro .fh-vender-form .fh-form__priv > span { display: inline; margin: 0; font-family: var(--fh-font-text); font-size: .82rem; font-weight: 300; letter-spacing: 0; text-transform: none; line-height: 1.45; color: inherit; } /* ------------------------------------------------------------------ Los botones al pasar el ratón y al enfocar con el teclado (punto 16) ------------------------------------------------------------------ Pep: al pasar por encima, el botón se volvía invisible. La culpa es de una regla del tema: .elementor-kit-9 button:hover, ... :focus { background-color: var(--e-global-color-4380536); color: var(--e-global-color-accent); } y esa variable vale #02010100, que es transparente del todo. El botón se quedaba sin fondo y con la letra arena: sobre hueso da 1,9 y no se lee. Alcanzaba a todos los