.scrollImgR.scrollIdeas { background-image: url('/cacheimg?q=75&zc=1&w=2000&src=/uploads/casas/ay/sikartechnology/web/slider/Espacio Contenedor__Soluciones para todos los espacios.jpg'); background-repeat: no-repeat; height: 650px; background-position-x: 50%; Xbackground-position-y: 0px; background-size: cover; background-position-y: 0px; } @supports ( -webkit-touch-callout : none) { .scrollImgR.scrollIdeas { background-attachment: scroll !important; background-position-x: 50% !important; } } @media only screen and (max-width: 1024px) { .scrollImgR.scrollIdeas { background-image: url('/cacheimg?q=75&zc=1&w=1600&src=/uploads/casas/ay/sikartechnology/web/slider/Espacio Contenedor__Soluciones para todos los espacios.jpg'); } } @media only screen and (max-width: 768px) { .scrollImgR.scrollIdeas { background-image: url('/cacheimg?q=75&zc=1&w=1024&src=/uploads/casas/ay/sikartechnology/web/slider/Espacio Contenedor__Soluciones para todos los espacios.jpg'); } } @media only screen and (max-width: 480px) { .scrollImgR.scrollIdeas { background-image: url('/cacheimg?q=75&zc=1&w=800&src=/uploads/casas/ay/sikartechnology/web/slider/Espacio Contenedor__Soluciones para todos los espacios.jpg'); } } jQuery(document).ready(function() { jQuery(window).scroll(function(){ jQuery('.scrollImgR.scrollIdeas').each(function( index ) { var barra = jQuery(window).scrollTop()-jQuery(this).offset().top + jQuery('.scrollImgR.scrollIdeas').height(); var posicion = -(barra * 0.30); jQuery(this).css({ 'background-position-y': (0+posicion+100) + 'px' }); }); }); var barra = jQuery(window).scrollTop()-jQuery('.scrollImgR.scrollIdeas').offset().top + jQuery('.scrollImgR.scrollIdeas').height(); var posicion = -(barra * 0.30); jQuery('.scrollImgR.scrollIdeas').css({ 'background-position-y': (0+posicion+100) + 'px' }); }); Tenemos la casa que necesitas .boxFotoTituloContenido .divFotoTituloContenido img { width: 100%; max-width: 450px; border-radius: 0px !important; } .boxFotoTituloContenido .divFotoTituloContenido a { text-decoration: none !important; } .boxFotoTituloContenido .divFotoTituloContenido { float: left; margin: 0 12px; text-align: center; width: calc(33% - 25px); } .boxFotoTituloContenido { text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .boxFotoTituloContenido .divImgFotoTituloContenido { /*height: 70px;*/ } .boxFotoTituloContenido .tituloTablaEsp { font-size: 24px; /*width: 191px;*/ width: 100%; margin: 0 auto; text-align: center !important; /*height: 80px;*/ } .boxFotoTituloContenido .contenidoTablaEsp a { font-size: 16px !important; color: #000; } .boxFotoTituloContenido .contenidoTablaEsp { margin-top: 30px; } @media only screen and (max-width: 1024px) { .boxFotoTituloContenido .divFotoTituloContenido { width: calc(50% - 24px); } } @media only screen and (max-width: 480px) { .boxFotoTituloContenido .divFotoTituloContenido { width: calc(100% - 24px); } } Módulo vivienda o vivienda/oficina .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Módulo oficina .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Módulo vestuarios/sanitarios .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Nota: este modelo solo admite contenedores de 6,10m Módulo de terraza de bar .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Módulo de escaleras interior o exterior .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Módulo Food Truck .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Módulo quirófano móvil .tableUnaFilaAlterna { border-collapse: separate; display: table; font-family:'Fira Sans'; } .trUnaFilaAlterna { display: table-row; } .tdUnaFilaAlterna { color: #262626; display: table-cell; vertical-align: top; width: 50%; height: 180px; font-size: 16px !important; } .tdUnaFilaAlternaImg { overflow: hidden; padding-top: 0px; clear: both; } .tdUnaFilaAlterna p, .tdUnaFilaAlterna h2, .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-top: -16px; text-align: center; padding: 10px 70px 10px 70px; } .tdUnaFilaAlterna ul, .tdUnaFilaAlterna ol { margin-left: 50px; } .tdUnaFilaAlterna h2 a { font-size: 32px !important; color: #000 !important; font-weight: 500 !important; font-family:'Fira Sans' !important; } .art-postcontent .tdUnaFilaAlterna img { width: 100% !important; z-index: 9999; padding: 0px !important; /*margin: 0px !important;*/ border-radius: 0px !important; margin: -8px 0px !important; } .tdUnaFilaAlternaHeader { width: 100%; } .tdUnaFilaAlternaHeader div { padding: 10px 70px 10px 70px; float: none; margin-right: 0px; text-align: center; line-height: 110%; font-family:'Fira Sans'; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 70px 10px 70px; font-size: 15px; text-align: justify; line-height: 110%; margin-top: 4px; } .tdUnaFilaAlterna h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; } .tdUnaFilaAlterna .subtitleH2 { font-family: 'Roboto' !important; } @media only screen and (max-width: 700px) { .tdUnaFilaAlterna { width: 100% !important; float: none !important; display: block !important; height: auto !important; } .tdUnaFilaAlterna .tdUnaFilaAlternaContent { padding: 10px 20px 10px 20px !important; } .trUnaFilaAlterna { display: flex !important; flex-direction: column; } .tdUnaFilaAlterna.col1 { order: 1; } .tdUnaFilaAlterna.col2 { order: 2; } } Aspectos del montaje Medidas estandar 6,10 m 12,19 m Tipologías para 12m Un módulo de 12,19 Dos módulos de 6,10 Servicios incluidos Diseño paramétrico de los módulos en 3D. Planos y tablas con cantidades y materiales. Infografía por cada tipo de diseño. Se incluye un único diseño por cada tipo de módulo. Por cada diseño adicional solicitado, se incrementaré un 50% el apartado de diseño y un 40% el apartado de infografía Aspectos no incluidos en el proyecto Desplazamientos superiores a 100 km de Burgos capital. Dimensionado de las instalaciones de agua, electricidad, climatización,... Aquí tienes nuestros catálogos Casas PrediseñadasCasas a tu medidaOficinas .tdCircleHoverDiv{ display:inline-block; vertical-align:middle; position:relative; margin-right:-35px; } .circlehover{ width:100%; padding:80px 35px; box-sizing:border-box; overflow:hidden; } .circlehover .tdCircleHoverDiv:last-child{ margin-right:0; } .circlehoverdiv h2{ position:absolute; left:20px; right:20px; top:50%; margin:0; padding:0; color:#fff; font-size:19px; font-weight:600; line-height:1.2; text-align:center; transform:translateY(-50%) translateY(10px); opacity:0.8; z-index:4; text-shadow:0 2px 12px rgba(0,0,0,.5); transition:opacity .45s ease,transform .55s cubic-bezier(.22,.61,.36,1); } .circlehover .circlehoverdiv{ display:block; width:275px; height:275px; border:0; border-radius:50%; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover!important; background-color:#ddd; box-shadow:0 7px 20px rgba(0,0,0,.16); transform:translateZ(0) scale(1); transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s ease,filter .5s ease; will-change:transform; } .circlehover .circlehoverdiv:before{ content:''; position:absolute; inset:0; border-radius:50%; background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.7) 100%); opacity:.55; z-index:2; transition:opacity .55s ease; } .circlehover .circlehoverdiv:after{ content:''; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.45); border-radius:50%; z-index:3; opacity:0; transform:scale(.94); transition:opacity .55s ease,transform .65s cubic-bezier(.22,.61,.36,1); } .circlehover .circlehoverdiv:hover{ z-index:10; transform:translateY(-12px) scale(1.12); box-shadow:0 24px 45px rgba(0,0,0,.28); } .circlehover .circlehoverdiv:hover:before{ opacity:.8; } .circlehover .circlehoverdiv:hover:after{ opacity:1; transform:scale(1); } .circlehover .circlehoverdiv:hover h2{ opacity:1; transform:translateY(-50%) translateY(0); } .circlehover .tdCircleHoverDiv:hover ~ .tdCircleHoverDiv .circlehoverdiv{ transform:translateX(8px); } .circlehover .tdCircleHoverDiv:has(.circlehoverdiv:hover){ z-index:20; } @media(max-width:1100px){ .circlehover{ padding:65px 25px; } .circlehover .circlehoverdiv{ width:230px; height:230px; } .tdCircleHoverDiv{ margin-right:-28px; } } @media(max-width:800px){ .circlehover{ padding:45px 20px; display:flex; flex-wrap:wrap; justify-content:center; gap:18px; } .tdCircleHoverDiv{ margin-right:0; } .circlehover .circlehoverdiv{ width:210px; height:210px; } .circlehover .circlehoverdiv:hover{ transform:translateY(-7px) scale(1.06); } .circlehover .tdCircleHoverDiv:hover ~ .tdCircleHoverDiv .circlehoverdiv{ transform:none; } } @media(max-width:520px){ .circlehover{ padding:30px 12px; gap:14px; } .circlehover .circlehoverdiv{ width:calc(50vw - 22px); height:calc(50vw - 22px); min-width:145px; min-height:145px; max-width:190px; max-height:190px; } .circlehoverdiv h2{ left:12px; right:12px; font-size:15px; } .circlehover .circlehoverdiv:hover{ transform:translateY(-5px) scale(1.035); } } @media(max-width:350px){ .circlehover{ display:block; } .tdCircleHoverDiv{ display:block; width:100%; margin:0 0 18px; } .circlehover .circlehoverdiv{ width:190px; height:190px; margin:auto; } } @media(hover:none){ .circlehover .circlehoverdiv:after{ opacity:.65; transform:scale(1); } .circlehover .circlehoverdiv h2{ opacity:1; transform:translateY(-50%); } .circlehover .circlehoverdiv:before{ opacity:.65; } .circlehover .circlehoverdiv:active{ transform:scale(.97); } } .circlehoverdiv.chover1 {background-image:url(/cacheimg?q=75&zc=1&w=500&h=500&src=/uploads/casas/ay/sikartechnology/tablas/2ef06606e2229f79d13eb2f9c1e1ace5_casa_predisenada.png);}.circlehoverdiv.chover2 {background-image:url(/cacheimg?q=75&zc=1&w=500&h=500&src=/uploads/casas/ay/sikartechnology/tablas/1cfd8d5762e5696e50546581cf99f29e_casa_a_tu_medida.png);}.circlehoverdiv.chover3 {background-image:url(/cacheimg?q=75&zc=1&w=500&h=500&src=/uploads/casas/ay/sikartechnology/tablas/9f1963025e6769f7483982880cf3e605_oficinas.png);}