.elementor-30285 .elementor-element.elementor-element-13a1875{padding:60px 25px 30px 25px;}.elementor-bc-flex-widget .elementor-30285 .elementor-element.elementor-element-760cf31.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30285 .elementor-element.elementor-element-760cf31.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30285 .elementor-element.elementor-element-760cf31 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-760cf31 > .elementor-element-populated, .elementor-30285 .elementor-element.elementor-element-760cf31 > .elementor-element-populated > .elementor-background-overlay, .elementor-30285 .elementor-element.elementor-element-760cf31 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-ac4aa51 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-ac4aa51{text-align:start;}.elementor-30285 .elementor-element.elementor-element-ac4aa51 .elementor-heading-title{font-family:"Px-Grotesk-Regular", Sans-serif;font-size:64px;font-weight:700;text-transform:capitalize;font-style:normal;line-height:1em;color:var( --e-global-color-a3abbad );}.elementor-bc-flex-widget .elementor-30285 .elementor-element.elementor-element-42a120a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30285 .elementor-element.elementor-element-42a120a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30285 .elementor-element.elementor-element-42a120a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-84ea18c > .elementor-widget-container{border-style:none;}.elementor-30285 .elementor-element.elementor-element-84ea18c:hover .elementor-widget-container{border-style:none;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu .elementor-item{font-family:"HCP-Narrative-Regular", Sans-serif;font-size:24px;font-weight:300;text-decoration:none;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item:hover, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-a3abbad );fill:var( --e-global-color-a3abbad );}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-c8a92f6 );}.elementor-30285 .elementor-element.elementor-element-84ea18c{--e-nav-menu-horizontal-menu-item-margin:calc( 26px / 2 );}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:26px;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--dropdown .elementor-item, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--dropdown .elementor-sub-item{text-decoration:none;}.elementor-bc-flex-widget .elementor-30285 .elementor-element.elementor-element-f0a0d79.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30285 .elementor-element.elementor-element-f0a0d79.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30285 .elementor-element.elementor-element-f0a0d79 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-f0a0d79 > .elementor-element-populated, .elementor-30285 .elementor-element.elementor-element-f0a0d79 > .elementor-element-populated > .elementor-background-overlay, .elementor-30285 .elementor-element.elementor-element-f0a0d79 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-8512c3d{padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-f0d8083 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-9d44cce{--grid-columns:2;--grid-row-gap:3px;--load-more—spacing:0px;--grid-column-gap:3px;}.elementor-30285 .elementor-element.elementor-element-9d44cce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container{grid-auto-rows:1fr;}.elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section > .elementor-container, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .e-con, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-30285 .elementor-element.elementor-element-9d44cce .e-load-more-message{font-family:"HCP-Narrative-Regular", Sans-serif;}@media(min-width:768px){.elementor-30285 .elementor-element.elementor-element-760cf31{width:20%;}.elementor-30285 .elementor-element.elementor-element-42a120a{width:60%;}.elementor-30285 .elementor-element.elementor-element-f0a0d79{width:19.664%;}}@media(max-width:1024px) and (min-width:768px){.elementor-30285 .elementor-element.elementor-element-760cf31{width:25%;}.elementor-30285 .elementor-element.elementor-element-42a120a{width:75%;}}@media(max-width:1024px){.elementor-30285 .elementor-element.elementor-element-13a1875{padding:30px 25px 30px 25px;}.elementor-30285 .elementor-element.elementor-element-ac4aa51 .elementor-heading-title{font-size:38px;letter-spacing:0px;}.elementor-30285 .elementor-element.elementor-element-84ea18c{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( 7px / 2 );}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:7px;}.elementor-30285 .elementor-element.elementor-element-9d44cce{--grid-columns:3;}}@media(max-width:767px){.elementor-30285 .elementor-element.elementor-element-760cf31 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-30285 .elementor-element.elementor-element-ac4aa51 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-30285 .elementor-element.elementor-element-ac4aa51{text-align:center;}.elementor-30285 .elementor-element.elementor-element-ac4aa51 .elementor-heading-title{font-size:32px;}.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu--main .elementor-item{padding-top:3px;padding-bottom:3px;}.elementor-30285 .elementor-element.elementor-element-9d44cce{--grid-columns:1;--grid-row-gap:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-84ea18c */.elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item:hover, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item:focus, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item:active, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item:visited { text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; background-image: none !important; } .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item::before, .elementor-30285 .elementor-element.elementor-element-84ea18c .elementor-nav-menu a.elementor-item::after { display: none !important; }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-9d44cce *//* ========================================================== BENTO LOOP ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce { container-type: inline-size; } /* ========================================================== GRID PRINCIPAL ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container { display: grid !important; /* Dos columnas iguales */ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* * Unidad vertical base. * * Usamos una unidad más pequeña para poder controlar * con más precisión la altura de cada tipo de pieza. */ grid-auto-rows: 8cqw !important; column-gap: 3px !important; row-gap: 3px !important; grid-auto-flow: row !important; align-items: stretch !important; } /* ========================================================== RESET DE ITEMS ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; } /* ========================================================== ITEM 1 HORIZONTAL IZQUIERDA 4 × 8cqw = aproximadamente 32cqw ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item:nth-child(3n + 1 of .e-loop-item) { grid-column: 1 !important; grid-row: span 4 !important; } /* ========================================================== ITEM 2 VERTICAL DERECHA 7 × 8cqw = aproximadamente 56cqw Antes equivalía aproximadamente a 64cqw, por lo que ahora queda algo más baja. ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item:nth-child(3n + 2 of .e-loop-item) { grid-column: 2 !important; grid-row: span 7 !important; } /* ========================================================== ITEM 3 HORIZONTAL A ANCHO COMPLETO 8 × 8cqw = aproximadamente 64cqw ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item:nth-child(3n + 3 of .e-loop-item) { grid-column: 1 / -1 !important; grid-row: span 8 !important; } /* ========================================================== HACER QUE TODA LA PLANTILLA INTERIOR RELLENE LA CELDA ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section > .elementor-container, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .card-folio, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .card-folio > .elementor-widget-wrap { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } /* ========================================================== CORREGIR SECTION BOXED DE ELEMENTOR ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section > .elementor-container { max-width: none !important; } /* ========================================================== IMÁGENES DE FONDO ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .card-folio > .elementor-widget-wrap { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } /* ========================================================== ENCUADRE DEL ITEM VERTICAL ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item:nth-child(3n + 2 of .e-loop-item) .card-folio > .elementor-widget-wrap { /* * Al ser imágenes horizontales, el vertical * recorta bastante por los laterales. */ background-position: center center !important; } /* ========================================================== ENCUADRE DEL HORIZONTAL A ANCHO COMPLETO ========================================================== */ .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item:nth-child(3n + 3 of .e-loop-item) .card-folio > .elementor-widget-wrap { background-position: center 50% !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container { /* * Un poco más de altura relativa en tablet. */ grid-auto-rows: 8.5cqw !important; } } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 767px) { .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container { grid-template-columns: 1fr !important; grid-auto-rows: auto !important; gap: 3px !important; } .elementor-30285 .elementor-element.elementor-element-9d44cce .elementor-loop-container > .e-loop-item { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; /* * En móvil dejamos todas las imágenes * en formato horizontal. */ aspect-ratio: 16 / 9 !important; } .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item > .elementor-section > .elementor-container, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .card-folio, .elementor-30285 .elementor-element.elementor-element-9d44cce .e-loop-item .card-folio > .elementor-widget-wrap { height: 100% !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Px-Grotesk-Regular'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://hcparquitectos.com/wp-content/uploads/2026/08/Px-Grotesk-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'HCP-Narrative-Regular'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://hcparquitectos.com/wp-content/uploads/2026/08/HCP-Narrative-Regular.woff') format('woff'); } /* End Custom Fonts CSS */