/* Theme Name: reformadisimo Theme URI: http://www.somoswaka.com; Description: Tema para la web de Reformadisimo Author: Alejandro Herrero (alexwaka@somoswaka.com) y Gonzalo Rueda (gonzalo@somoswaka.com) Author URI: http://www.somoswaka.com Template: Divi Version: 1.0 */ /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/wp-content/themes/reformadisimo/fonts//roboto-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/reformadisimo/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /********************************************/ /* */ /* */ /* GENERALES */ /* */ /* */ /********************************************/ /* GENERALES */ ::selection{ color: #3287a4; background-color: #ffcc00; } body, body h1, body h2, body h3, body h4, body h5, body h6, p, li, blockquote{ font-weight: 300; } strong{ font-weight: 400; } body h1{ font-size: 90px; color: #3287a4; } body h1 strong{ font-weight: 300; } body h1 strong:before{ content: url(/wp-content/uploads/reformadisimo-subrayado.png); position: absolute; display: flex; bottom: -20px; } body .et_pb_bg_layout_dark h1 strong:before{ content: url(/wp-content/uploads/reformadisimo-subrayado_blanco.png); } body h2{ font-size: 56px; } body.single-post h2{ font-size: 42px; } body h3{ font-size: 32px; } body h4{ font-size: 28px; } body h5{ font-size: 24px; font-weight: 400; } body h6{ font-size: 20px; font-weight: 400; } body.single-post h2, body.single-post h3, body.single-post h4, body.single-post h5, body.single-post h6{ padding: .4em 0; } blockquote{ border: none; } blockquote p{ font-size: 32px; font-style: italic; color: #666; line-height: 1.2em; } blockquote:before{ content: url(/wp-content/uploads/reformadisimo-cita.png); position: absolute; margin-top: -20px; margin-left: -20px; } .et_pb_bg_layout_dark blockquote:before{ content: url(/wp-content/uploads/reformadisimo-cita_blanco.png); } .et_pb_text a{ text-decoration: underline; } .et_pb_bg_layout_dark blockquote p, .et_pb_bg_layout_dark a{ color: #ffffff; } .et_pb_text li{ list-style-type: none; } .et_pb_text ul li:before{ content: " "; display: block; width: 6px; height: 6px; position: absolute; background-color: #3287a4; border-radius: 50%; margin: .5em 0 0 -1em; } .et_pb_bg_layout_dark ul li:before{ background-color: #ffffff; } .et_pb_text ol{ counter-reset: item; list-style: none; } .et_pb_text ol li{ counter-increment: item; margin-bottom: .8em; } .et_pb_text ol li:before { margin-right: .5em; content: counter(item); background: #FFCC00; border-radius: 100%; color: #ffffff; font-weight: 600; font-size: 28px; line-height: 1.4em; width: 1.4em; height: 1.4em; text-align: center; display: inline-block; } .bannerAntesDespues.et_pb_section, .bannerAntesDespues.et_pb_section .et_pb_row:first-child{ padding-top: 0 !important; } .bannerAntesDespues .et_pb_bg_layout_light .et-pb-arrow-next, .bannerAntesDespues .et_pb_bg_layout_light .et-pb-arrow-prev{ color: #ffffff !important; } .bannerAntesDespues .et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{ background-color: #ffffff !important; } .bannerAntesDespues .et_pb_bg_layout_light .et-pb-controllers a{ background-color: rgba(255, 255, 255, 0.3); } .et_pb_video_play{ top: calc(50% - 67px); left: calc(50% - 67px); margin: 0 !important; } .et_pb_video_play:before { content: " "; background-image: url(/wp-content/uploads/reformadisimo-icono-play.png); display: block; width: 134px; height: 134px; filter: drop-shadow(0px 4px 10px #00000033); } .et_pb_column_1_3 .et_pb_video_play, .et_pb_column_1_4 .et_pb_video_play, .et_pb_column_3_8 .et_pb_video_play, .et_pb_carousel_item .et_pb_video_play{ width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); } .et_pb_column_1_3 .et_pb_video_play:before, .et_pb_column_1_4 .et_pb_video_play:before, .et_pb_column_3_8 .et_pb_video_play:before, .et_pb_carousel_item .et_pb_video_play:before{ background-size: 60%; background-repeat: no-repeat; } /* BOTONES */ .et_pb_button{ font-size: 18px; text-transform: uppercase; padding: 12px 30px; border: 2px solid #3287a4; background-color: #3287a4; border-radius: 200px; color: #ffffff; transition: all .2s; } .et_pb_button:hover{ padding: 12px 30px !important; background-color: #22647A !important; border: 2px solid #22647A; color: #ffffff; } .et_pb_bg_layout_dark .et_pb_button, .et_pb_button.et_pb_bg_layout_dark{ color: #3287a4 !important; border: 2px solid #FFCC00; background-color: #FFCC00; } .et_pb_bg_layout_dark .et_pb_button:hover, .et_pb_button.et_pb_bg_layout_dark:hover{ padding: 12px 30px !important; border: 2px solid #FFCC00ee; background-color: #FFCC00ee !important; } .et_pb_scroll_top.et-pb-icon{ background-color: #ffcc00; padding: 10px 11px 10px 9px; color: #3287a4; border-radius: 50%; bottom: 10px; right: 10px; -webkit-box-shadow: 0px 4px 20px 0px #00000022; box-shadow: 0px 4px 20px 0px #00000022; } /* HEADER */ #top-header{ background-color: transparent !important; } #et-secondary-nav li ul{ padding: .6em 0; } #et-secondary-nav li>ul{ width: 260px; } #et-secondary-nav li li{ padding: 0 1em; } #et-secondary-nav li li a{ padding: .6em 1em; } #et-secondary-nav li>ul { width: 290px; } #et-secondary-nav li{ margin-right: 1.2em; text-align: left; } .et_header_style_left #main-header #et-top-navigation{ padding-top: 30px; } #top-header a, #top-menu li a{ font-weight: 400; } #et-top-navigation #top-menu li.telefonoMenu{ padding-right: 0; } #et-top-navigation #top-menu li.telefonoMenu a{ font-size: 42px; line-height: 1em; padding-bottom: .4em; } li.telefonoMenu a:before{ content: "\e090"; font-family: ETmodules!important; font-size: 30px; margin-right: .4em; } #et-top-navigation #top-menu li.botonMenu a{ font-size: 18px; text-transform: uppercase; padding: 12px 30px; border: 2px solid; border-radius: 200px; } #et-top-navigation #top-menu li.botonMenu{ display: none; margin-left: 22px; vertical-align: 60%; transition: all .2s; } .et-fixed-header #et-top-navigation #top-menu li.botonMenu{ display: inline-block; } #main-header.et-fixed-header{ background-color: #ffffff; top: 0 !important; } #main-header.et-fixed-header #top-menu li a{ color: #3287A4 !important; } #main-header.et-fixed-header img#logo, #main-header.et-fixed-header picture#logo img{ content: url(/wp-content/uploads/logo.png); margin-top: 0; padding: 10px 0; max-width: 100%; height: 80%; } .ie #main-header.et-fixed-header img#logo, .ie #main-header.et-fixed-header picture#logo img{ display: none; } /* Boton INSTAGRAM HEADER */ #et-top-navigation .et-social-instagram a.icon:before { display: none !important; } #et-top-navigation .et-social-icon a, #igMovil .et-social-icon a { font-size: 42px; margin-left: 15px; color: #fff; } #et-top-navigation .et-social-icon a:hover, #igMovil .et-social-icon a:hover { opacity: 0.5; color: #fff !important; } .et-fixed-header #et-top-navigation .et-social-icon a { color: #3287A4 !important; } #igMovil { display: none; } .et_fixed_nav #top-header{ position: absolute; } #menuMovil{ display: none; } #et-secondary-nav li.menu-item-has-children .menu-item-has-children>a:after { left: auto; right: 13px; } #et-secondary-nav li.menu-item-has-children .menu-item-has-children>ul.sub-menu { right: 0px; top: 53px; } .solo-footer{ display: none!important; } .solo-movil{ display: none!important; } #footer-bottom .solo-footer{ display: block!important; } .iconos-subpie{ display: flex; align-items: center; } .iconos-subpie .solo-footer a{ color: #ffffff; padding-right: 20px; text-decoration: none; } .iconos-subpie .et-social-icon a{ vertical-align: sub; } .et-social-instagram a.icon:before { content: "\E09A"; } .et-social-linkedin a.icon:before { content: "\E09A"; } /* SOCIAL ICONS IN DIVI HEADER */ /* https://brianshim.com/webtricks/social-icons-in-divi-main-menu/ */ .divi-instagram:after { content: "\E09A"; display: block; font-family: "ETmodules"; font-weight: normal; font-size: 36px; } /* HIDE SCREEN READER TEXT */ .sr-only{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } @media screen and ( max-width: 980px ) { #footer-bottom > .container{ margin-bottom: 50px; } .iconos-subpie{ flex-direction: column; } .et-social-instagram a.icon:before { content: "\E09a"; } .et-social-linkedin a.icon:before { content: "\E09A"; } .solo-movil{ display: block!important; } } /* ERROR CABECERAS */ div.et_pb_section.et_pb_section_0{ background-image: none !important; } .et_pb_section_0.et_pb_section{ background-color: #ffffff !important; } .page-id-13 div.et_pb_section.et_pb_section_0{ background-image: url(/wp-content/uploads/reformadisimo-img-fondo_home.jpg)!important; } .page-id-13 .et_pb_section_0.et_pb_section{ background-color: #3287a4!important; } /* FOOTER */ .et_pb_gutters3.et_pb_footer_columns4 .footer-widget{ width: 18%; } .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child{ width: 40%; } .et_pb_gutters3 .footer-widget{ margin: 0 2% 0 0; } .et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget{ margin-bottom: 20px; } .footer-widget .et_pb_widget{ float: none; } .footer-widget .fwidget:last-child{ margin-bottom: 12% !important; } a.telefonoFooter{ font-size: 42px; line-height: 1em; padding-bottom: .4em; } a.telefonoFooter:before{ content: "\e090"; font-family: ETmodules!important; font-size: 30px; margin-right: .4em; } a.telefonoWhatsapp{ font-size: 42px; line-height: 1em; padding-bottom: .4em; } a.telefonoWhatsapp:before{ content: url(/wp-content/uploads/reformadisimo-icono_whatsapp.png); font-size: 42px; margin-right: .4em; } .et_pb_widget ul li ul li{ margin: 0; } #footer-info, #footer-info a{ font-weight: 300; } #footer-info a{ text-decoration: underline; } .et-social-icons li{ margin-left: 10px; } /* COOKIES */ #cookie-law-info-bar { padding: 20px; } .cli-plugin-main-link{ margin-left: .2em; text-decoration: underline; } .cli-plugin-button{ display: block; width: fit-content; text-align: center; max-width: 200px; margin: 0 auto; } #cookie-law-info-bar{ background-color: #3287a4 !important; color: #ffffff !important; line-height: 1.2em; text-align: left; border: none !important; box-shadow: 10px 10px 10px 10px #00000066; } #cookie-law-info-bar a{ color: #ffffff !important; } .cli-plugin-button{ background-color: transparent !important; border: 2px solid #ffffff; border-radius: 200px !important; padding: .8em 2em !important; text-transform: uppercase; font-size: 16px !important; margin-top: 10px; } /* BANNERS DIAGONALES */ .diagonalAsciende{ padding-bottom: 140px !important; } .diagonalAsciende + .et_pb_section{ margin-top: -100px !important; -webkit-clip-path: polygon(0 100px, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 100px, 100% 0%, 100% 100%, 0% 100%); padding-top: 140px !important; } .diagonalDesciende{ padding-bottom: 140px !important; } .diagonalDesciende + .et_pb_section{ margin-top: -100px !important; -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); padding-top: 140px !important; } .diagonalAsciende + .et_pb_section.et_pb_fullwidth_section, .diagonalDesciende + .et_pb_section.et_pb_fullwidth_section{ padding: 0px !important; } /* CABECERAS CON IMAGEN DE FONDO */ .home #page-container, .single-project #page-container{ padding-top: 0px !important; /*margin-top: 45px !important;*/ } .home #main-header, .single-project #main-header{ background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .home #main-header.et-fixed-header, .single-project #main-header.et-fixed-header{ background-color: #ffffff; } .cabeceraReformadisimo{ padding-top: calc(4% + 135px); padding-bottom: 6%; } /* BANNER CALCULA */ .bannerCalcula, .bannerCalcula .et_pb_row{ padding: 1% 0; } .bannerCalcula .et_pb_row .et_pb_module{ height: 100%; } .bannerCalcula .et_pb_text_inner{ height: 100%; display: flex; align-items: center; } .bannerCalcula .et_pb_text_inner h3{ padding-bottom: 0; width: 100%; } /* CONMUTADORES */ .et_pb_toggle{ background: transparent; border: 2px solid #3287a4; border-radius: 30px; padding: 14px 20px 14px 24px; } .et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle_content, .et_pb_toggle_content li{ color: #3287a4; font-weight: 500; font-size: 16px; padding-right: 30px; } .et_pb_toggle_title:before{ content: "\4c"; font-size: 22px; color: #3287a4; } .et_pb_toggle_open .et_pb_toggle_title:before{ content: "\4b"; } .listasFiltro{ z-index: 9999; } .listasFiltro .et_pb_toggle{ height: 48px; } .listasFiltro h5.et_pb_toggle_title{ z-index: 9; } .listasFiltro .et_pb_toggle_content{ background-color: #ffffff; padding: 20px; width: calc(100% + 44px); margin-left: -24px; margin-top: -7px; border-radius: 0px 0px 30px 30px; border: 2px solid transparent; box-shadow: 0px 6px 10px 0px #0003; -webkit-box-shadow: 0px 6px 10px 0px #0003; -moz-box-shadow: 0px 6px 10px 0px #0003; } /* BANNER LISTAS */ .textoElige{ font-size: 32px; } /* GALERÍA DE FOTOS DE PROYECTOS */ .et_pb_gallery_grid .et_pb_gallery_image{ /*height: 300px; margin-bottom: 50px;*/ } .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item{ width: 32.33%; margin-right: 1.5%; margin-bottom: 1.5%; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item:nth-child(3n){ margin-right: 0; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item:nth-child(4n+1){ clear: none; } .et_overlay{ background: #3287a4cc; } .et_overlay:before{ color: #FFCC00 !important; content: "\55"; } .mfp-title{ display: none; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination{ border: none; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul, .et_pb_gallery .et_pb_gallery_pagination ul{ text-align: center; } .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a, .et_pb_gallery .et_pb_gallery_pagination ul li a{ font-size: 22px; } .infoProyecto .et_pb_blurb .et_pb_blurb_description{ font-size: 16px; color: #308cab; } .et_pb_gutters3 .infoProyecto .et_pb_column_1_3 .et_pb_blurb{ margin-bottom: 4%; } .et_pb_gallery_image a img{ object-fit: cover; min-height: 100%; } .et_pb_section .et_pb_gallery_items{ overflow: hidden; } /* GRID DE PROYECTOS */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item{ width: 32.33%; margin-right: 1.5%!important; margin-bottom: 1.5%; background-color: #308cab; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n){ margin-right: 0!important; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1){ clear: none!important; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item p.post-meta{ position: absolute; z-index: 9; top: 0; padding: 2% 6%; opacity: 0; transition: all .4s; } .et_pb_grid_item.et_pb_portfolio_item:hover h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item:hover h2.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item:hover p.post-meta{ opacity: 1; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header{ font-size: 32px; color: #ffffff; } .et_pb_grid_item.et_pb_portfolio_item p.post-meta{ bottom: 0; top: inherit; color: #ffffff; font-size: 18px; display: none; } .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_dark .et_pb_portfolio_item .post-meta a{ color: #FFCC00; } .et_pb_grid_item.et_pb_portfolio_item .et_overlay{ display: none; } .et_pb_grid_item.et_pb_portfolio_item:hover .et_portfolio_image img{ opacity: .2; transition: all .4s; } /* BANNER SHOWROOM */ .bannerShowroom.et_pb_section{ background-position: top; min-height: 999px; } .bannerShowroom.et_pb_section .imagenBannerShowroom{ width: 100%; max-width: 100%; padding: 0; height: 100%; position: absolute; top: 0; background-position: top; background-size: 129%; z-index: 0; } .bannerShowroom.et_pb_section .et_pb_column{ padding: 12% 0; } /* BANNER TELÉFONO */ .bannerTelefono{ font-size: 56px; } .bannerTelefono p{ padding-bottom: 0; } .bannerTelefono a{ text-decoration: none; font-size: 10vw; line-height: 1.2em; } .bannerTelefono a:hover{ color: white; opacity: .7; } /* FORMULARIO CONTACTO */ .wpcf7 ol{ counter-reset: item; list-style: none; } .wpcf7 ol li{ counter-increment: item; margin-bottom: .8em; font-size: 32px; padding-top: 1em; } .wpcf7 ol li p{ padding-left: 54px; } .wpcf7 ol li:before { content: counter(item); background: #FFCC00; border-radius: 100%; color: #ffffff; font-weight: 600; font-size: 28px; line-height: 1.4em; width: 1.4em; height: 1.4em; text-align: center; display: inline-block; margin-left: 0px; margin-top: -8px; padding: 3px 2px 1px 2px; position: absolute; } .wpcf7 ol li:first-child{ padding-top: 0; } .wpcf7 input, .wpcf7 select, .wpcf7 textarea{ border: 1px solid #308cab; width: 32.33%; padding: 10px 12px; font-size: 1.1vw; margin-right: 1.5%; margin-bottom: 1.5%; } .wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus{ border: 1px solid #308cab; background-color: #308cab11; } .wpcf7 .wpcf7-form-control-wrap:nth-child(3n) input, .wpcf7 .wpcf7-form-control-wrap:nth-child(3n) select, .wpcf7 .wpcf7-form-control-wrap:nth-child(3n) textarea{ margin-right: 0; } .wpcf7 textarea{ width: 100%; margin-right: 0; height: 100px; } .wpcf7 .wpcf7-acceptance span.wpcf7-list-item{ margin-left: 0; } .wpcf7 .wpcf7-acceptance span.wpcf7-list-item input{ width: 1em; margin-right: .5em; } .wpcf7 input[type="submit"]{ width: fit-content; float: right; margin-right: 0; font-size: 18px; text-transform: uppercase; padding: 16px 30px; border: 2px solid #3287a4; background-color: #3287a4; border-radius: 200px; color: #ffffff; transition: all .2s; } .wpcf7 input[type="submit"]:hover{ cursor: pointer; padding: 12px 30px !important; background-color: #22647A !important; border: 2px solid #22647A; color: #ffffff; } .wpcf7 input[type="submit"][disabled]{ background-color: #D9D9D9 !important; border: 2px solid #D9D9D9; } .wpcf7 input[type="submit"][disabled]:hover{ cursor: no-drop; } .wpcf7 label, .wpcf7 label + a, p.textoFormulario{ font-size: 12px; line-height: 1.4em; margin-top: -12px; } span.wpcf7-not-valid-tip{ display: none; } .wpcf7 input.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid{ border: 1px solid #f66; background-color: #ff666633; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok{ border: none; background-color: #f66; padding: .8em 1.4em; text-align: center; color: #fff; width: 100%; margin: 30px 0px; } div.wpcf7-mail-sent-ok{ background-color: #72B74D; } @media screen and ( min-width: 1101px ){ .wpcf7 input.izquierda-3col, .wpcf7 select.izquierda-3col, .wpcf7 textarea.izquierda-3col{ margin-left: 0%!important; margin-right: 1.5%!important; } .wpcf7 input.derecha-3col, .wpcf7 select.derecha-3col, .wpcf7 textarea.derecha-3col{ margin-left: 1.5%!important; margin-right: 0%!important; } .wpcf7 input.centro-3col, .wpcf7 select.centro-3col, .wpcf7 textarea.centro-3col{ margin-left: 0%!important; margin-right: 0%!important; } .wpcf7 input, .wpcf7 select, .wpcf7 textarea { font-size: 20px; } } .checks-mas-submit{ display: flex; align-items: flex-start; margin-top: -20px; margin-bottom: 20px; } .checks-mas-submit.fila-form{ margin-top: -10px; margin-bottom: 10px; } .checks-mas-submit p{ width: 100%; } .popup-content24 .checks-mas-submit{ flex-direction: column; } .fila-acepto-aviso-pop, .fila-acepto-aviso{ padding: 0; margin: 0; line-height: 0; width: 220px !important; } /* ANUNCIOS BLURBS */ .et_pb_blurb h4.et_pb_module_header{ font-size: 28px; } .et_pb_blurb_content{ text-align: left; } @media screen and ( max-width: 500px ){ .checks-mas-submit{ flex-direction: column; } .wpcf7-submit { width: 100%; margin-top: 10px; } } /* BANNER VENTAJAS */ .bannerVentajas .et_pb_text ol li:before{ position: absolute; margin-left: -2em; margin-top: -.2em; } /* POP UP PRESUPUESTO */ .botonPopup, .botonPopup .et_pb_row{ padding: 0; width: fit-content; min-width: 280px; }/* .botonPopup{ position: fixed; right: 0; top: 50%; z-index: 9999; background-color: transparent; }*/ .botonPopup{ position: fixed; top: 50vh; right: 0; z-index: 9990; text-align: right; background-color: #3287a4 !important; border: none !important; padding: 0 !important; color: #ffffff !important; font-size: 24px; text-transform: uppercase; font-weight: 400; -webkit-transform-origin: 101% 50%; -moz-transform-origin: 101% 50%; -ms-transform-origin: 101% 50%; -o-transform-origin: 101% 50%; transform-origin: 101% 50%; -webkit-transform: rotate(90deg) translate(50%,50%); -moz-transform: rotate(90deg) translate(50%,50%); -ms-transform: rotate(90deg) translate(50%,50%); -o-transform: rotate(90deg) translate(50%,50%); transform: rotate(90deg) translate(50%,50%); box-shadow: 4px -2px 15px rgba(0,0,0,0.5); -moz-box-shadow: 4px -2px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 4px -2px 15px rgba(0,0,0,0.5); transition: all .2s; } .botonPopup:hover{ background-color: #22647A !important; } .botonPopup .et_pb_button{ border-radius: 0; padding-left: 56px; } .botonPopup .et_pb_button:hover:after{ content: none; transition: none; } .botonPopup .et_pb_button:hover{ background-color: transparent; padding-left: 56px !important; } .botonPopup:before{ content: url(/wp-content/uploads/reformadisimo-logo_popup.png); opacity: 1; margin: .8em 0em 0em 1.2em !important; display: block; transform: rotate(-90deg); position: absolute; z-index: 9999; width: 10px; top: 0; left: 0; } .popupPresupuesto{ display: none; padding: 0; } .popupPresupuesto .et_pb_row{ transform: translatey(-50%) translatex(-50%); position: fixed; top: 50%; left: 50%; z-index: 999999; background-color: #ffffff; padding: 1.6em 2em .4em 4em; -webkit-box-shadow: 0px 0px 40px 100vh #00000099; box-shadow: 0px 0px 40px 100vh #00000099; } .closePresupuesto{ position: absolute; top: -78px; right: -120px; cursor: pointer; } .closePresupuesto .et-pb-icon{ color: #ffffff !important; } .closePresupuesto .et-waypoint{ opacity: 1!important; } .popup_outer_wrap.popup_full_height{ z-index: 9999999999 !important; } #sample{ display: none !important; } img.logoPopUp{ float: right; margin-bottom: 20px; margin-top: -20px; max-width: 250px; } /* BANNER ANTES Y DESPUÉS */ .bannerAntesDespues .et_pb_column{ margin-right: 1%; } .bannerAntesDespues .et_pb_column_1_2{ width: 49.5%; } .bannerAntesDespues .et_pb_column .et_pb_module{ margin-bottom: 2%; } .bannerAntesDespues .et_pb_column:last-child{ margin-right: 0; } .bannerAntesDespues .et_pb_image .et_pb_image_wrap, .bannerAntesDespues .et_pb_image img{ width: 100%; } /* PÁGINA 404 */ .pagina404:before{ display: none; } .pagina404{ height: 70vh; display: flex; align-items: center; } .pagina404 .wrap404{ width: 100%; text-align: center; } .pagina404 .wrap404 h1{ padding-bottom: .8em; font-size: 5vw; } /* BLOG ENTRADA */ .et_pb_widget_area_left{ border: none; } body .et_pb_post h1{ font-size: 62px; } .wpgmza-filter-widgets{ display: none !important; } .rp4wp-related-posts{ margin-top: 10%; } .botonPresupuestoBlog{ position: fixed; right: 0; top: calc(50% - 140px); } .botonPresupuestoBlog img{ box-shadow: 4px 2px 15px rgba(0,0,0,0.5); -moz-box-shadow: 4px 2px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 4px 2px 15px rgba(0,0,0,0.5); } .cajaContactoSidebar{ background-color: #3287A4; padding: 1.2em; } .cajaContactoSidebar ul{ margin-bottom: 30px; } .cajaContactoSidebar ul li.telefonoMenu a{ color: #ffffff !important; font-size: 2.3vw; font-weight: 400; } .comment_area .comment-reply-link, .comment_area .comment-reply-link:hover{ background: transparent !important; border: none; font-size: 14px; text-transform: none; text-decoration: underline; padding: 0 !important; color: #3287a4 !important; } .comment_area .comment-reply-link:after{ line-height: 1em; font-size: 24px; } /* MAPA CONTACTO */ .mapaContacto, .mapaContacto.et_pb_fullwidth_section .et_pb_map_container, .mapaContacto.et_pb_fullwidth_section .et_pb_map_container .et_pb_map{ min-height: 70vh; } /* LIGHTBOX VÍDEOS */ .nivo-lightbox-theme-default.nivo-lightbox-overlay{ z-index: 999999; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url(/wp-content/uploads/reformadisimo-icono-close.png); width: 44px; height: 44px; background-position: 0 0; opacity: 1; } /* BANNER PRENSA */ .bannerPrensa .et_pb_blurb h4.et_pb_module_header{ font-size: 20px; padding-bottom: 1em; font-weight: 500; } .bannerPrensa .et_pb_blurb_description p{ font-size: 14px; line-height: 1.4em; } .bannerPrensa .et_pb_blurb_description pre{ font-size: 12px; line-height: 1em; margin-bottom: .4em; } .bannerPrensa .et_pb_main_blurb_image{ margin-bottom: 8px; } /* PÁGINA BLOG */ .et_pb_blog_grid h2{ font-size: 22px; line-height: 1.2em; font-weight: 500; margin-bottom: 10px; padding: 0px 10px; } body .et_pb_blog_grid .et_pb_post .post-content { } body .et_pb_blog_grid .et_pb_post .post-content p, body .et_pb_blog_grid .et_pb_post p.post-meta, body .et_pb_blog_grid .et_pb_post a.more-link{ font-size: 14px; line-height: 1.4em; padding: 0px 10px; } body .et_pb_blog_grid .et_pb_post .post-content p{ color: black; font-size: 18px; } body .et_pb_blog_grid .et_pb_post p.post-meta a{ color: #3287a4; } body .et_pb_blog_grid .et_pb_post p.post-meta a:hover{ text-decoration: underline; } body .et_pb_blog_grid .et_pb_post p.post-meta{ margin-bottom: 16px; } body .listado-posts .et_pb_blog_grid .et_pb_post a.more-link:hover { text-decoration: underline; } body .listado-posts .et_pb_blog_grid .et_pb_post a.more-link{ text-transform: uppercase; padding-top: 40px; display: block; font-size: 18px; font-weight: 500; } .blog article{ font-weight: 300; } .blog article .entry-title a:hover{ color: #333333; opacity: .7; } .listado-posts .et_pb_blog_grid .et_pb_post{ border: 0px solid white; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important; box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important; } } /* ENTRADA */ #commentform .form-submit .et_pb_button{ color: #ffffff; } #main-content .container:before{ content: none; } /* PAGENAVI NAVEGACIÓN */ .wp-pagenavi{ border: none; text-align: center; } .wp-pagenavi a, .wp-pagenavi span{ font-size: 22px !important; } .wp-pagenavi a:hover, .wp-pagenavi span.current{ color: #3287a4 !important; } /* WP GOOGLE MAPS */ .wpgmza_infowindow_address, .wpgmza_gd{ display: none; } .gm-style-iw .wpgmza_markerbox a{ padding: .2em .4em !important; background-color: #3287A4 !important; border: 2px solid #3287a4; border-radius: 1.4em; color: #ffffff !important; } .wpgmza_markerbox .wpgmza_infowindow_title{ font-size: 18px; color: #333 !important; } /* CALCULADORA DE FINANCIACIÓN */ #tablaImporte, .entry-content #tablaImporte tr td, .entry-content .tablaWrapper, .entry-content .tablaWrapper tr td{ border: none; } .entry-content #tablaImporte tr td, .entry-content .tablaWrapper tr td{ padding: 0; } #tablaConIntereses, #tablaConIntereses2{ display: none; background: #3287a4; margin: 0 auto; background-color: #3287a4; background-repeat: no-repeat; color: #ffffff; width: 100%; box-shadow: none; border: 1px solid #3287a4; } #tablaConIntereses2{ margin: -120px auto 0 auto; } #botonCalcularImporte{ font-size: 18px; text-transform: uppercase; padding: 12px 30px; border: 2px solid #3287a4; background-color: #3287a4; border-radius: 200px; color: #ffffff; transition: all .2s; } #botonCalcularImporte:hover{ background-color: #22647A !important; border: 2px solid #22647A; color: #ffffff; } .bordearriba{ border-top: 1px solid #ffffff; } .sinFondo{ background-color: #FFFFFF; color: #000000; font-size: 18px; width: 50%; } .rojo{ color: #FFFFFF; background: #ffdd00; } .sinFondo sub{ float: left; font-size: 12px; font-weight: normal; color: #000000; padding: 10px 0 3px 0px; line-height: 1em; } .sinFondo #condicionesCon sub{ height: inherit; } #edit-submitted-izquierda-importe-calculadora{ width: 80px !important; } #importe{ float: left; border: 1px solid #308cab; width: 80% !important; padding: 10px 12px; font-size: 18px; margin-right: 1.5%; margin-bottom: 1.5%; transition: all .2s; } #importe:focus{ border: 1px solid #308cab; background-color: #308cab11; } .euro{ font-weight: 400; padding: 6px 0px 0px 3px; float: left; display: block; font-size: 2.8vw; color: #3287a4; width: 10% !important; } #descripcionSin{ float: left; } #descripcionCon, #descripcionSin, #descripcionCon2,{ font-size: 14px; } #tablaConIntereses tr, #tablaConIntereses td, #tablaConIntereses2 tr, #tablaConIntereses2 td{ padding: 0.4em 0px; text-align: center; } /* CALCULADORA PÁGINA NAVEGACIÓN */ .jinicio.jumbotron h3{ font-size: 26px; } .jinicio.jumbotron h4{ font-size: 18px; } /* POSTS RELACIONADOS */ .rp4wp-related-posts h3{ padding-bottom: 40px !important; } .rp4wp-related-posts ul{ padding-left: 0 !important; } .rp4wp-related-post-image{ width: fit-content !important; margin-bottom: 30px !important; padding-right: 20px !important; } .rp4wp-related-posts ul>li{ display: block; box-shadow: 0px 6px 19px 0px #aaaa; min-height: 150px; margin-bottom: 20px !important; } .rp4wp-related-post-content{ padding: 24px; } .rp4wp-related-post-content p{ font-size: 14px; line-height: 1.2em; } .rp4wp-related-post-content a{ display: block; font-size: 24px; line-height: 1.2em; margin-bottom: .2em; } /* PÁGINA POLÍTICA DE PRIVACIDAD */ body.page-id-106 h1{ font-size: 42px; } body.page-id-106 h2{ font-size: 32px; } body.page-id-106 h3{ font-size: 28px; } body.page-id-106 h4{ font-size: 24px; } body.page-id-106 h5{ font-size: 20px; font-weight: 400; } body.page-id-106 h6{ font-size: 20px; font-weight: 400; } /* LANDING */ .page-id-11151 #page-container{ padding-top: 45px !important; } .page-id-11151 header#main-header{ background-color: transparent !important; box-shadow: none; } .page-id-11151 #top-menu, .page-id-11151 #et-secondary-menu, .page-id-11151 .et-fixed-header #et-top-navigation #top-menu li.botonMenu, .page-id-11151 #et_mobile_nav_menu{ visibility: hidden; } .page-id-11151 .et-social-icons, .page-id-11151 .footer-widget{ display: none; } .page-id-11151 #et-top-navigation #top-menu li.telefonoMenu{ float: right; } .page-id-11151 #footer-widgets{ padding-top: 2%; } .page-id-11151 #footer-widgets .footer-widget:first-child{ display: block; width: 100% !important; } .page-id-11151 #footer-widgets .footer-widget:first-child > div{ display: inline-block; width: 50%; margin-bottom: 2% !important; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child{ margin-top: -20px; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child p{ display: flex; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child a{ font-size: 2.48vw; width: 50%; float: left; } .page-id-11151 header#main-header.et-fixed-header{ background-color: #ffffff !important; } .page-id-11151 header#main-header.et-fixed-header #top-menu{ visibility: visible; } .cabeceraLanding h1{ font-size: 68px; } .cabeceraLanding a{ text-decoration: none; font-size: 6.48vw; line-height: 1em; } .contactoLanding{ padding-top: 0 !important; padding-bottom: 0 !important; height: 1116px; background-position: 84% !important; } .contactoLanding .et_pb_row, .contactoLanding .et_pb_row .et_pb_column, .contactoLanding .et_pb_row .et_pb_column .et_pb_text{ height: 100%; } .contactoLanding .et_pb_row .et_pb_column .et_pb_text{ display: flex; } .contactoLanding .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner{ align-self: center; padding-top: 200px; } .contactoLanding .wpcf7 input, .contactoLanding .wpcf7 select, .contactoLanding .wpcf7 textarea{ border: none; } .contactoLanding .wpcf7 input:focus, .contactoLanding .wpcf7 select:focus, .contactoLanding .wpcf7 textarea:focus{ background-color: #f1f7f9; } .contactoLanding .wpcf7 input{ width: 49.25%; } .contactoLanding .wpcf7 input[name="number-978"], .contactoLanding .wpcf7 input[name="email-789"]{ margin-right: 0; } .contactoLanding .wpcf7 input.wpcf7-submit{ width: fit-content; min-width: 280px; float: left; } .contactoLanding .wpcf7 input.wpcf7-submit:hover{ border: none !important; } .contactoLanding .wpcf7 input[type="submit"][disabled]{ background-color: #3287a454!important; border: #3287a454!important; color: #ffffff54; } .diagonalAsciende + .et_pb_section.mapaLading{ padding-top: 0 !important; } .mapaLading .et_pb_map_container, .mapaLading .et_pb_map{ height: 100%; } .page-id-11151 p{ padding-bottom: 0; } .page-id-11151 p.textoFormulario{ padding: 12px 14px; background-color: #ffcc00; margin-bottom: 10px; } .cabeceraLanding .formularioTeLlamamos label + a{ text-decoration: underline; } .formularioTeLlamamos .wpcf7 input.wpcf7-submit{ margin-top: 10px; width: fit-content; min-width: 180px; float: left; background-color: #FFDD00!important; border: #FFDD00!important; color: #3287a4; } .formularioTeLlamamos .wpcf7 input[type="submit"][disabled]{ background-color: #FFDD00aa!important; border: #FFDD00aa!important; color: #3287a4aa; } .formularioTeLlamamos .wpcf7 input:focus, .formularioTeLlamamos .wpcf7 select:focus, .formularioTeLlamamos .wpcf7 textarea:focus{ background-color: #f1f7f9; } /* BOTÓN POP-UP AVISO IMPORTANTE CORONAVIRUS */ .botonAvisoImportante { z-index: 99999; position: fixed; bottom: 10px; left: 10px; width: 100%; padding: 0; background: no-repeat; } .botonAvisoImportante .et_pb_row { padding: 0; width: 100%; max-width: 100%; } .botonAvisoImportante .et_pb_button { background-color: #f66; border: 2px solid #f66; } .et_bloom .et_bloom_header_text_light .et_bloom_form_text p, .et_bloom .et_bloom_popup p, .et_bloom .et_bloom_popup li{font-size:14px!important;color:#ffffff!important;} .et_bloom .et_bloom_popup li{padding-bottom: .4em !important;padding-top: .4em !important;} .et_bloom .et_bloom_popup ul{padding-left:14px!important;list-style-type:initial;} .et_bloom .et_bloom_popup a{color:#ffffff!important;} .et_bloom .et_bloom_form_container .et_bloom_form_content {padding: 0!important;} .et_bloom .et_bloom_popup .et_pb_button { padding: 12px 30px !important;background-color: #ffdd00;color: #3287a4!important;margin-top: 10px !important;display: inline-block;text-transform:uppercase;} .et_bloom .et_bloom_popup .et_pb_button:hover{color: #ffffff !important;} /********************************************/ /* */ /* */ /* RESPONSIVE */ /* */ /* */ /********************************************/ @media screen and ( min-width: 1600px ){ /* BANNER SHOWROOM */ .bannerShowroom.et_pb_section .imagenBannerShowroom{ background-size: 109%; } } @media screen and ( max-width: 1405px ) { /* GENERALES */ body h1{ font-size: 72px; } body.single-post h2{ font-size: 36px; } /* HEADER */ #et-top-navigation #top-menu li.telefonoMenu a{ font-size: 28px; } #top-header a{ font-size: 16px !important; } #et-secondary-nav li{ margin-right: .6em; } #logo img{ height: 89px; max-height: none !important; margin-top: -54px; } /* ICON INSTAGRAM HEADER */ #et-top-navigation .et-social-icon a { font-size: 30px; } #et-top-navigation .et-social-icon a img{ width: 30px; width: 30px; } .et-fixed-header #et-top-navigation .et-social-icon a, .et-fixed-header #et-top-navigation .et-social-icon a img { font-size: 42px; width: 40px; width: 40px; } /* BANNER CALCULAR */ .bannerCalcula .et_pb_text_inner h3{ font-size: 28px; } /* CONMUTADORES */ .et_pb_toggle{ padding: 12px; border-radius: 20px; } .et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle_content, .et_pb_toggle_content li{ font-size: 16px; } .et_pb_toggle_content li{ padding-right: 0; } .listasFiltro .et_pb_toggle_content{ padding: 12px; width: calc(100% + 24px); margin-left: -12px; } /* GRID PROYECTOS */ .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header{ font-size: 22px; } /* BANNER SHOWROOM */ .bannerShowroom.et_pb_section .imagenBannerShowroom{ background-size: 166%; } /* FORMULARIO CONTACTO */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea{ font-size: 1.2vw; } /* LANDING */ .cabeceraLanding h1{ font-size: 4.2vw; } } @media screen and ( max-width: 1100px ) { /* GENERALES */ body h1{ font-size: 56px; } body h1 strong:before, body .et_pb_bg_layout_dark h1 strong:before{ content: none; } body .et_pb_post h1{ font-size: 56px; } body h2{ font-size: 48px; } /* HEADER */ #et-top-navigation #top-menu li.telefonoMenu a{ font-size: 32px; } #et-top-navigation #top-menu li.botonMenu a { padding: 12px 20px; font-size: 14px; } #et-secondary-nav li{ margin-right: .6em; } #top-header a{ font-size: 14px !important; } #logo img{ margin-top: -58px; } /* FORMULARIO CONTACTO */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea{ width: 100%; margin-right: 0; } .wpcf7 input[type="submit"]{ float: none; display: block; margin-top: .8em; } /* BANNER CALCULAR */ .bannerCalcula .et_pb_text_inner h3{ font-size: 24px; } /* BANNER TELÉFONO */ .bannerTelefono a{ line-height: 1.6em; font-size: 12.8vw; } .bannerTelefono p{ line-height: 1.2em; font-size: 48px; } /* BLOG ENTRADA */ .cajaContactoSidebar ul li.telefonoMenu a{ font-size: 2.2vw; } .cajaContactoSidebar a.et_pb_button{ font-size: 16px; } /* LANDING */ .contactoLanding{ height: 1300px; } .contactoLanding .wpcf7 input{ width: 100%; } .contactoLanding .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner{ padding-top: 270px; } } @media screen and ( max-width: 980px ) { /* GENERALES */ body h1{ font-size: 62px; } body.home h1{ padding-right: 22vw; } /* HEADER */ #main-header .mobile_menu_bar:before{ color: #ffffff; } #logo img{ max-width: 100%; margin-top: 0; } #main-header #et-top-navigation .et_mobile_menu{ background-color: #ffffff; } #et-top-navigation .et_mobile_menu li a{ color: #308cab; font-size: 24px; padding: .8em .6em; } #et-top-navigation .et_mobile_menu li.telefonoMenu a{ font-size: 42px; } .et_mobile_menu .menu-item-has-children>a{ background-color: transparent; font-weight: 400; } #logo img{ height: 54%; max-height: none !important; margin-top: 0; } .mobile_menu_bar:before{ /*content: url(/wp-content/uploads/ref-icono-menu.png);*/ color: #ffffff; color: #ffffff !important; content: "\61" !important; cursor: pointer; font-size: 43px; font-family: ETmodules !important; top: 6px !important; } #main-header.et-fixed-header .mobile_menu_bar:before{ content: url(/wp-content/uploads/ref-icono-menu_fixed.png); } .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header{ position: fixed; top: 0 !important; } .et_fixed_nav #main-header.et-fixed-header{ box-shadow: 0px 0px 6px #00000044; } .et_mobile_menu{ overflow-y: scroll!important; max-height: 80vh!important; -overflow-scrolling: touch!important; -webkit-overflow-scrolling: touch!important; } #main-header.et-fixed-header img#logo, #main-header.et-fixed-header picture#logo img{ content: url(/wp-content/uploads/reformadisimo-favicon.png); } .et_header_style_left .et-fixed-header .logo_container{ width: fit-content; margin-left: -18px; } ul#menuMovil{ width: fit-content; padding-top: 36px; float: right; display: none; } #main-header.et-fixed-header ul#menuMovil{ display: block; } #menuMovil li.telefonoMenu a{ font-size: 32px; margin-right: 20px; line-height: 1em; padding-bottom: .4em; }/* li.telefonoMenu a:before{ content: none; }*/ .et_header_style_left #main-header #et-top-navigation{ padding-left: 0 !important; float: right; } /* CABECERAS CON IMAGEN DE FONDO */ .home #page-container, .single-project #page-container{ margin-top: 0px !important; } /* BANNER CALCULAR */ .bannerCalcula .et_pb_row .et_pb_column{ margin-bottom: 0; } .bannerCalcula .et_pb_module{ text-align: center; padding: 2% 0; } /* ICON INSTAGRAM HEADER */ .et-social-instagram a.icon:before, #et-top-navigation .et-social-icon a, #et-top-navigation .et-social-instagram a.icon:before { display: none !important; content: ""; } #igMovil { display: block; padding-top: 38px; float: right; margin-right: 20px; } #igMovil .et-social-icon a { font-size: 30px; } #igMovil .et-social-icon a img, .et-fixed-header #igMovil .et-social-icon a img { width: 30px; width: 30px; } /* GRID DE PROYECTOS .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item{ width: 32.33% !important; margin-right: 1.5% !important; margin-bottom: 1.5% !important; }*/ /* GRID DE PROYECTOS .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header{ color: #308CAB; } */ /* CONMUTADORES */ .listasFiltro .et_pb_toggle{ height: inherit; } .listasFiltro .et_pb_toggle_content{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 0; width: 100%; } /* GRID DE PROYECTOS */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item{ width: 48% !important; margin-right: 2% !important; margin-bottom: 2% !important; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n){ clear: none; margin-right: 0 !important; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item p.post-meta{ position: inherit; opacity: 1; } .et_portfolio_image img{ width: 100%; } /* BANNER SERVICIO */ #main-content .et_pb_section.bannerVentajas{ background-image: none !important; } /* BANNER SHOWROOM */ .bannerShowroom.et_pb_section{ min-height: inherit; } .bannerShowroom.et_pb_section .imagenBannerShowroom{ display: none; } /* FORMULARIO CONTACTO */ .wpcf7 input, .wpcf7 select, .wpcf7 textarea{ font-size: 14px; } /* GALERÍA FOTOS */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item{ width: 48% !important; margin-right: 2% !important; margin-bottom: 2% !important; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item:nth-child(2n){ margin-right: 0 !important; } .et_pb_column .et_pb_grid_item:nth-child(3n+1){ clear: none; } .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item:nth-child(4n+1){ clear: both; } .et_pb_gallery_image img{ max-width: none; } /* INFORMACIÓN DEL PROYECTO */ .infoProyecto .et_pb_row{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; } .infoProyecto .et_pb_column_1_3:last-child{ -webkit-order: 1; order: 1; } .infoProyecto .et_pb_column_2_3:first-child{ -webkit-order: 2; order: 2; } .infoProyecto .et_pb_row:last-child .et_pb_column:last-child{ margin-bottom: 30px; } .infoProyecto .et_pb_blurb_content{ max-width: 100%; } /* BLOG ENTRADA */ .cajaContactoSidebar ul li.telefonoMenu a{ font-size: 9vw; line-height: 1em; } .cajaContactoSidebar li.telefonoMenu a:before{ font-size: 7vw; } /* POP UP */ img.logoPopUp{ display: block; float: none; } /* LANDING */ .page-id-11151 #page-container{ padding-top: 0!important; } .cabeceraLanding h1{ font-size: 8vw; margin-top: 1em; } .cabeceraLanding a{ font-size: 12.6vw; } .contactoLanding .et_pb_column{ width: 70%; } .mapaLading .et_pb_map_container, .mapaLading .et_pb_map{ height: 500px; } .page-id-11151 #footer-widgets .footer-widget:first-child{ margin-bottom: 0 !important; } .page-id-11151 #footer-widgets .footer-widget:first-child>div{ width: 100%; text-align: center; margin-bottom: 6% !important; } .page-id-11151 #footer-widgets .footer-widget:first-child>div:last-child{ margin-bottom: 0 !important; } .page-id-11151 #footer-widgets{ padding-bottom: 0; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child p{ display: block; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child a{ font-size: 9.48vw; float: none; display: block; padding-bottom: 0; width: 100%; line-height: 6vw; padding-bottom: 0; margin-bottom: 30px; } .page-id-11151 #footer-widgets .footer-widget:first-child div:last-child a:first-child{ margin-top: 50px; } .page-id-11151.et_header_style_left #main-header #et-top-navigation{ float: left; } .page-id-11151 #main-header.et-fixed-header ul#menuMovil{ float: right; } .page-id-11151 #menuMovil li.telefonoMenu a{ margin-right: 0; } /* POP-UP PRESUPUESTO */ .popupPresupuesto .et_pb_row{ padding: 1em; max-height: 70vh; overflow: scroll; top: 55%; } .closePresupuesto{ right: -20px !important; top: -20px; } .closePresupuesto .et-pb-icon{ color: #ccc !important; font-size: 40px; } /* BOTÓN AVISO IMPORTANTE CORONAVIRUS */ .botonAvisoImportante{ bottom: 68px; } } @media screen and ( max-width: 767px ){ /* GENERALES */ body h1, body .et_pb_post h1{ font-size: 48px; } body.home h1{ padding-right: 0; } body.single-post h2, body h2{ font-size: 32px; } body h3{ font-size: 28px; } body h4{ font-size: 24px; } body h5{ font-size: 22px; } body h6{ font-size: 20px; } .bannerVentajas .et_pb_text ol li:before{ margin-left: 0; position: inherit; display: inline-block; float: left; } /* IMÁGENES FULLWIDTH */ .diagonalAsciende + .et_pb_section.et_pb_fullwidth_section .et_pb_fullwidth_image, .diagonalDesciende + .et_pb_section.et_pb_fullwidth_section .et_pb_fullwidth_image{ height: 400px; } .diagonalAsciende + .et_pb_section.et_pb_fullwidth_section .et_pb_fullwidth_image img, .diagonalDesciende + .et_pb_section.et_pb_fullwidth_section .et_pb_fullwidth_image img{ height: 400px; object-fit: cover; } /* BOTÓN POP-UP */ .botonPopup .et_pb_row{ width: 100%; } .botonPopup{ /*display: none;*/ bottom: 0; top: initial; transform: none; width: 100%; z-index: 9999; } .botonPopup:before{ transform: none; margin: 0.4em 0em 0em 1.2em !important; } .botonPopup .et_pb_button{ width: 100%; text-align: center; } /* ICONO PLAY */ .et_pb_video_play{ width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); } .et_pb_video_play:before{ background-size: 60%; background-repeat: no-repeat; } /* LANDING */ body div.et_pb_section.contactoLanding{ background-image: none !important; -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); padding-top: 140px!important; padding-bottom: 140px!important; height: auto; } body div.et_pb_section.contactoLanding + .et_pb_section{ margin-top: -140px!important; -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%); padding-top: 140px!important; } .contactoLanding .et_pb_column{ width: 100%; } .contactoLanding .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner{ padding-top: 0; } } @media screen and ( max-width: 479px ) { /* GENERALES */ body h1, body .et_pb_post h1{ font-size: 32px; } body.single-post h2, body h2{ font-size: 28px; } body h3{ font-size: 26px; } /* HEADER */ et-fixed-header .mobile_nav.closed { display: none; } #et-top-navigation .et_mobile_menu li a{ font-size: 16px; } #et-top-navigation .et_mobile_menu li.telefonoMenu a{ font-size: 28px; } li.telefonoMenu a:before{ font-size: 18px; } ul#menuMovil{ padding-top: 42px; } #menuMovil li.telefonoMenu a{ font-size: 18px; font-weight: 500; } /* GRID DE PROYECTOS */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item{ width: 100% !important; margin-right: 0 !important; } /* BANNER TELEFONO */ .bannerTelefono p{ font-size: 32px; } .bannerTelefono a { font-size: 45px; } /* GALERÍA FOTOS */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_gallery_item{ width: 100% !important; margin-right: 0% !important; } /* PAGENAVI NAVEGACIÓN */ .wp-pagenavi a, .wp-pagenavi span{ font-size: 14px !important; } .et-fixed-header #igMovil{ display: none; } #et_top_search { margin: 0 20px 0 0; } #et_search_icon:before { top: 13px; font-size: 20px; } .et-fixed-header #et_search_icon:before { color: #308dab; } } /*Ajuste jueves, no se puede clicar en tablets ymóviles los artículos relacionados, los pisaba el "buscar"*/ @media (max-width: 980px){ #search-2{ display:none; } } /*check mailchimp*/ .check-boletin .wpcf7-checkbox input{ width: 1em; margin-right: .35em; } .check-boletin .wpcf7-list-item-label{ font-size:12px; } .check-boletin .wpcf7-list-item{ margin:0; } .check-boletin{ padding: 0; margin: 0; line-height: 0; width: 205px !important; } @media screen and (min-width: 981px){ .wpcf7#wpcf7-f451-p13-o2 input[type="submit"] { margin-top: -50px; } } /*para que no aparezca el recaptcha visible*/ .grecaptcha-badge { visibility: hidden!important; } /*esta clase no se ve en páginas normales. En el código específico de css del plugin de AMP hacemos que se vea el logo de instagram*/ .clase-instagram-menu{ display: none!important; } /*Formulario cerrajerías - agosto 2022*/ .cerrajeria-tercios{ display: flex; } .cerrajeria-tercios-unodos{ display: flex; } .cerrajeria-tercios > div{ width: 32.33%; margin-right: 1.5%; float: left; } .cerrajeria-tercios-unodos > div:first-child{ width: 32.33%; margin-right: 1.5%; float: left; } .cerrajeria-tercios > div:last-child{ margin-right: 0%; } .cerrajeria-tercios-unodos > div:last-child { margin-right: 0%; width: 66.12%; } .cerrajeria-tercios.sec-4{ margin-bottom: 32px; } .cerrajeria-tercios img{ margin-bottom: 2px; } .texto-parrafo-cerrajerias{ font-size: 16px; line-height: 21px; color: #757575; } .texto-parrafo-cerrajerias.titulo-grande{ font-size: 25px; font-weight: 500; line-height: 30px; } .azulito{ color: #328BAB; max-width: 340px; } .linea-sep{ border-top: 1px solid #328BAB; margin-bottom: 30px; margin-top: 30px; } .contenedor-cerrajerias .input-entero{ width: 100%; } .contenedor-cerrajerias .wpcf7 select, .contenedor-cerrajerias .wpcf7 input{ font-size: 18px; padding: 12px 12px; height: 50px; } .wpcf7 input#adj-croquis, .wpcf7 input#adj-foto { /* width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;*/ overflow: hidden; z-index: -1; border: none; position: absolute; top: 26px; width: 412px; } .wpcf7 input.clasearchivo input, input[type="file" i]::-webkit-file-upload-button { display: none!important; } .wpcf7 label[for="adj-croquis"], .wpcf7 label[for="adj-foto"]{ font-weight: 400; color: #fff; background-color: #328BAB; display: inline-block; transition: all .5s; cursor: pointer; width: fit-content; text-align: left; font-size: 16px; width: 100%; padding: 12px 12px 12px 12px; font-size: 18px; line-height: normal!important height: 50px; } .page-id-654 #wpcf7-f699-p654-o1 label[for="adj-foto"]{ width: 100%; } .wpcf7 label[for="adj-croquis"]:after , .wpcf7 label[for="adj-foto"]:after { content: ""; background: url(/wp-content/uploads/2022/08/download.svg) top right; background-size: 88%; background-repeat: no-repeat; width: 33px; height: 24px; float: right; } .titulo-puerta{ font-size: 24px; font-weight: 400; margin-top: 30px; } .contenedor-cerrajerias .wpcf7 select, .contenedor-cerrajerias .wpcf7 .sec-2 input, .contenedor-cerrajerias .wpcf7 .sec-3 input{ width: 100%; font-size: 18px; height: 50px; } .contenedor-cerrajerias .wpcf7 select:disabled{ background: #e8e8e8; cursor: no-drop; } .contenedor-cerrajerias select option:first-child{ display: none; } .sec-3-puertas{ padding-top: 12px; } .maspuertas.otra { margin-top: 49px; display: block; } .contenedor-cerrajerias .maspuertas .wpcf7-list-item input[type=checkbox]{ display: none; } .contenedor-cerrajerias .maspuertas .wpcf7-list-item .wpcf7-list-item-label::before{ left: 0px; position: absolute; content: "+"; font-size: 48px; font-weight: 100; color: #328BAB; cursor: pointer; } .contenedor-cerrajerias .maspuertas .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before { left: 0px; position: absolute; content: "_"; font-size: 48px; font-weight: 100; color: #328BAB; bottom: 16px; cursor: pointer; } .contenedor-cerrajerias .maspuertas .wpcf7-list-item .wpcf7-list-item-label{ padding-left: 26px; font-size: 18px; font-weight: 300; cursor: pointer; } .contenedor-cerrajerias .aceptacion .wpcf7-acceptance span.wpcf7-list-item input{ height: 13px; } .contenedor-cerrajerias .aceptacion label{ line-height: 40px; } .contenedor-cerrajerias .wpcf7 .check-boletin input { height: 13px; } .contenedor-cerrajerias .wpcf7 .input-entero-laca, .contenedor-cerrajerias .wpcf7 .input-entero-vidrio{ width: 100%; } .contenedor-cerrajerias .wpcf7 .input-entero-laca:disabled, .contenedor-cerrajerias .wpcf7 .input-entero-vidrio:disabled{ background: #e8e8e8; cursor: no-drop; } /*responsive formulario cerrajerias*/ @media screen and (max-width: 1100px){ .contenedor-cerrajerias .wpcf7 input.wpcf7-submit { float: right; } } @media screen and (max-width: 767px){ .cerrajeria-tercios, .cerrajeria-tercios-unodos { flex-direction: column; } .cerrajeria-tercios > div, .cerrajeria-tercios-unodos > div { width: 100%!important; } .contenedor-cerrajerias .wpcf7 input.wpcf7-submit { float: none; } .cerrajeria-tercios img{ margin-top: 24px; } .texto-parrafo-cerrajerias.azulito{ height: auto!important; } .contenedor-cerrajerias .wpcf7 ol li { margin-top: 30px; } } #logo{ margin-top: 0px !important; } .no-negrita .et_pb_text_inner{ font-weight: 300; } /*Código ajustes Mayo 2024 (nuevo menú y ajustes de estilos generales)*/ .seccion-menu { box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2); height: 97px; margin-bottom: 0px!important; margin-top: 0px!important; } body .et_pb_sticky_module.seccion-menu > .et_pb_row{ padding-top: 15px!important; padding-bottom: 15px!important; } .menu-contenedor{ align-items: center; display: flex; justify-content: space-between; } .menu-contenedor .menu-izquierda img{ max-width: 217px; } .menu-contenedor .menu-derecha{ display: flex; margin-top: 10px; } .menu-contenedor .menu-derecha .tel{ font-family:'Inter',Helvetica,Arial,Lucida,sans-serif; } .menu-contenedor .menu-derecha .boton-menu{ border: 1px solid #3287A4; border-radius: 200px; font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; font-weight: 400; padding: 9px 32px; } .menu-contenedor .menu-derecha .boton-menu:hover{ color: #ffffff!important; background-color:#3287A4 ; } .toggle-icon:after { color: #3287A4; content: "\61"; cursor: pointer; font-size: 43px; font-family: ETmodules !important; position: fixed; right: 30px; top: 40px; } #divi-menu > .et_pb_code_inner { box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2); background-color: white; left: 50%; opacity: 0; padding-top: 40px; padding-bottom: 40px; position: fixed!important; transform: translate(-50%, 0%); -webkit-transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; top: 0; visibility: hidden; width: 100%; } .bloque-menu{ display: flex; flex-direction: row; margin:0 auto; max-width: 1500px; padding: 0px 40px; width: 100%; } .columna1, .columna2, .columna3, .columna4 { flex: 1; /* Esto hace que todas las columnas tengan el mismo ancho */ } .menu-derecha .tel{ margin-right: 30px; } .menu-derecha .tel a{ font-size: 30px; font-weight: 400; margin-right: 20px; } .menu-derecha .icon-menu-tel img{ margin-right: 0px; width: 25px; } .cabecera-col-menu{ color: #8F9395; font-family:'Inter',Helvetica,Arial,Lucida,sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 35px; } .bloque-menu .lista-submenu{ list-style: none!important; padding-left: 0; } .lista-submenu li{ color: #3287A4; font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 12px; } .lista-submenu li a:hover{ text-decoration: underline; } .reveal-menu-items { opacity: 1 !important; visibility: visible !important; } .icon-switch:after { content: '\4d'; font-size: 42px; font-family: ETmodules !important; color: #3287A4; position: fixed; top: 40px; right: 30px; cursor: pointer; } .columna4{ display: flex; flex-direction: column; } .boton-amarillo-menu{ background-color: #FFCC00; border-radius: 200px; color: #3287A4; padding: 9px 32px; } .icon-menu-tel img{ margin-right: 15px; } .saboxplugin-wrap{ margin-top: 40px!important; } @media (max-width: 1340px) and (min-width: 1120px){ .boton-amarillo-menu { padding: 9px 8px; } } @media (max-width: 1119px) and (min-width: 1045px){ .columna1, .columna2, .columna3, .columna4 { flex: none; margin-right: 20px; } .boton-amarillo-menu { padding: 9px 8px; } .menu-derecha .tel { margin-right: 0px; } .menu-contenedor .menu-derecha .boton-menu { padding: 9px 15px; } } @media (max-width: 1618px) and (min-width: 981px){ .cajaContactoSidebar a.et_pb_button { display: block; border-radius: 0px; padding: 5px 5px; } .cajaContactoSidebar a.et_pb_button:hover{ padding: 5px 5px !important; } } @media (max-width: 480px){ .cajaContactoSidebar a.et_pb_button { display: block; border-radius: 0px; padding: 5px 5px; } .cajaContactoSidebar ul li.telefonoMenu a { font-size: 32px; } .cajaContactoSidebar a.et_pb_button:hover{ padding: 5px 5px !important; } } @media (max-width: 1118px) and (min-width: 981px){ .boton-amarillo-menu { display: block; padding: 6px 20px; width: 150px !important; line-height: 20px; } .menu-contenedor .menu-derecha .boton-menu { font-size: 17px; padding: 9px 10px; } .menu-derecha .tel a { margin-right: 0; } .menu-derecha .tel { margin-right: 20px; } .menu-derecha .icon-menu-tel img { margin-right: 8px; } } @media (max-width: 980px) { .mobile_menu_bar:before { /*content: "\61";*/ } .seccion-menu { box-shadow: none; height: auto; } body .et_pb_sticky_module.seccion-menu > .et_pb_row { padding-top: 0px !important; padding-bottom: 0px !important; } .menu-responsive .et_pb_menu__logo{ padding-left: 20px; } .et_pb_menu__logo img {/* content: url('https://www.reformadisimo.es/wp-content/uploads/reformadisimo-logo_footer.png'); */ } .menu-responsive .et_mobile_menu li a{ border-bottom: 0px solid rgba(0, 0, 0, .03); padding-bottom: 0px; } .et_pb_sticky .et_pb_menu_0_tb_header .sub-menu { box-shadow: none!important; } .et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu { background-color: #3287a4 !important; } .menu-responsive .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul { box-shadow: none!important; } .et_mobile_menu{ box-shadow: none; } .tel-menu-movil a{ font-size: 24px; } .tel-menu-movil a:before { content: "\e090"; font-family: ETmodules !important; font-size: 25px; margin-right: .4em; } body.et-db #et-boc .et-l .et_pb_sticky_module.seccion-menu .et_pb_row_0_tb_header.et_pb_row{ padding-top: 0px!important; padding-bottom: 0px!important; } } @media (max-width: 767px) { /*.et_pb_menu__logo img { content: url('https://www.reformadisimo.es/wp-content/uploads/2024/11/Group-7-1.png'); width: 41px; height: 50px; }*/ } .custom-header.hidden { display: none; } /*HOME*/ .wpgmza_map .gm-style-iw { max-width: 330px !important; padding: 16px 22px 4px 22px!important } .wpgmza_map .gm-style-iw-d{ font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif!important; padding-right: 0!important; } .wpgmza_map .wpgmza_infowindow_description{ font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif!important; margin-bottom: 8px; margin-top: 6px; } .wpgmza_map .wpgmza_infowindow_title{ font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif!important; font-size: 18px; font-weight: 400!important; line-height: 23px; padding-bottom: 8px; } .wpgmza_map .wpgmza_infowindow_description a{ border: 1px solid #328BAB; border-radius: 200px; font-size: 17px; font-weight: 400; padding: 5px 13px; } .gm-style-iw-t .gm-ui-hover-effect span{ width: 26px!important; height: 26px!important; } .gm-style-iw-t .gm-ui-hover-effect{ top: 3px!important; right: 11px!important; } .contenedor-telef-pie-superior > p{ padding-bottom: 14px; } a.telefonoFooter, a.telefonoWhatsapp{ color: #ffffff!important; font-size: 36px; font-weight: 400; line-height: 36px; padding-bottom: 0; } a.telefonoWhatsapp:before { margin-left: 16px; margin-right: 25px; } a.telefonoFooter:before { margin-left: 16px; margin-right: 25px; } .direcc-pie{ color: #ffffff; font-size: 15px; font-weight: 400; line-height: 18px; margin-top: 25px; margin-left: 75px; max-width: 220px; } .pie-superior .et-menu-nav ul{ display: block!important; } .pie-superior .et-menu-nav ul li:before{ border-radius: 3px; border-style: solid; border-width: 2.5px; color: #D9D9D9; content: ""; left: -1px; position: absolute; top: 5px; } .pie-superior .et-menu-nav ul li a{ line-height: 20px; padding-bottom: 3px !important; font-size: 18px; } .izda-pie-inferior{ display: flex; justify-content: space-around; } .izda-pie-inferior p, .izda-pie-inferior a{ color: #ffffff!important; font-size: 15px; font-weight: 400; line-height: 18px; } .dcha-pie-inferior{ display: flex; justify-content: flex-end; } .dcha-pie-inferior a{ color: #ffffff!important; font-size: 15px; line-height: 18px; font-weight: 400; } .fila-info-footer-blog .modulo-datos{ float: right; width: 330px; } .fila-info-footer-blog .modulo-datos .direcc-pie{ margin-left: 0px; max-width: 330px; } .fila-info-footer-blog .modulo-datos a.telefonoFooter:before, .fila-info-footer-blog .modulo-datos a.telefonoWhatsapp:before { margin-left: 0px; margin-right: 15px; } @media (max-width: 980px) { .pie-superior .et_pb_menu__wrap{ justify-content: flex-start; } .pie-superior .et_pb_menu__menu{ display: flex!important; } .pie-superior .et_mobile_nav_menu{ display: none!important; } } @media (max-width: 600px) { .pie-superior .et_pb_column--with-menu{ width: 100%!important; margin-right: 0!important; } } /*Quienes somos*/ .quienes-somos-texto h3{ font-size: 25px; font-weight: 600; padding-bottom: 28px; } .quienes-somos-texto h2{ font-size: 35px; font-weight: 500; padding-bottom: 40px; } .quienes-somos-fichas{ background-size: 85%; background-position: 170% 100% !important; } .quienes-somos-fichas .ficha .tit{ font-size: 20px; font-weight: 500; padding-bottom: 10px; } .quienes-somos-fichas .ficha .parrafo{ font-size: 20px; padding-bottom: 0; } .listado-posts h2{ } @media (max-width: 1300px){ .izda-pie-inferior { justify-content: flex-start; } .izda-pie-inferior p, .izda-pie-inferior a { margin-right: 12px; } } @media (max-width: 980px){ .izda-pie-inferior { justify-content: center; } .dcha-pie-inferior { justify-content: center; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item h2.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item p.post-meta { margin-bottom: 8px; font-size: 26px; line-height: 29px; } } @media (max-width: 767px){ .cky-revisit-bottom-left { bottom: 66px!important; } #page-container{ /* margin-bottom: 58px;*/ } .pie-inferior > .et_pb_row{ width: 92%; } .dcha-pie-inferior{ display: none; } .pie-inferior > .et_pb_row > .et_pb_column { width: 100%; margin-bottom: 0px; } .izda-pie-inferior p, .izda-pie-inferior a { margin-right: 20px; } } @media (max-width: 599px){ .pie-tercera, .pie-cuarta{ padding-top: 0!important; } .fila-pie-blog > .et_pb_column{ margin-bottom: 0!important; } } @media (max-width: 580px){ .izda-pie-inferior { flex-wrap: wrap; justify-content: flex-start; } .izda-pie-inferior p, .izda-pie-inferior a { line-height: 22px; } } @media (max-width: 479px){ .modulo-iconos-nosotros .et_pb_image, .modulo-iconos-nosotros .et_pb_text{ text-align: center; } a.telefonoFooter, a.telefonoWhatsapp { font-size: 36px; } a.telefonoFooter:before { margin-left: 0px; margin-right: 16px; } a.telefonoWhatsapp:before { margin-left: 0; margin-right: 16px; } .direcc-pie { margin-left: 0; max-width: 100%; } .et_pb_button{ font-size: 16px; padding: 12px 20px } } /*Testimonios*/ .cabecera-aprende{ overflow: visible!important; } .cabecera-aprende, .cabecera-aprende > .et_pb_row { padding: 0 !important; } .cabecera-aprende::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(28, 75, 119, 0.5); background-color: #3287a499; z-index: 1; pointer-events: none; } .imagen-separador { position: absolute; bottom: -163px !important; z-index: 99999; left: 50%; transform: translateX(-50%); } .texto-cabecera-aprende-migrar { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; height: 75vh; justify-content: center; } .texto-cabecera-aprende-migrar .nombre{ color: white; font-size: 18px !important; font-weight: 600 !important; line-height: 20px; margin-bottom: 12px; text-align: center; text-transform: uppercase; } .texto-cabecera-aprende-migrar .titulo{ color: white; font-size: 62px; font-weight: 300; line-height: 64px; margin-bottom: 16px; text-align: center; } .texto-cabecera-aprende-migrar .parrafo{ color: white; font-weight: 400; font-size: 20px; line-height: 25px; padding: 0 15px; text-align: center; max-width: 800px; margin: 0 auto; } .texto-cabecera-aprende-migrar .parrafo strong{ font-weight: 600; } .bloque-video-destacado .nombre{ color: #ffffff; font-size: 17px; font-weight: 500; line-height: 15px; text-transform: uppercase; opacity: 0.5; } .bloque-video-destacado .parrafo{ color: white; } .bloque-video-destacado .opiniones{ color: #ffffff; text-decoration: underline; font-weight: bold; margin-top: 25px; display: block; text-align: left; font-size: 16px; } .sec-video-destacado .et_pb_video_play:before { content: " "; background-image: url(/wp-content/uploads/reformadisimo-icono-play.png); display: block; width: 60px; /* Cambia el ancho a 60px */ height: 60px; /* Cambia la altura a 60px */ filter: drop-shadow(0px 4px 10px #00000033); /* Mantén la sombra si lo necesitas */ background-size: contain; /* Asegura que la imagen se ajuste al nuevo tamaño */ background-position: center; /* Centra la imagen en el contenedor */ background-repeat: no-repeat; /* Evita que se repita la imagen */ position: absolute; /* Posiciona el botón absolutamente */ top: 50%; /* Centra el botón verticalmente */ left: 50%; /* Centra el botón horizontalmente */ transform: translate(-50%, -50%); /* Ajusta el botón para que esté justo en el centro */ z-index: 9999; /* Asegura que el botón esté sobre el video */ } .sec-video-destacado .et_pb_video_play{ left: 50%; top: 50%; } .seccion-portfolio .et_pb_blog_grid .et_pb_post { border: 0px solid #d8d8d8; } .seccion-portfolio article { background-color: white; margin-bottom: 0px!important; transition: opacity 0.3s ease; } .seccion-portfolio article:hover { opacity: 0.8; } .seccion-portfolio article .entry-featured-image-url::before { content: ""; background-image: url('/wp-content/uploads/reformadisimo-icono-play.png'); /* Ruta del icono de play */ display: block; width: 35px; /* Tamaño del botón */ height: 35px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; /* Centra el botón verticalmente */ left: 50%; /* Centra el botón horizontalmente */ transform: translate(-50%, -50%); /* Ajusta el botón para que esté justo en el centro */ z-index: 2; /* Asegura que el botón esté sobre la imagen */ filter: drop-shadow(0px 4px 10px #00000033); /* Añade una sombra si es necesario */ } /* Asegúrate de que el contenedor de la imagen esté posicionado relativamente para que el icono se posicione correctamente */ .seccion-portfolio article .entry-featured-image-url { position: relative; } .grid-testimonios > div{ display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .grid-testimonios .entry-title{ padding: 16px 16px; font-size: 22px; line-height: 1.2em; font-weight: 500; color: #333333; } .grid-testimonios .et_pb_post .entry-featured-image-url { margin-bottom: 0px !important; } .mas-videos{ font-size: 25px; font-weight: 600; padding-bottom: 28px; } @media (min-width: 981px){ .sec-video-destacado > .et_pb_row{ display: flex; align-items: center; } } .contenido-testimonios .titulo .et_pb_text_inner{ font-size: 62px; color: #3287a4; font-weight: 300; line-height: 1.1em; } .contenido-testimonios .parrafo-portfolio-aprender p{ font-weight: 400; font-size: 20px; line-height: 1.5em; color: #333333; } .video_cabecera_testimonios .et_pb_video_play:before{ content:""!important; } .video_cabecera_testimonios .et_pb_video_play { top: 50%; left: 50%; margin-left: -3rem!important; margin-top: -3rem!important; } nav.breadcrumb{ max-width: 1920px; width: 100%; margin: 0 auto; padding-left: 40px; font-size: 14px; margin-top: 30px; } /*Overlay de Cookies*/ #cmplz-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Fondo oscuro */ z-index: 99998; /* Debe estar debajo del banner */ opacity: 1; pointer-events: auto; /* Aseguramos que se puedan interceptar eventos */ transition: opacity 0.3s ease-in-out; /* Transición suave */ } /* Asegurar que el banner de cookies está encima del overlay */ #cmplz-cookiebanner-container { z-index: 9999; } /*ajustes adicionales gravity*/ .gform-theme--framework .gf_progressbar .percentbar_blue { background-color: #FFCC00; } .ic-theme--cover-tile .image-choices-choice:after { background-color: #FFCC00; } /*Popup Presupuesto 13 noviembre 2024*/ /* Estilo del botón fijo */ .boton-popup24 { position: fixed; bottom: 20px; right: 20px; background-color: #3287A4; color: #fff; width: 380px; padding: 18px 5px 18px 68px; border-radius: 32px; cursor: pointer; z-index: 9999; font-weight: 600; font-size: 16px; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); transition: opacity 0.4s ease-in-out; } .boton-popup24:before{ content: ""; background-image: url(/wp-content/uploads/2024/11/Group-7.png); background-repeat: no-repeat; text-transform: uppercase; position: absolute; width: 30px; height: 36.5px; left: 25px; top: 15px; } .boton-popup24.hidden { display: none; opacity: 0; pointer-events: none; /* Evita interacciones cuando está oculto */ } /* Estilo del popup de presupuesto */ .popup-presupuesto24 { display: none; /* Oculto inicialmente, y cambiará a 'flex' desde JavaScript */ position: fixed; top: 0; left: 0; z-index: 9999; align-items: center; justify-content: center; } .popup-content24{ position: fixed; bottom: 20px; right: 20px; width: 380px; max-width: 100%; z-index: 999999; background-color: #3287A4; padding: 50px 28px 20px 28px; border-radius: 36px; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); transform: translateY(0); opacity: 1; /* Completamente visible */ transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } .popup-content24 h2{ color: #ffffff; font-size: 16px; font-weight: 600; font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; padding-left: 40px; padding-bottom: 25px; text-transform: uppercase; } .popup-content24 h2:before{ content: ""; background-image: url(/wp-content/uploads/2024/11/Group-7.png); background-repeat: no-repeat; text-transform: uppercase; position: absolute; width: 30px; height: 36.5px; left: 25px; top: 36px; } .popup-content24 .wpcf7 input, .popup-content24 .wpcf7 select, .popup-content24 .wpcf7 textarea { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; width: 100%; margin-bottom: 10px; } input[type="checkbox"] { -webkit-appearance: none; /* Elimina el estilo predeterminado en navegadores basados en WebKit */ -moz-appearance: none; /* Elimina el estilo predeterminado en navegadores basados en Gecko */ appearance: none; /* Elimina el estilo predeterminado en navegadores compatibles con el estándar */ width: 12px!important; /* Ajusta el tamaño del checkbox */ height: 12px!important; border-radius: 3px; /* Bordes ligeramente redondeados */ cursor: pointer; /* Muestra la mano al pasar el cursor */ display: inline-block; vertical-align: middle; transition: all 0.2s ease; /* Animación suave */ padding: 0; } .popup-content24 input[type="checkbox"] { background-color: #fff!important; /* Fondo blanco */ border: 0px solid #fff!important; /* Borde gris claro */ } input[type="checkbox"]:checked { background-color: #007bff!important; /* Fondo azul al marcar */ border-color: #007bff!important; /* Borde azul */ background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"%3E%3Cpath d="M13.854 3.646a.5.5 0 0 1 0 .708l-8 8a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L6 11.293l7.646-7.647a.5.5 0 0 1 .708 0z"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; } .popup-content24 .wpcf7-checkbox{ line-height: 0; display: block; } .popup-content24 .wpcf7 input[type=checkbox]{ margin:0px!important; margin-top: 2px !important; padding: 0; margin-right:6px!important; } .popup-content24 .wpcf7-list-item-label::before{ content: none; display: none; } .popup-content24 .wpcf7 label, .popup-content24 .wpcf7 label + a{ color: #ffffff; } .popup-content24 p.textoFormulario { font-size: 7px; line-height: 8px; color: #ffffff!important; margin-top: -42px; } .popup-content24 .et_pb_button{ background-color: #ffffff; border-radius: 32px; width: 100%; text-align: center; font-size: 18px; color: #3287A4; margin-top: 12px; } .popup-content24 .et_pb_button:hover{ background-color: #ffffff !important; border-radius: 32px !important; width: 100%; text-align: center; font-size: 18px; color: #3287A4; margin-top: 12px; opacity: 0.8; } .popup-content24 .et_pb_button:after{ display: none; } .popup-content24 .fila-acepto-aviso-pop{ padding-bottom: 0; line-height: 0; } .popup-content24 .wpcf7-form-control::placeholder { color: #ffffff; opacity: 1; } .popup-content24 .check-boleti .wpcf7-list-item{ color: #ffffff; } .popup-content24 .check-boletin { margin-top: 0px!important; color: #ffffff!important; } .popup-content24 .cerrar-popup24 { position: absolute; top: 5px; right: 15px; cursor: pointer; font-family: "ETmodules"; /* Utiliza la fuente de iconos de Divi */ color: #ffffff; /* Cambia el color si lo prefieres */ z-index: 10000; } .cerrar-popup24 .et-pb-icon { color: #ffffff !important; -webkit-animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1; animation: fadeTop 1s cubic-bezier(.77,0,.175,1) 1; font-size: 44px; } #cmplz-manage-consent .cmplz-manage-consent { right: auto!Important; } .popup-content24 .wpcf7 form .wpcf7-response-output { margin: 0 auto; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); background-color: #f44336; color: white; padding: 15px; border-radius: 8px; font-size: 15px; line-height: 16px; font-weight: bold; width: 90%; text-align: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: opacity 0.5s ease, transform 0.5s ease; } .joinchat__button__open { background: url(https://www.reformadisimo.es/wp-content/uploads/2024/11/Group-9.png); background-size: 100%; } .joinchat__button { background-color: transparent; box-shadow: none; } .joinchat__button:hover { background-color: transparent; } .joinchat{ z-index: 1; } .boton-menu-responsive { display: flex; align-items: center; padding: 5px 20px; margin-right: 10px; /* Espacio entre el botón y el menú hamburguesa */ background-color: transparent; color: #fff; font-size: 18px; font-weight: 400; line-height: 21px; border: 1px solid #fff; border-radius: 48px; text-decoration: none; white-space: nowrap; /* Evita que el texto se rompa en varias líneas */ margin-top: 10px; } .boton-menu-responsive:hover { background-color: rgba(255, 255, 255, 0.1); } .boton-menu-responsive .icono-telefono { width: 18px; height: 18px; margin-right: 8px; /* Espaciado entre el ícono y el texto */ display: inline-block; vertical-align: middle; } .seccion-formulario-popup{ z-index: 9999999; } .seccion-formulario-popup > .et_pb_row > .et_pb_column{ margin-top: -1px; } .popup-content24.closing { transform: translateY(100px); /* Mover hacia abajo al cerrar */ opacity: 0; /* Hacerlo transparente */ } .popup-content24.active { opacity: 1; /* Completamente visible */ } /* Botón aparece con transición */ .boton-popup24 { opacity: 1; /* Inicia invisible */ transition: opacity 0.4s ease-in-out; /* Transición suave */ } .boton-popup24.hidden{ opacity: 0; } @media screen and ( min-width: 981px ){ .joinchat{ display: none!important; } .boton-popup24 { display: none; /* Oculta el botón */ } .popup-presupuesto24 { display: block; /* Asegura que el popup/formulario esté visible */ opacity: 1; /* Se asegura de que el formulario esté completamente visible */ } } @media screen and ( min-width: 768px ){ .popup-content24.active { transform: translateY(0); /* Posición final */ } } @media screen and ( max-width: 767px ){ .boton-popup24 { bottom: 10px; left: 50%; transform: translateX(-50%); max-width: 96%; padding: 10px 6px 10px 6px; text-align: center; } .boton-popup24:before{ display: none; } .joinchat__button { bottom: 74px; } .popup-content24 h2 { font-size: 15px; } .popup-content24 { position: fixed; bottom: -100%; /* Inicialmente fuera de la vista, abajo */ left: 50%; transform: translateX(-50%) translateY(0); max-width: 96%; right: initial; transition: transform 0.4s ease-in-out, bottom 0.4s ease-in-out; /* Transición suave */ } .popup-presupuesto24.active .popup-content24 { bottom: 20px; /* Altura desde el borde inferior para centrar */ } } .contenedor-checboxes{ display: inline-block; } .wpcf7-submit{ float: right; } /*FIN Popup Presupesto 13 noviembre 2024*/ /*julio 2025 - CSS para nueva landing*/ .hero-col-izda{ display: flex; align-items: flex-end; justify-content: center; flex-direction: column; } .hero-landing-texto{ max-width: 960px; width: 100%; padding-left: 90px; padding-right: 90px; } .hero-landing-boton{ max-width: 960px; width: 100%; padding-left: 90px; padding-right: 90px; } .hero-landing-texto h1{ color: #373735; font-size: 84px; font-weight: 300; line-height: 97px; letter-spacing: 0; margin-bottom: 16px; } .hero-landing-texto p{ color: #373735; font-size: 22px; font-weight: 400; line-height: 130%; letter-spacing: 0; } .hero-landing-texto p strong{ font-weight: 600; } .fila-hero-landing{ height: 86vh; } .boton-refor { background-color: #3287A4; color: #FEFEFE; display: block; padding: 16px 58px 16px 96px; border-radius: 32px; cursor: pointer; z-index: 9999; font-weight: 600; font-size: 18px; transition: opacity 0.4s ease-in-out; width: fit-content; } .boton-refor:hover{ box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); } .boton-refor-noicon{ background-color: #3287A4; color: #FEFEFE; display: inline-block; padding: 16px 32px 16px 32px; border-radius: 32px; cursor: pointer; z-index: 9999; font-weight: 600; font-size: 18px; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); transition: opacity 0.4s ease-in-out; width: fit-content; } .boton-refor-noicon:hover{ box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); } .boton-refor-noicon.blanco{ background-color: #FEFEFE; color: #3287A4; } .boton-refor:before { content: ""; background-image: url(/wp-content/uploads/2024/11/Group-7.png); background-size: 82%; background-repeat: no-repeat; text-transform: uppercase; position: absolute; width: 30px; height: 36.5px; left: 54px; top: 15px; } :root { --btn-width: 265px; --whatsapp-width: 60px; --whatsapp-gap: 30px; --whatsapp-total: calc(var(--whatsapp-width) + var(--whatsapp-gap)); } /* móvil general */ @media (max-width: 767px) { .boton-refor.popup { position: relative; padding: 8px 0; border-radius: 26px; width: var(--btn-width); max-width: 100%; text-align: center; transition: transform .25s ease, opacity .25s ease; z-index: 999999999; } /* clase activada por ScrollTrigger => fijado abajo a 15px */ .boton-refor.popup.fixed-visible { position: fixed; bottom: 29px; padding: 15px 0; left: 50%; transform: translateX(-50%); } } @media (max-width: 480px) { .boton-refor.popup.fixed-visible { bottom: 15px; } } /* pantallas muy estrechas: evitamos solapamiento con WhatsApp colocamos el botón a la izquierda si no cabe centrado */ @media (max-width: 440px) { .hero-landing-boton.popup { width: 100%; } /* comportamiento en estado normal (relative) - para que no se salga */ .boton-refor.popup { left: calc(100% - var(--btn-width) - var(--whatsapp-total)); right: auto; transform: none; } /* y en estado fixed mantenemos la misma lógica lateral */ .boton-refor.popup.fixed-visible { left: calc(100% - var(--btn-width) - var(--whatsapp-total)); transform: none; } } .modulo-iconos-landing .tit-peque{ color: #373735; font-size: 22px; font-weight: 500; line-height: 130%; text-transform: uppercase; padding-top: 12px; padding-bottom: 8px; } .modulo-iconos-landing .texto{ color: #373735; font-size: 16px; font-weight: 400; line-height: 150%; } .titulo-seccion-landing{ color: #373735; font-size: 62px; line-height: 100%; font-weight: 300; text-align: center; margin-bottom: 16px; } .titulo-seccion-landing.blanco{ color: #FEFEFE; font-weight: 500; } .parrafo-seccion-landing{ color: #373735; font-size: 22px; line-height: 130%; font-weight: 400; text-align: center; } .parrafo-seccion-landing-contacto{ color: #FEFEFE; text-align: center; font-size: 24px; line-height: 150%; font-weight: 300; } .sub-antes-despues{ font-size: 12px; line-height: 150%; font-weight: 400; text-align: center; padding-top: 16px; } /*Elemento lista scroll*/ .wp-title{ font-size:250px !important; display: flex; font-weight: 500; width: 100%; line-height: 1; color: #FEFEFE; } .numbers{ font-size: 250px !important; height: 250px; overflow: hidden; width: 50%; box-sizing: border-box; } .number{ transition: transform 0.4s cubic-bezier(.68,.26,.53,.94); height: 250px; font-size:250px !important; } .tit-general-proceso{ color: #FEFEFE; font-size: 84px; font-weight: 300; line-height: 97px; } .proceso-tit-peque{ color: #FEFEFE; font-size: 16px; font-weight: 700; line-height: 100%; } .proceso-parrafo{ color:#FEFEFE; font-size: 30px; font-weight: 300; line-height: 100%; } .num-proceso{ color:#FEFEFE; font-weight: 700; font-size: 36px; line-height: 100%; padding-bottom: 21px; } .swiper-videos-wrapper { width: 832px; margin: auto; position: relative; overflow: visible; } .swiper-videos-container { width: 100%; overflow: hidden; border-radius: 16px; position: relative; } .swiper-videos-container .swiper-slide { display: flex; justify-content: center; align-items: center; } .video-wrapper { width: 100%; height: 468px; position: relative; overflow: hidden; border-radius: 16px; } .video-thumbnail { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; } .play-button { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); background-image: url('/wp-content/uploads/reformadisimo-icono-play.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 5; cursor: pointer; } .swiper-videos-prev, .swiper-videos-next { position: absolute; top: 50%; width: 28px; height: 60px; margin-top: -48px; z-index: 10; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; } .swiper-videos-prev { left: -70px; background-image: url('/wp-content/uploads/2025/07/Vector-5.svg'); } .swiper-videos-next { right: -70px; background-image: url('/wp-content/uploads/2025/07/Vector-4.svg'); } .swiper-videos-prev::after, .swiper-videos-next::after { display: none; } .swiper-videos-pagination { text-align: center; margin-top: 20px; position: relative; z-index: 10; } .swiper-videos-pagination .swiper-pagination-bullet { background: #D9D9D9; opacity: 1; width: 12px; height: 12px; margin: 0 5px !important; } .swiper-videos-pagination .swiper-pagination-bullet-active { background: #FFCC00; } .testimonio-personalizado { display: flex; align-items: flex-start; gap: 24px; background: #FEFEFE; padding: 40px 40px; border-radius: 24px; box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.1); } .testimonio-personalizado .avatar { width: 124px; height: 124px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .testimonio-personalizado .contenido { flex: 1; padding: 0 90px 0 20px; } .testimonio-personalizado .nombre { font-size: 18px; padding-bottom: 5px; } .testimonio-personalizado .nombre .oscuro{ font-weight: 700; } .testimonio-personalizado .estrellas { margin-bottom: 8px; } .testimonio-personalizado .comentario { font-size: 16px; line-height: 150%; margin: 0; } .estrella { width: 18px; height: 18px; margin-right: 0px; display: inline-block; vertical-align: middle; } .swiper-testimonios { cursor: grab; overflow: hidden; transform: translateY(56%); margin-top: -200px; } .swiper-testimonios:active { cursor: grabbing; } .swiper-testimonios .swiper-slide { display: flex; justify-content: center; padding: 20px; /* para separar slides sin pasarse */ } .contacto-landing{ max-width: 810px; margin:0 auto; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input, .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap textarea{ border-radius: 24px; background-color: #FEFEFE4D; border: none; font-size: 18px; padding: 15px 20px; margin-bottom: 18px; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap textarea{ margin-bottom: 12px; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input.mitad{ width: 49%; margin-right: 2%; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap:last-child input.mitad{ margin-right: 0; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input.entero{ width: 100%; margin-right: 0; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input::placeholder, .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap textarea::placeholder { color: #2C28054D; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input:focus, .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap textarea:focus { background-color: #FEFEFE; transition: all 0.3s ease; } .contacto-landing .wpcf7 .fila-form .boton-form{ width: 100%; cursor: pointer; padding: 15px 20px; line-height: 18px !important; } .contacto-landing .wpcf7 .fila-form .boton-form:hover{ border-radius: 200px; opacity: 0.9; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); padding: 15px 20px !important; } .boton-refor:hover{ box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); } .contacto-landing .wpcf7 .fila-form .boton-form:hover:after{ display: none; } .marquee-container { overflow: hidden; width: 100%; white-space: nowrap; padding: 1em 0; } .marquee-track { display: inline-block; white-space: nowrap; } .marquee-track span { display: inline-block; color: #FEFEFE; font-size: 135px; line-height: 140px; font-weight: 300; white-space: nowrap; } .bocadillo { position: relative; background-color: #FEFEFE; border-radius: 45px; padding: 30px 50px; width: fit-content; } .bocadillo p, .bocadillo a{ font-size: 84px; line-height: 97px; } .bocadillo img{ height: 60px; width: 60px; } .bocadillo p{ color: #373735; } .bocadillo a{ color: #FEFEFE; } .chat.izquierda{ display: flex; justify-content: flex-start; } .chat.derecha{ display: flex; justify-content: flex-end; } .chat.whatsapp .bocadillo{ background: linear-gradient(180deg, #5DF878 0%, #2FBD2B 100%); box-shadow: var(--sds-size-depth-0) 5px 20px var(--sds-size-depth-negative-025) #0C0C0D26; } .chat.izquierda.pico .bocadillo::before { content: ''; position: absolute; top: -15px; left: -14px; width: 0; height: 0; border-style: solid; border-width: 30px 60px 60px 0; border-color: transparent #FEFEFE transparent transparent; transform: rotate(-90deg); } .chat.derecha.pico .bocadillo::before { content: ''; position: absolute; top: -15px; right: -14px; /* Cambiado de left a right */ width: 0; height: 0; border-style: solid; border-width: 30px 0 60px 60px; border-color: transparent transparent transparent #FEFEFE; transform: rotate(90deg); } .seccion-menu.landing{ height: auto; } .footer-landing { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; flex-wrap: wrap; } .footer-landing div { font-weight: 400; font-size: 16px; line-height: 150%; color: #373735; } .footer-landing .centro, .footer-landing .derecha { text-align: center; } .footer-landing a { color: #373735; text-decoration: none; margin: 0 5px; } .footer-landing a:hover { text-decoration: underline; } .solo-mov{ display: none; } /*RESPONSIVE LANDING*/ @media screen and (max-width: 1150px) { .hero-landing-texto h1 { font-size: 48px; line-height: 100%; } .swiper-outer-wrapper { width: 700px; } .testimonio-personalizado .contenido { padding: 0; } .testimonio-personalizado { flex-direction: column; } } @media screen and (max-width: 980px){ .solo-mov{ display: block; } .fila-hero-landing{ display: flex; flex-direction: column-reverse; height: 100%; } .fila-hero-landing .col-video{ } .hero-landing-texto { padding-left: 15px; padding-right: 15px; text-align: center !important; } .hero-landing-texto h1 { margin-top: 36px; } .hero-landing-boton { width: fit-content; padding-left: 0; padding-right: 0; margin: 0 auto; } .seccion-menu.landing { padding: 18px 0px!important; } .seccion-menu.landing .menu-contenedor .menu-derecha .boton-menu { font-size: 16px; padding: 9px 16px; } .seccion-menu.landing .menu-derecha .tel a { font-size: 14px; } .seccion-menu.landing .icon-menu-tel{ display: none; } .seccion-menu.landing .menu-derecha .tel { margin-right: 0px; } .fila-hero-landing .col-video { display: block !important; height: 70vh; position: relative; overflow: hidden; width: auto; order: 0; } .fila-hero-landing .col-video video { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; min-width: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: 2; } .hero-col-izda { display: block; } .titulo-seccion-landing { font-size: 32px; line-height: 100%; } .modulo-iconos-landing{ margin-bottom: 48px; text-align: center; } .marquee-track span { font-size: 62px; line-height: 68px; } .bocadillo p, .bocadillo a { font-size: 23px; line-height: 100%; } .bocadillo img{ height: 32px; width: 32px; } .chat.izquierda.pico .bocadillo::before { top: -5px; left: -5px; border-width: 10px 40px 40px 0; } .chat.derecha.pico .bocadillo::before { top: -5px; right: -5px; border-width: 10px 0 40px 40px; } .fuera-mov{ display: none; } .footer-landing { align-items: center; padding: 10px 0px; flex-direction: column; gap: 10px; } .tit-general-proceso { font-size: 40px; line-height: 100%; } .wp-title { justify-content: center; } .proceso-parrafo { font-size: 18px; } .swiper-testimonios { transform: translateY(0%); margin-top: 0px; margin-bottom: -242px; } .bocadillo { padding: 20px 25px; } .col-num-grande{ display: none; } } @media screen and (max-width: 768px) { .hero-landing-texto p, .parrafo-seccion-landing{ font-size: 16px; } .hero-landing-texto h1 { font-size: 38px; } .swiper-outer-wrapper { width: 100%; padding: 0; } .swiper-container, .video-wrapper, .video-thumbnail { border-radius: 0; } .swiper-button-prev, .swiper-button-next { display: none !important; } .video-wrapper { height: auto; aspect-ratio: 16 / 9; } .swiper-outer-wrapper iframe { height: 100%; } .testimonio-personalizado { padding: 30px 24px; } .contacto-landing .wpcf7 .fila-form > p > .wpcf7-form-control-wrap input.mitad{ width: 100%; margin-right: 0%; } } /*Código que estaba en CSS adicional, no me suena que sea nuestro*/ /*15 feb 2024, lo dejamos aquí, pero comentado*/ /* #contact-form-1234{ width:100%; } a:hover { color: blue; text-decoration-line: underline; } a { font-weight: 400; } header#main-header { z-index: 10; } div#boxzilla-20131 { z-index: 100; } @media (max-width: 479px){ .et_pb_post h2 { font-size: 32px; } } .sf-circle .sf-nav { z-index: 9 !important; } div#wpgmza_map_1 { margin-bottom: 30px; } .et_pb_button { font-size: 0.7em;} @media (min-width: 1080px) { .wp-show-posts-inner { width: 936px; height:120px; } span.wp-show-posts-entry-title { font-size: 24px; } .wp-show-posts-entry-summary { font-size: 15px; font-weight: 300; } .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { margin-bottom:0px; } h3.encabezado_related { margin-left: 150px; margin-bottom: 50px; } } @media (max-width: 900px) { .wp-show-posts-image.wpsp-image-left { text-align: center; } header.wp-show-posts-entry-header { font-size: 20px; margin:0 10px; } .wp-show-posts-entry-summary { margin: 0 10px; font-weight: 300; font-size:14px } } @media screen and (max-width: 1100px){ .cajaContactoSidebar a.et_pb_button { font-size: 10px; } } #top-header{ z-index:100 !important; } .et-waypoint:not(.et_pb_counters) { opacity: 1 !important; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header { font-size: 32px; color: #ffffff; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header{ position: absolute; z-index: 9; top: 0; padding: 2% 6%; opacity: 0; transition: all .4s; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header:hover { font-size: 32px !important; color: #ffffff !important; opacity: 1 !important; } .et_pb_grid_item.et_pb_portfolio_item:hover h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item:hover p.post-meta { opacity: 1; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header{ font-size:22px; } .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header {color:#fff; } @media screen and (max-width: 980px){ .et_pb_grid_item.et_pb_portfolio_item h3.et_pb_module_header, .et_pb_grid_item.et_pb_portfolio_item p.post-meta { position: inherit; opacity: 1; } .et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_item h3 { margin-top: 10px; } } */