.elementor-5694 .elementor-element.elementor-element-c2000000{--display:flex;--min-height:78px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#e8e6e1;--border-color:#e8e6e1;--padding-top:0px;--padding-bottom:0px;--padding-left:44px;--padding-right:44px;--z-index:99;}.elementor-5694 .elementor-element.elementor-element-c2000000:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5694 .elementor-element.elementor-element-c2000001{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5694 .elementor-element.elementor-element-c2000002{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000002 img{width:100px;}.elementor-5694 .elementor-element.elementor-element-c2000020{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#e2ddd2;--border-color:#e2ddd2;--border-radius:12px 12px 12px 12px;box-shadow:0px 24px 54px 0px rgba(17,26,46,0.18);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5694 .elementor-element.elementor-element-c2000020:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5694 .elementor-element.elementor-element-c2000021{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:26px;--padding-bottom:24px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000022{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#e2ddd2;--border-color:#e2ddd2;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000023{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000023 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.2px;color:#6b6f78;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5694 .elementor-element.elementor-element-c2000024{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-item > a{font-family:"IBM Plex Sans", Sans-serif;font-size:15px;font-weight:400;line-height:1.4em;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-text{color:#111a2e;transition:color 0.3s;}.elementor-5694 .elementor-element.elementor-element-c2000024 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#1D6FB8;}.elementor-5694 .elementor-element.elementor-element-c2000030{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#e2ddd2;--border-color:#e2ddd2;--padding-top:0px;--padding-bottom:0px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000031{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000031 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.2px;color:#6b6f78;}.elementor-5694 .elementor-element.elementor-element-c2000040{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#e2ddd2;--border-color:#e2ddd2;--padding-top:0px;--padding-bottom:0px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000041{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000041 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.2px;color:#6b6f78;}.elementor-5694 .elementor-element.elementor-element-c2000050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#e2ddd2;--border-color:#e2ddd2;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:26px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-5694 .elementor-element.elementor-element-c2000050:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f7f5f0;}.elementor-5694 .elementor-element.elementor-element-c2000051{text-align:center;}.elementor-5694 .elementor-element.elementor-element-c2000052{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000052 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:17px;font-weight:600;line-height:1.25em;color:#0E2659;}.elementor-5694 .elementor-element.elementor-element-c2000054 .elementor-button{font-family:"IBM Plex Sans", Sans-serif;font-size:15px;font-weight:600;fill:#ffffff;color:#ffffff;background-color:#0E2659;border-style:none;border-radius:3px 3px 3px 3px;padding:11px 14px 11px 14px;}.elementor-5694 .elementor-element.elementor-element-c2000054 .elementor-button:hover, .elementor-5694 .elementor-element.elementor-element-c2000054 .elementor-button:focus{background-color:#1D6FB8;}.elementor-5694 .elementor-element.elementor-element-c2000060{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#e2ddd2;--border-color:#e2ddd2;--padding-top:14px;--padding-bottom:14px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000060:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000060 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f7f5f0;}.elementor-5694 .elementor-element.elementor-element-c2000070{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#e2ddd2;--border-color:#e2ddd2;--border-radius:12px 12px 12px 12px;box-shadow:0px 24px 54px 0px rgba(17,26,46,0.18);--padding-top:24px;--padding-bottom:24px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000070:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5694 .elementor-element.elementor-element-c2000071{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000071 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.2px;color:#6b6f78;}.elementor-5694 .elementor-element.elementor-element-c2000080{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#e2ddd2;--border-color:#e2ddd2;--border-radius:12px 12px 12px 12px;box-shadow:0px 24px 54px 0px rgba(17,26,46,0.18);--padding-top:24px;--padding-bottom:24px;--padding-left:26px;--padding-right:26px;}.elementor-5694 .elementor-element.elementor-element-c2000080:not(.elementor-motion-effects-element-type-background), .elementor-5694 .elementor-element.elementor-element-c2000080 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5694 .elementor-element.elementor-element-c2000081{text-align:start;}.elementor-5694 .elementor-element.elementor-element-c2000081 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2.2px;color:#6b6f78;}.elementor-5694 .elementor-element.elementor-element-c2000090{--display:flex;}.elementor-5694 .elementor-element.elementor-element-c2000091{--display:flex;}.elementor-5694 .elementor-element.elementor-element-c2000092{--display:flex;}.elementor-5694 .elementor-element.elementor-element-c2000093{--display:flex;}.elementor-5694 .elementor-element.elementor-element-c2000010{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:0px;--n-menu-title-font-size:14.5px;--n-menu-title-color-normal:#111a2e;--n-menu-title-transition:300ms;--n-menu-icon-size:13px;--n-menu-icon-gap:6px;--n-menu-icon-color:#6b6f78;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-5694 .elementor-element.elementor-element-c2000010 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-5694 .elementor-element.elementor-element-c2000010 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-5694 .elementor-element.elementor-element-c2000010 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"IBM Plex Sans", Sans-serif;font-weight:400;}.elementor-5694 .elementor-element.elementor-element-c2000010 {--n-menu-title-color-hover:#1D6FB8;}.elementor-5694 .elementor-element.elementor-element-c2000100{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:26px;--margin-right:0px;}.elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button{font-family:"IBM Plex Sans", Sans-serif;font-size:15px;font-weight:600;fill:#ffffff;color:#ffffff;background-color:#0E2659;border-style:none;border-radius:0px 0px 0px 0px;padding:16px 26px 16px 26px;}.elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button:hover, .elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button:focus{color:#ffffff;background-color:#1D6FB8;}.elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button:hover svg, .elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button:focus svg{fill:#ffffff;}.elementor-5694 .elementor-element.elementor-element-c2000102{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-5694 .elementor-element.elementor-element-c2000103{text-align:center;}.elementor-5694 .elementor-element.elementor-element-c2000103 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:600;line-height:1em;color:#111a2e;}.elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button-content-wrapper{flex-direction:row;}.elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button{font-family:"IBM Plex Sans", Sans-serif;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0px;fill:#111a2e;color:#111a2e;background-color:rgba(255,255,255,0);border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 3px 0px;}.elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button:hover, .elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button:focus{color:#1D6FB8;background-color:rgba(255,255,255,0);border-color:#A1C639;}.elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button:hover svg, .elementor-5694 .elementor-element.elementor-element-c2000104 .elementor-button:focus svg{fill:#1D6FB8;}.elementor-5694 .elementor-element.elementor-element-ba65179{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-5694 .elementor-element.elementor-element-c2000000{--content-width:1240px;}.elementor-5694 .elementor-element.elementor-element-c2000001{--width:230px;}.elementor-5694 .elementor-element.elementor-element-c2000022{--width:23%;}.elementor-5694 .elementor-element.elementor-element-c2000030{--width:25%;}.elementor-5694 .elementor-element.elementor-element-c2000040{--width:25%;}.elementor-5694 .elementor-element.elementor-element-c2000050{--width:27%;}.elementor-5694 .elementor-element.elementor-element-c2000070{--width:330px;}.elementor-5694 .elementor-element.elementor-element-c2000080{--width:330px;}.elementor-5694 .elementor-element.elementor-element-c2000100{--width:330px;}.elementor-5694 .elementor-element.elementor-element-c2000102{--width:152px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5694 .elementor-element.elementor-element-c2000022{--width:50%;}.elementor-5694 .elementor-element.elementor-element-c2000030{--width:50%;}.elementor-5694 .elementor-element.elementor-element-c2000040{--width:50%;}.elementor-5694 .elementor-element.elementor-element-c2000050{--width:100%;}}@media(max-width:1024px){.elementor-5694 .elementor-element.elementor-element-c2000002 img{width:92px;}.elementor-5694 .elementor-element.elementor-element-c2000021{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-5694 .elementor-element.elementor-element-c2000000{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5694 .elementor-element.elementor-element-c2000001{--width:150px;}.elementor-5694 .elementor-element.elementor-element-c2000002 img{width:84px;}.elementor-5694 .elementor-element.elementor-element-c2000021{--flex-wrap:wrap;}.elementor-5694 .elementor-element.elementor-element-c2000022{--width:100%;}.elementor-5694 .elementor-element.elementor-element-c2000030{--width:100%;}.elementor-5694 .elementor-element.elementor-element-c2000040{--width:100%;}.elementor-5694 .elementor-element.elementor-element-c2000050{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c2000051 */.elementor-5694 .elementor-element.elementor-element-c2000051 img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 30%;display:block;margin-bottom:0}/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-c2000010 */.elementor-5694 .elementor-element.elementor-element-c2000010{flex:0 0 auto !important}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2000101 */.elementor-5694 .elementor-element.elementor-element-c2000101 .elementor-button{white-space:nowrap}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c2000103 */.elementor-5694 .elementor-element.elementor-element-c2000103{display:none}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c2000104 */.elementor-5694 .elementor-element.elementor-element-c2000104{display:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c2000000 *//* ======================================================================= CSS GLOBAL DE AEROTHERMA - UN SOLO SITIO Plantilla de cabecera 5694 > contenedor c2000000 > CSS personalizado. Aqui esta TODO: el CSS del diseno 2026, los bloques de Code y los ajustes de Cowork. El Personalizador quedo vacio a proposito el 28/08. Si tocas CSS, tocalo aqui. Si algo no aplica, mira primero el CSS de la propia pagina (Ajustes de la pagina > CSS personalizado). ======================================================================= */ /* ============ 1. BASE DEL DISENO Y BLOQUES DE CODE (venia del Personalizador) ============ */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: auto; } } /* ===== BLOG AEROTHERMA - GeneratePress + Elementor header ===== */ .blog #page, .archive #page { padding-top: 145px !important; } .blog #right-sidebar, .archive #right-sidebar { display: none !important; } .blog #primary, .archive #primary { width: 100% !important; max-width: 1100px; margin: 0 auto; float: none !important; padding: 20px 20px 60px; } .blog #content, .archive #content { background: #f4f6fb; } .blog #main, .archive #main { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 28px; } .blog article.post, .archive article.post { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 18px rgba(13,27,75,0.1); border: 1px solid #e4eaf5; transition: transform .25s, box-shadow .25s; margin-bottom: 0 !important; } .blog article.post:hover, .archive article.post:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(13,27,75,0.18); } .blog .inside-article, .archive .inside-article { padding: 0; } .blog .post-image, .archive .post-image { width: 100%; height: 200px; overflow: hidden; margin: 0; } .blog .post-image img, .archive .post-image img { width: 100%; height: 100%; object-fit: cover; } .blog .entry-header, .archive .entry-header { padding: 22px 22px 0; } .blog .entry-title, .archive .entry-title { font-size: 1.15rem !important; font-weight: 700; line-height: 1.4; margin: 0 0 10px !important; } .blog .entry-title a, .archive .entry-title a { color: #0d1b4b !important; text-decoration: none; } .blog .entry-title a:hover, .archive .entry-title a:hover { color: #1a7cb8 !important; } .blog .entry-meta, .archive .entry-meta { font-size: .78rem; color: #999; padding: 0 22px 8px; } .blog .entry-summary, .archive .entry-summary { padding: 0 22px; } .blog .entry-summary p, .archive .entry-summary p { font-size: .88rem; color: #555; line-height: 1.6; margin-bottom: 16px; } .blog .more-link, .archive .more-link { display: inline-block; background: #0d1b4b; color: #fff !important; padding: 9px 20px; border-radius: 6px; font-size: .82rem; font-weight: 600; text-decoration: none !important; transition: background .2s; margin: 0 22px 20px; } .blog .more-link:hover, .archive .more-link:hover { background: #1a7cb8; } .blog .entry-footer, .archive .entry-footer { padding: 12px 22px 20px; border-top: 1px solid #f0f0f0; font-size: .78rem; } .blog .entry-footer .cat-links a, .archive .entry-footer .cat-links a { color: #1a7cb8; font-weight: 600; text-transform: uppercase; font-size: .72rem; letter-spacing: .5px; } .blog .elementor-element-1e8f291a, .archive .elementor-element-1e8f291a { background-color: #0d1b4b !important; } @media (max-width: 768px) { .blog #main, .archive #main { grid-template-columns: 1fr; } .blog #page, .archive #page { padding-top: 120px !important; } } /* ===== DISENO 2026 ===== */ /* Paleta de marca (para poder reutilizar el CSS del diseno tal cual) */ :root{--tinta:#111a2e;--azul:#0E2659;--azul-medio:#1D6FB8;--cian:#37b6e9;--lima:#A1C639;--lima-osc:#7f9f2c;--crema:#f7f5f0;--linea:#e2ddd2;--suave:#6b6f78;--grad:linear-gradient(125deg,#0E2659 0%,#1D6FB8 58%,#1f8f8a 100%)} /* Degradado de marca con las 3 paradas (Elementor solo admite 2) */ .e-con.at-grad, .elementor-element.at-grad { background-image: var(--grad) !important; } /* Elementor pone el velo de fondo al 50% de opacidad por defecto */ .e-con.at-hero::before, .e-con.at-pagehero::before { opacity: 1 !important; } .e-con.at-hero::before { background-image: linear-gradient(100deg, rgba(11,22,44,.92) 0%, rgba(11,22,44,.5) 44%, rgba(11,22,44,.2) 60%) !important; } .e-con.at-pagehero::before { background-image: linear-gradient(90deg, rgba(9,18,38,.88) 0%, rgba(9,18,38,.7) 30%, rgba(9,18,38,.4) 52%, rgba(9,18,38,.14) 74%, rgba(9,18,38,0) 100%) !important; } .e-con.at-pagehero h1 { text-shadow: 0 2px 22px rgba(9,18,38,.5); } .e-con.at-pagehero .elementor-widget-text-editor { text-shadow: 0 1px 16px rgba(9,18,38,.55); } /* ---------- BASE DE TEXTO (clase at-sec) ---------- */ .at-sec .eyebrow{display:block;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--azul-medio);font-weight:600;margin:0} .at-sec h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:40px;line-height:1.12;letter-spacing:-.02em;color:var(--azul);margin:0 0 18px} .at-sec h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:20px;line-height:1.12;letter-spacing:-.02em;color:var(--azul);margin:0 0 8px} .at-sec h4{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--azul);margin:0 0 6px} .at-sec p{font-family:'Inter',sans-serif;font-size:17px;line-height:1.7;color:var(--suave);margin:0 0 16px} .at-sec .lead{font-size:18px;color:var(--tinta)} .at-sec strong,.at-sec b{color:var(--tinta);font-weight:600} .at-sec ul{list-style:none;margin:0 0 18px;padding:0} .at-sec li{position:relative;padding:8px 0 8px 22px;color:var(--tinta);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6} .at-sec li::before{content:'—';position:absolute;left:0;color:var(--lima-osc);font-weight:700} .at-sec table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-family:'Inter',sans-serif;font-size:15px} .at-sec th,.at-sec td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--linea);color:var(--tinta)} .at-sec th{color:var(--suave);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.1em} .at-sec .nota{font-size:13px;font-style:italic;color:var(--suave)} .at-sec-dark .eyebrow{color:var(--lima)} .at-sec-dark h2,.at-sec-dark h3{color:#fff} .at-sec-dark p,.at-sec-dark li{color:#dbe2ee} .at-sec-dark strong,.at-sec-dark b{color:#fff} /* ---------- LOS DOS TIPOS DE PARRAFO DE LA MAQUETA ---------- Van ANTES de los componentes, igual que en el CSS original, para que las tarjetas puedan sobrescribirlos. at-secc =
-> .sec p (1.05rem, gris, max 820, mt 16) at-pag =
a secas -> hereda del body (16px, tinta, sin margen) */ .at-pag .at-sec p{font-size:16px;line-height:1.65;color:var(--tinta);margin:0} .at-secc .at-sec p{font-size:1.05rem;line-height:1.65;color:var(--suave);max-width:820px;margin:16px 0 0} .at-secc .at-sec p strong{color:var(--tinta)} .at-sec .inline-link{color:var(--azul-medio);font-weight:600;border-bottom:1.5px solid currentColor} /* ---------- COMPONENTES DEL DISENO ---------- */ .at-sec .sec-head{max-width:820px;margin-bottom:14px} .at-sec .sec-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin:12px 0 0} .at-sec .btn{display:inline-flex;align-items:center;gap:9px;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1rem;padding:15px 30px;border-radius:4px;background:var(--azul);color:#fff;transition:.3s;border:none;cursor:pointer;text-decoration:none} .at-sec .btn:hover{background:var(--azul-medio);transform:translateY(-2px);text-decoration:none} .at-sec .btn-lima{background:var(--lima);color:#152a06} .at-sec .btn-lima:hover{background:var(--lima-osc);color:#152a06} .at-sec .btn-ghost{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.4);color:#fff} .at-sec .btn-ghost:hover{background:rgba(255,255,255,.26);border-color:#fff;color:#fff} .at-sec .hero-cta,.at-sec .cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px} .at-sec .vent{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px} .at-sec .vent-item{display:flex;gap:14px;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:22px 24px} .at-sec .vent-item .vn{font-family:'Fraunces',Georgia,serif;font-weight:700;color:#5C7A1F;font-size:1.5rem;line-height:1} .at-sec .vent-item h3{font-weight:600;font-size:1.1rem;margin:0 0 4px} .at-sec .vent-item p{color:var(--suave);font-size:.94rem;margin:0;max-width:none} .at-sec .stat{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:var(--grad);color:#fff;border-radius:10px;padding:30px 34px} .at-sec .stat .big{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:2.6rem;color:var(--lima);line-height:1;white-space:nowrap} .at-sec .stat p{color:#dbe2ee;margin:0;max-width:560px;font-size:1rem} .at-sec .stat p b{color:#fff} .at-sec .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .at-sec .card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linea);border-radius:12px;padding:26px 24px;transition:.25s} .at-sec .card:hover{border-color:var(--azul-medio);transform:translateY(-4px);box-shadow:0 20px 44px rgba(17,26,46,.1)} .at-sec .card .pc{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-medio);font-weight:700;margin-bottom:12px} .at-sec .card h3{font-size:1.24rem;line-height:1.2;margin-bottom:10px} .at-sec .card p{color:var(--suave);font-size:.96rem;flex-grow:1;max-width:none} .at-sec .card .pl{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--azul-medio);font-size:.92rem;margin-top:16px} .at-sec .gsteps{margin-top:34px;display:grid;gap:14px} .at-sec .gstep{display:flex;gap:18px;background:var(--crema);border:1px solid var(--linea);border-radius:12px;padding:20px 22px} .at-sec .gstep .gn{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;font-family:'Fraunces',Georgia,serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.05rem} .at-sec .gstep h3{font-weight:600;font-size:1.08rem;margin:5px 0} .at-sec .gstep p{color:var(--suave);font-size:.95rem;margin:0;line-height:1.55;max-width:none} .at-sec .gstep.hl{border-color:var(--lima);background:#f1f7df} .at-sec .gstep.hl .gn{background:var(--lima-osc)} .at-sec .gstep .tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#54701c;margin-bottom:3px} .at-sec .geo-photo{max-width:470px;margin:36px auto 0;border-radius:16px;overflow:hidden;border:1px solid var(--linea);box-shadow:0 14px 34px rgba(14,38,89,.12)} .at-sec .geo-photo img{display:block;width:100%;height:auto} .at-sec .geo-photo figcaption{background:#fff;color:var(--suave);font-size:.85rem;padding:12px 16px;text-align:center;line-height:1.45} .at-sec .svc-photo{max-width:560px;margin:34px auto 0;border-radius:16px;overflow:hidden;border:1px solid var(--linea);box-shadow:0 14px 34px rgba(14,38,89,.1)} .at-sec .svc-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .at-sec .svc-photo figcaption{background:#fff;color:var(--suave);font-size:.85rem;padding:12px 16px;text-align:center} .at-sec .price{display:flex;gap:44px;flex-wrap:wrap;margin-top:36px;align-items:flex-start} .at-sec .price-item .pn{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:3rem;color:var(--azul);line-height:1} .at-sec .price-item h3{font-weight:600;font-size:1.05rem;margin:8px 0 4px} .at-sec .price-item p{color:var(--suave);font-size:.92rem;margin:0;max-width:230px} .at-sec .price-note{margin-top:26px;background:var(--crema);border:1px solid var(--linea);border-left:3px solid var(--lima);border-radius:8px;padding:14px 18px;font-size:.92rem;color:var(--suave);max-width:640px} .at-sec .price-note strong{color:var(--tinta)} /* trio + tarjetas enlazadas (aerotermia) */ .at-sec .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px} .at-sec .trio-card{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:30px 26px;border-top:3px solid var(--cian)} .at-sec .trio-card h3{font-weight:600;font-size:1.25rem;margin-bottom:8px} .at-sec .trio-card p{color:var(--suave);font-size:.96rem;margin:0;max-width:none} .at-sec .cards3{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px} .at-sec a.card-lk{display:block;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:24px 26px;transition:.25s;text-decoration:none} .at-sec a.card-lk:hover{transform:translateY(-3px);border-color:var(--azul-medio);box-shadow:0 16px 36px rgba(17,26,46,.10);text-decoration:none} .at-sec .card-lk h3{font-weight:600;font-size:1.15rem;margin-bottom:6px} .at-sec .card-lk h3 .arw,.at-sec .ayuda .arw{color:var(--azul-medio);font-weight:700} .at-sec .card-lk p{color:var(--suave);font-size:.93rem;margin:0;max-width:none} /* ayudas */ .at-sec .ayudas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px} .at-sec .ayuda{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:28px;border-top:3px solid var(--lima)} .at-sec .ayuda h3{font-weight:600;font-size:1.2rem;margin-bottom:8px} .at-sec .ayuda p{color:var(--suave);font-size:.95rem;margin:0;max-width:none} /* pasos numerados */ .at-sec .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:44px} .at-sec .step{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:24px 20px} .at-sec .step-n{font-family:'Fraunces',Georgia,serif;font-weight:700;color:var(--cian);font-size:1.6rem;display:block;margin-bottom:8px} .at-sec .step h4{font-size:1.02rem;margin:0 0 6px} .at-sec .step p{color:var(--suave);font-size:.88rem;margin:0;max-width:none} .at-p-suelo-radiante .at-sec .steps{grid-template-columns:repeat(4,1fr)} .at-p-limpieza-suelo-radiante .at-sec .steps{gap:14px} .at-p-limpieza-suelo-radiante .at-sec .step{padding:22px 18px} .at-p-limpieza-suelo-radiante .at-sec .step-n{font-size:1.5rem} .at-p-limpieza-suelo-radiante .at-sec .step h4{font-size:.98rem} .at-p-limpieza-suelo-radiante .at-sec .step p{font-size:.85rem} .at-p-comunidades-y-empresas .at-sec .steps{gap:14px} /* promo (suelo radiante y mantenimiento) */ .at-sec .promo{margin-top:44px;display:grid;grid-template-columns:1.3fr 1fr;gap:0;border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff} .at-sec .promo-txt{padding:34px 36px} .at-sec .promo-txt h3{font-size:1.4rem;margin-bottom:10px} .at-sec .promo-txt p{color:var(--suave);font-size:.98rem;margin:0 0 18px;max-width:none} .at-sec .promo-side{background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;padding:34px;text-align:center} .at-sec .promo-side .big{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.9rem;line-height:1.1;color:#fff} /* split + sintomas (limpieza suelo radiante) */ .at-sec .split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px;align-items:start} .at-sec .split figure{margin:0} .at-sec .split img{width:100%;border-radius:12px;display:block} .at-sec .signs{list-style:none;margin:22px 0 0;padding:0} .at-sec .signs li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--linea);color:var(--tinta);font-size:1rem} .at-sec .signs li::before{content:"!";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:var(--lima);color:#152a06;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center} /* mantenimiento */ .at-sec .incl{display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;margin-top:36px;list-style:none;padding:0} .at-sec .incl li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--linea);font-size:1rem;color:var(--tinta)} .at-sec .incl li::before{content:"\2713";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;background:var(--lima);color:#152a06;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center} .at-sec .inccards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px} .at-sec .inccard{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:26px;border-top:3px solid var(--azul-medio)} .at-sec .inccard h3{font-weight:600;font-size:1.18rem;margin-bottom:12px} .at-sec .inccard ul{list-style:none;margin:0;padding:0} .at-sec .inccard li{position:relative;padding:7px 0 7px 26px;font-size:.95rem;color:var(--suave);border:none} .at-sec .inccard li::before{content:"\2713";position:absolute;left:0;top:7px;color:var(--lima-osc);font-weight:700;font-size:.85rem;background:none;width:auto;height:auto;border-radius:0} .at-sec .sup{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px} .at-sec .sup-item{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:28px 24px;border-top:3px solid var(--cian)} .at-sec .sup-item h3{font-weight:600;font-size:1.12rem;margin-bottom:8px} .at-sec .sup-item p{color:var(--suave);font-size:.95rem;margin:0;max-width:none} .at-sec .rite{display:grid;grid-template-columns:1fr 1.25fr;gap:34px;align-items:center;margin-top:8px} .at-sec .rite-badge{background:var(--grad);color:#fff;border-radius:14px;padding:44px;text-align:center} .at-sec .rite-badge .rr{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:3rem;line-height:1;color:#fff;letter-spacing:.04em} .at-sec .rite-badge small{display:block;color:#c8d5ec;margin-top:12px;font-size:.82rem;letter-spacing:.08em} .at-sec .rite-txt p{color:var(--suave);font-size:1.02rem;margin:0 0 14px;max-width:none} .at-sec .rite-txt p strong{color:var(--tinta)} /* comunidades y empresas */ .at-sec .segs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px} .at-sec .seg{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:30px 26px;border-top:3px solid var(--azul-medio)} .at-sec .seg h3{font-weight:600;font-size:1.25rem;margin-bottom:8px} .at-sec .seg p{color:var(--suave);font-size:.96rem;margin:0;max-width:none} .at-sec .exp{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center} .at-sec .exp-txt h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:10px 0 14px} .at-sec .exp-txt p{color:var(--suave);font-size:1.05rem;margin:0 0 14px;max-width:none} .at-sec .exp-txt p strong{color:var(--tinta)} .at-sec .exp-img{margin:0} .at-sec .exp-img img{width:100%;border-radius:12px;display:block} .at-sec .exp-img figcaption{font-size:.85rem;color:var(--suave);margin-top:10px;text-align:center} /* sobre nosotros */ .at-sec .sol-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .at-sec .sol-tags span{background:#fff;border:1px solid var(--linea);border-radius:999px;padding:10px 18px;font-weight:500;font-size:.92rem;color:var(--tinta)} .at-sec .audiences{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px} .at-sec .aud-lead{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--azul);font-size:1.02rem} .at-sec .aud-tags{display:flex;flex-wrap:wrap;gap:9px} .at-sec .atag{background:var(--grad);color:#fff;border-radius:999px;padding:9px 17px;font-size:.88rem;font-weight:600} .at-sec .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px} .at-sec .col{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:30px;box-shadow:0 14px 34px rgba(17,26,46,.06)} .at-sec .col .n{font-family:'Fraunces',Georgia,serif;color:var(--azul-medio);font-size:1rem} .at-sec .col h3{font-weight:600;font-size:1.2rem;margin:10px 0 8px} .at-sec .col p{color:var(--suave);font-size:.95rem;margin:0;max-width:none} .at-sec .why{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:46px} .at-sec .why .item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--linea);border-radius:10px;padding:22px 24px} .at-sec .why .item .ic{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem} .at-sec .why .item b{color:var(--azul);font-family:'Fraunces',Georgia,serif;font-weight:600} .at-sec .why .item p{color:var(--suave);font-size:.94rem;margin:4px 0 0;max-width:none} /* paginas de ciudad */ .at-sec .tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px} .at-sec .tags span{border:1px solid var(--linea);background:#fff;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:500;color:var(--tinta)} /* ---------- SECCIONES BLANCAS (at-alt): las tarjetas pasan a crema ---------- */ .at-alt .at-sec .vent-item, .at-alt .at-sec .ayuda, .at-alt .at-sec .step, .at-alt .at-sec .trio-card, .at-alt .at-sec a.card-lk, .at-alt .at-sec .tags span, .at-alt .at-sec .sol-tags span, .at-alt .at-sec .seg, .at-alt .at-sec .inccard, .at-alt .at-sec .promo, .at-alt .at-sec .sup-item, .at-alt .at-sec .col, .at-alt .at-sec .why .item, .at-alt .at-sec .card{background:var(--crema)} @media (max-width: 860px) { .at-sec h2 { font-size: 27px; } .at-sec p, .at-secc .at-sec p { font-size: 16px; } .at-sec .vent, .at-sec .cards, .at-sec .trio, .at-sec .cards3, .at-sec .ayudas, .at-sec .steps, .at-p-suelo-radiante .at-sec .steps, .at-sec .segs, .at-sec .cols, .at-sec .why, .at-sec .incl, .at-sec .inccards, .at-sec .sup, .at-sec .rite, .at-sec .promo, .at-sec .split, .at-sec .exp { grid-template-columns: 1fr; } .at-p-limpieza-suelo-radiante .at-sec .steps { grid-template-columns: 1fr 1fr; } .at-sec .promo-side { order: -1; } .at-sec .stat .big { font-size: 2rem; } .at-sec .price { gap: 24px; } } /* Tarjetas que se elevan al pasar el raton */ .e-con.at-card { transition: transform .3s, box-shadow .3s; } .e-con.at-card:hover { transform: translateY(-4px); } /* Enlaces dentro del texto */ .elementor-widget-text-editor a { color:#1D6FB8; font-weight:600; text-decoration:none; } .elementor-widget-text-editor a:hover { text-decoration:underline; } .at-sec .btn, .at-sec .btn:hover { text-decoration: none !important; } /* --- CABECERA NUEVA --- */ .at-logo-c { display: none !important; } .at-logo-w img, .at-logo-c img { max-height: 54px !important; width: auto !important; max-width: none !important; } @media (max-width: 1024px) { .at-logo-w img, .at-logo-c img { max-height: 44px !important; } } [data-elementor-type="header"] .e-n-menu-heading { flex-wrap: nowrap !important; } [data-elementor-type="header"] .e-n-menu-title { white-space: nowrap; } .at-navclientes .elementor-button { white-space: nowrap; } @media (min-width: 1025px) { .elementor-element-hd00010 { width: 170px !important; } .elementor-element-hd00030 { width: 310px !important; } .elementor-element-hd00032 { width: 152px !important; } } [data-elementor-type="header"] .elementor-sticky--effects, .elementor-element-hd00001.elementor-sticky--effects { background-image: none !important; background-color: rgba(247,245,240,.94) !important; backdrop-filter: blur(12px); border-bottom: 1px solid #e2ddd2; } [data-elementor-type="header"] .elementor-sticky--effects .at-logo-w { display: none !important; } [data-elementor-type="header"] .elementor-sticky--effects .at-logo-c { display: block !important; } [data-elementor-type="header"] .elementor-sticky--effects .e-n-menu-title-text, [data-elementor-type="header"] .elementor-sticky--effects .at-navtel .elementor-heading-title, [data-elementor-type="header"] .elementor-sticky--effects .at-navtel a { color: #111a2e !important; } [data-elementor-type="header"] .elementor-sticky--effects .at-navclientes .elementor-button { color: #111a2e !important; border-color: #c9c3b6 !important; } [data-elementor-type="header"] .elementor-sticky--effects .at-navclientes .elementor-button:hover { color: #152a06 !important; border-color: #A1C639 !important; } [data-elementor-type="header"] .e-n-menu-content > .e-con { margin-top: 6px; } [data-elementor-type="header"] .elementor-widget-icon-list .elementor-icon-list-item > a { padding: 4px 0; } /* --- PROCESO de la home: numero dentro de circulo lima --- */ .at-proceso .e-con-inner > .e-con:nth-child(2) > .e-con > .elementor-widget-heading:first-child .elementor-heading-title { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1.5px solid #A1C639; border-radius: 50%; line-height: 1; } /* --- PROYECTOS: mosaico con el rotulo encima de la foto --- */ .e-con.at-proj { position: relative; overflow: hidden; border-radius: 6px; aspect-ratio: 4 / 3; background-size: cover; background-position: center; padding: 0; cursor: zoom-in; } .e-con.at-proj.at-proj-wide { aspect-ratio: 16 / 5; } @media (max-width: 700px) { .e-con.at-proj.at-proj-wide { aspect-ratio: 4 / 3; } } .e-con.at-proj::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,22,44,.72), transparent 55%); pointer-events: none; transition: .3s; } .e-con.at-proj:hover::after { background: linear-gradient(to top, rgba(11,22,44,.82), rgba(29,111,184,.18)); } .e-con.at-proj .at-proj-tag { position: absolute; left: 16px; bottom: 12px; right: 16px; z-index: 2; margin: 0; } .e-con.at-proj .at-proj-tag .elementor-heading-title, .e-con.at-proj .at-proj-tag p { color: #fff !important; margin: 0; } /* --- CONTACTO: ocultamos la version antigua del formulario --- */ .page-id-5591 .at-form > .elementor-widget-form:first-child { display: none !important; } /* --- PIE: iconos sociales a color --- */ .elementor-element-d3c6d95a { display: none !important; } .at-pie img[alt*="Instagram"], .at-pie img[alt*="Facebook"] { transition: transform .2s; } .at-pie a:hover img[alt*="Instagram"], .at-pie a:hover img[alt*="Facebook"] { transform: translateY(-2px); } /* ===== /DISENO 2026 ===== */ /* ===== ARREGLOS REVISION 26-08 (Code) ===== El CSS global de los arreglos vive en la plantilla de cabecera 5694 (custom_css del contenedor c2000000): alli estan el velo del 38%, la medida de 732px, el interlineado, Inter y las tablas con scroll. Este bloque solo anade lo que aquello no cubre: el mismo velo sobre los componentes sueltos que pintan el degradado de marca con var(--grad) (banda stat, lateral de promo, sello RITE, pastillas de publico). */ .at-sec .stat,.at-sec .promo-side,.at-sec .rite-badge,.at-sec .atag,.at-sec .why .item .ic{background:linear-gradient(rgba(14,38,89,.38),rgba(14,38,89,.38)),var(--grad)} /* ===== /ARREGLOS 26-08 ===== */ /* ===== LOGIN (borrador 5586) 27-08 ===== OJO: esta pagina tiene ADEMAS su propio CSS dentro de Elementor (Ajustes de la pagina -> CSS personalizado), y alli el lima esta puesto con !important sobre .elementor-element-e58358e1. Por eso aqui hay que repetir ese id: asi ganamos por especificidad, sin tocar aquel bloque. La pagina conserva el id 5586 al lanzarse, asi que esto sigue valiendo. */ /* Degradado azul marino, el mismo de las secciones nuevas, con su velo */ .page-id-5586 .elementor-element-cb4c6ba8{background-image:linear-gradient(rgba(14,38,89,.38),rgba(14,38,89,.38)),linear-gradient(125deg,#0A1B40 0%,#0E2659 45%,#1D6FB8 100%) !important} /* Los DOS botones en azul: el de Acceder (sin sesion) y el de Ver mis documentos (el que ven los clientes ya identificados). */ .page-id-5586 .elementor-element-e58358e1 .elementor-widget-login .elementor-button, .page-id-5586 .elementor-element-e58358e1 .elementor-widget-button .elementor-button{background-color:#0E2659 !important;color:#fff !important} .page-id-5586 .elementor-element-e58358e1 .elementor-widget-login .elementor-button:hover, .page-id-5586 .elementor-element-e58358e1 .elementor-widget-login .elementor-button:focus, .page-id-5586 .elementor-element-e58358e1 .elementor-widget-button .elementor-button:hover, .page-id-5586 .elementor-element-e58358e1 .elementor-widget-button .elementor-button:focus{background-color:#1D6FB8 !important;color:#fff !important} /* El globo de WhatsApp fuera de esta pagina (movil y ordenador): quien entra aqui ya es cliente y va a sus documentos, no a preguntar. */ .page-id-5586 #ht-ctc-chat, .page-id-5586 .ht-ctc-chat{display:none !important} /* Los tres textos del panel, mas juntos: el titular llevaba 14px propios arriba y abajo, y cada bloque 20px de margen. */ .page-id-5586 .elementor-element-c8bd9d95{margin-bottom:6px !important} .page-id-5586 .elementor-element-57b629fb{margin-bottom:6px !important} .page-id-5586 .elementor-element-57b629fb .elementor-heading-title{margin-top:6px !important;margin-bottom:6px !important} /* Ajuste SOLO MOVIL: que el login quepa en una pantalla sin deslizar. Antes: 990px de documento a 375px de ancho, con el boton en el px 838. El hueco grande eran rellenos apilados encima del logo (28+30+20+24). */ @media (max-width:767px){ .page-id-5586 .elementor-element-cb4c6ba8{padding-top:20px !important;padding-bottom:22px !important} .page-id-5586 .elementor-element-57b629fb .elementor-heading-title{font-size:22px !important;line-height:1.2 !important} .page-id-5586 .elementor-element-ce2a181e .elementor-heading-title{font-size:13.5px !important;line-height:1.5 !important} .page-id-5586 .elementor-element-279d996d{padding-top:14px !important;padding-bottom:10px !important} .page-id-5586 .elementor-element-279d996d > .elementor-widget-wrap{margin-top:0 !important;padding-top:0 !important;padding-bottom:0 !important} .page-id-5586 .elementor-element-00b7d369 .elementor-widget-wrap{padding-top:10px !important;padding-bottom:6px !important} .page-id-5586 .elementor-element-8852a170{margin-bottom:10px !important} .page-id-5586 .elementor-widget-login .elementor-field-group{margin-bottom:10px !important;padding-bottom:0 !important} .page-id-5586 .elementor-widget-login .elementor-field-textual{padding-top:10px !important;padding-bottom:10px !important} .page-id-5586 .elementor-element-ec2390ce{margin-bottom:8px !important} .page-id-5586 .elementor-element-964cb4b0{margin-top:0 !important} } /* ===== /LOGIN 27-08 ===== */ /* ===== PROCESO «Como trabajamos» 27-08 ===== Componente .at-fases: esta en la home (5530) y en Aerotermia (5550). Va por CLASE, no por page-id, para que las dos usen exactamente lo mismo y no haya que mantenerlo por duplicado. El CSS base del componente vive en la plantilla 5694; esto solo anade movimiento y remate, sin tocarlo. ESCRITORIO — el relevo: el turno pasa de una fase a otra, 2,6 s cada una, ciclo de 7,8 s. Animacion de CSS pura, SIN guion. IMPORTANTE: el texto NO se atenua. Se probo bajando la opacidad del contenido al 50% y sobre el degradado el cuerpo quedaba en 1,9:1 de contraste (el minimo legible es 4,5), o sea dos de cada tres tarjetas ilegibles la mayor parte del tiempo. El turno lo marcan solo elementos decorativos: el numero grande y una rayita lima que barre por debajo. MOVIL — la tira ya se deslizaba (overflow-x + scroll-snap, hecho por Cowork). Aqui solo se le da fondo a las tarjetas, se define el estilo de la activa y el de los pasos 01-02-03, que los inserta el fragmento de WPCode «AEROTHERMA - Retoques del rediseno (acceso + proceso)». */ @keyframes at-relevo-num{ 0%{opacity:.55;transform:translateY(0)} 4%{opacity:1;transform:translateY(-2px)} 30%{opacity:1;transform:translateY(-2px)} 36%{opacity:.55;transform:translateY(0)} 100%{opacity:.55;transform:translateY(0)} } @keyframes at-relevo-raya{ 0%{transform:scaleX(0)} 4%{transform:scaleX(1)} 30%{transform:scaleX(1)} 36%{transform:scaleX(0)} 100%{transform:scaleX(0)} } @media (min-width:861px){ .at-sec .at-fases .at-fase{position:relative} /* el numero: unico elemento que cambia de intensidad (es decorativo) */ .at-sec .at-fases .at-fase .at-fase-n{ display:inline-block; animation:at-relevo-num 7.8s ease-in-out infinite backwards; } .at-sec .at-fases .at-fase:nth-child(2) .at-fase-n{animation-delay:2.6s} .at-sec .at-fases .at-fase:nth-child(3) .at-fase-n{animation-delay:5.2s} /* la rayita lima que marca de quien es el turno */ .at-sec .at-fases .at-fase::after{ content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px; background:#A1C639;transform:scaleX(0);transform-origin:left; animation:at-relevo-raya 7.8s ease-in-out infinite backwards; } .at-sec .at-fases .at-fase:nth-child(2)::after{animation-delay:2.6s} .at-sec .at-fases .at-fase:nth-child(3)::after{animation-delay:5.2s} /* al pasar el raton se para, para poder leer sin que se mueva */ .at-sec .at-fases:hover .at-fase .at-fase-n, .at-sec .at-fases:hover .at-fase::after{animation-play-state:paused} } @media (max-width:860px){ /* fondo suave: sin el, la tarjeta que asoma parece texto cortado */ .at-sec .at-fases .at-fase{ background:rgba(255,255,255,.05); transition:background .3s, border-color .3s; } .at-sec .at-fases .at-fase.at-activa{ background:rgba(255,255,255,.11); border-color:rgba(161,198,57,.45); } } /* Pasos 01-02-03 debajo de la tira (solo movil; los crea el guion) */ .at-fases-pasos{display:flex;align-items:center;gap:14px;margin:16px 2px 0} .at-fases-pasos .at-paso{ display:flex;align-items:center;gap:7px; font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:13px; color:rgba(255,255,255,.55);background:none;border:0;padding:0; cursor:pointer;transition:color .3s; } .at-fases-pasos .at-paso .at-raya{ display:block;width:26px;height:2px;border-radius:2px; background:rgba(255,255,255,.32);transition:background .3s,width .3s; } .at-fases-pasos .at-paso[aria-current="true"]{color:#A1C639} .at-fases-pasos .at-paso[aria-current="true"] .at-raya{background:#A1C639;width:38px} .at-fases-pasos .at-paso:focus-visible{outline:2px solid #A1C639;outline-offset:4px;border-radius:4px} @media (min-width:861px){ .at-fases-pasos{display:none} } /* Quien tenga activado el ahorro de movimiento lo ve quieto, como antes */ @media (prefers-reduced-motion:reduce){ .at-sec .at-fases .at-fase .at-fase-n{animation:none !important;opacity:1 !important;transform:none !important} .at-sec .at-fases .at-fase::after{animation:none !important;display:none !important} } /* ===== /PROCESO 27-08 ===== */ /* ============ 2. AJUSTES DE COWORK ============ */ .elementor .at-pag .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-secc .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-econ .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-cae .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proceso .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-care .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-b2b .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proyectos .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-opiniones .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-blog .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-faq .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-contacto .e-con-inner:not(.e-con-inner .e-con-inner){padding-top:60px !important;padding-bottom:60px !important}.e-con.e-parent.at-pag:nth-child(2) .e-con-inner{padding-top:110px !important}#ath-calc .calc-nav{display:flex;gap:12px;align-items:stretch}#ath-calc .calc-nav #c_next{flex:1 1 auto;display:flex;justify-content:center;align-items:center;white-space:nowrap;padding:13px 26px !important;line-height:1.25;font-size:15px}#ath-calc .calc-nav #c_back{flex:0 0 auto;white-space:nowrap;padding:13px 20px !important;line-height:1.25;font-size:14px}#ath-calc, #ath-calc input, #ath-calc select, #ath-calc textarea, #ath-calc .cf label{font-family:'Inter',system-ui,sans-serif}.elementor .e-con.at-grad, .elementor .elementor-element.at-grad{background-image:linear-gradient(rgba(14,38,89,.38),rgba(14,38,89,.38)),linear-gradient(125deg,#0A1B40 0%,#0E2659 45%,#1D6FB8 100%) !important}.elementor .e-con.e-parent.at-grad.at-pag:nth-child(2){background-image:none !important}.at-p-blog .at-sec .feat-side{background-image:linear-gradient(rgba(14,38,89,.38),rgba(14,38,89,.38)),linear-gradient(125deg,#0A1B40 0%,#0E2659 45%,#1D6FB8 100%) !important}.at-sec .trio-card,.at-sec .ayuda,.at-sec .seg,.at-sec .inccard,.at-sec .sup-item{border-top:1px solid #e2ddd2 !important}.at-sec .card,.at-sec .col,.at-sec .vent-item,.at-sec .step,.at-sec a.card-lk,.at-sec .promo,.at-sec .inccard,.at-sec .trio-card,.at-sec .ayuda,.at-sec .seg,.at-sec .sup-item,.at-sec .why .item,.at-sec .gstep,.at-sec .price-note,.at-p-blog .at-blogloop article.elementor-post,.at-p-blog .at-sec .feat{box-shadow:none !important}.at-sec .card:hover,.at-sec a.card-lk:hover,.at-p-blog .at-blogloop article.elementor-post:hover,.at-p-blog .at-sec .feat:hover{box-shadow:none !important;transform:none !important;border-color:#1D6FB8 !important}.at-sec .geo-photo,.at-sec .svc-photo{box-shadow:none !important}.elementor .at-secc .at-sec p{max-width:732px}.elementor .at-sec .sec-head{max-width:732px}.elementor .at-sec p,.elementor .at-sec li{line-height:1.65}.elementor .at-sec h3,.elementor .at-sec .at-tj h3{line-height:1.32}.elementor-kit-5, .elementor-widget-icon-list .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item, .at-trustbelt, .at-trustbelt .elementor-heading-title, .at-opiniones .elementor-widget-container{font-family:'Inter',system-ui,-apple-system,sans-serif}.elementor .at-sec a.ayuda{display:block;text-decoration:none}#moove_gdpr_cookie_info_bar, #moove_gdpr_cookie_info_bar *, #moove_gdpr_cookie_modal *{font-family:'Inter',system-ui,sans-serif !important}#moove_gdpr_cookie_info_bar{background:#ffffff !important;border-top:1px solid #e2ddd2 !important;box-shadow:0 -6px 24px rgba(17,26,46,.08) !important}#moove_gdpr_cookie_info_bar p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p{color:#3d424c !important;font-size:14px !important;line-height:1.55 !important}#moove_gdpr_cookie_info_bar a:not(.mgbutton){color:#1D6FB8 !important}#moove_gdpr_cookie_info_bar .mgbutton, #moove_gdpr_cookie_modal .mgbutton{background:#0E2659 !important;color:#fff !important;border:0 !important;border-radius:0 !important;font-weight:600 !important;font-size:14px !important}#moove_gdpr_cookie_info_bar .mgbutton:hover, #moove_gdpr_cookie_modal .mgbutton:hover{background:#1D6FB8 !important;color:#fff !important}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn{background:transparent !important;color:#111a2e !important;border:1px solid #cfc9bd !important;border-radius:0 !important}@media (max-width:1024px){.elementor .at-pag .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-secc .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-econ .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-cae .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proceso .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-care .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-b2b .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proyectos .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-opiniones .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-blog .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-faq .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-contacto .e-con-inner:not(.e-con-inner .e-con-inner){padding-top:52px !important;padding-bottom:52px !important} .e-con.e-parent.at-pag:nth-child(2) .e-con-inner{padding-top:88px !important} }@media (max-width:767px){.elementor .at-pag .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-secc .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-econ .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-cae .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proceso .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-care .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-b2b .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-proyectos .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-opiniones .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-blog .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-faq .e-con-inner:not(.e-con-inner .e-con-inner),.elementor .at-contacto .e-con-inner:not(.e-con-inner .e-con-inner){padding-top:40px !important;padding-bottom:40px !important} .e-con.e-parent.at-pag:nth-child(2) .e-con-inner{padding-top:64px !important} .elementor-element-cinta002{display:none !important} .at-solo-esc{display:none !important} .elementor-5694 .elementor-element.elementor-element-c2000000 .e-con-inner{padding-top:6px !important;padding-bottom:6px !important} #ath-calc .calc-grid{grid-template-columns:1fr !important} .elementor .at-sec table{display:block;width:100%;overflow-x:auto} .at-sec .why, .at-sec .vent, .at-sec .cards, .at-sec .trio, .at-sec .cards3, .at-sec .ayudas, .at-sec .steps, .at-sec .segs, .at-sec .cols, .at-sec .incl, .at-sec .inccards, .at-sec .sup, .at-sec .rite, .at-sec .promo, .at-sec .split, .at-sec .exp, .at-rej{grid-template-columns:1fr !important} .at-sec .price{gap:24px !important}}.at-sec-dark .eyebrow, .at-grad .at-sec .eyebrow, .at-p-blog .at-sec.at-sec-dark .cat{color:#c3e07a !important}.at-grad .at-sec .stat .big, .at-sec-dark .stat .big{color:#c3e07a !important}.at-grad .at-sec-dark p, .at-grad .at-sec-dark li{color:#dbe2ee !important}.at-sec .rite-badge small, .at-sec .promo-side .big, .at-p-blog .at-sec .feat-side small{color:#dbe2ee !important}.at-grad .at-sec small, .at-grad .at-sec .res-sub, .at-sec-dark small, .at-sec .rite-badge small, .at-sec .promo-side small{color:#dbe2ee !important}.at-grad .at-sec span[style*="c2d0e8"], .at-grad .at-sec p[style*="c2d0e8"], .at-grad .at-sec div[style*="c2d0e8"]{color:#dbe2ee !important}.elementor .e-con.e-parent.at-grad.at-pag:nth-child(2) .eyebrow{color:#5c7a1f !important}.elementor .at-grad .at-sec .step p,.elementor .at-grad .at-sec .gstep p,.elementor .at-grad .at-sec .vent-item p{color:#dbe2ee !important} /* WhatsApp flotante: solo en Contacto */ #ht-ctc-chat, .ht-ctc-chat{display:none !important} .page-id-5591 #ht-ctc-chat, .page-id-139 #ht-ctc-chat{display:block !important} /* Cinta: fuera el texto de la izquierda en todas las pantallas */ .elementor-element-cinta002{display:none !important} /* Tablas: cabecera clara y filas separadas */ .elementor .at-sec table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2ddd2} .elementor .at-sec table th{background:#ebe7dd;color:#111a2e;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:15px 16px;border-bottom:1px solid #ddd7c9} .elementor .at-sec table td{padding:18px 16px;border-bottom:1px solid #efece5;vertical-align:top} .elementor .at-sec table tr:last-child td{border-bottom:0} .elementor .at-sec .nota{font-size:13px !important;line-height:1.5 !important} /* Barra fija movil */ #at-bar{display:none} #at-bar-wrap{padding:0 !important} @media (max-width:767px){#at-bar{display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:9998;height:56px;background:#fff;border-top:1px solid #e2ddd2;box-shadow:0 -4px 16px rgba(17,26,46,.10)} #at-bar a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:'Inter',system-ui,sans-serif;transition:none} #at-bar .at-bar-i{flex:0 0 64px;border-right:1px solid #e2ddd2;color:#0E2659} #at-bar .at-bar-i.wa{color:#1a7f4b} #at-bar .at-bar-b{flex:1 1 auto;background:#0E2659;color:#fff;font-size:15px;font-weight:600} body{padding-bottom:56px !important} #moove_gdpr_cookie_info_bar{bottom:56px !important} body.page-id-5591 #ht-ctc-chat, body.page-id-139 #ht-ctc-chat{display:none !important}} /* MOVIL formularios: sin zoom de iOS y casilla usable */ @media (max-width:767px){.elementor-field-textual,.elementor-form .elementor-field-textual,#ath-calc input,#ath-calc select,#ath-calc textarea{font-size:16px !important} .elementor-form .elementor-field-type-acceptance input[type=checkbox]{width:22px !important;height:22px !important;flex:0 0 22px} .elementor-form .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:10px} .e-con.at-form{padding-left:18px !important;padding-right:18px !important}} /* Iconos del hero (home, aerotermia y sistemas) */ .at-hic{display:flex;flex-wrap:wrap;gap:34px;margin-top:34px} .at-hi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:96px} .at-hi svg{width:26px;height:26px} .at-hi span{font-family:'Inter',system-ui,sans-serif;font-size:13.5px;line-height:1.35;color:#3d424c} .at-grad .at-hi svg{stroke:#c3e07a} .at-grad .at-hi span{color:#dbe2ee} @media (max-width:767px){.at-hic{gap:20px;margin-top:26px}.at-hi{min-width:0;flex:1 1 40%}.at-hi span{font-size:12.5px}} /* TABLAS EN MOVIL: cada fila, una tarjeta */ @media (max-width:767px){ .elementor .at-sec table{display:block !important;overflow:visible !important;border:0 !important;background:none !important;margin:14px 0 18px} .elementor .at-sec table tbody,.elementor .at-sec table tr,.elementor .at-sec table td{display:block;width:auto} .elementor .at-sec table tr:first-child{display:none} .elementor .at-sec table tr{background:#fff;border:1px solid #e2ddd2;margin-bottom:12px} .elementor .at-sec table td{border-bottom:1px solid #efece5;padding:12px 15px;font-size:15px} .elementor .at-sec table tr td:last-child{border-bottom:0} .elementor .at-sec table td.rl{background:#ebe7dd;color:#111a2e;border-bottom:1px solid #ddd7c9} .elementor .at-sec table td[data-l]::before{content:attr(data-l);display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#6b6f78;font-weight:600;margin-bottom:5px} /* Enlaces de la cinta, mas altos para el dedo */ .elementor-element-cinta001 a{display:inline-block;padding:7px 0} } /* COMPACTAR MOVIL: iconos del hero, mosaico de obra y opiniones */ @media (max-width:767px){ .at-hic{gap:12px 10px !important;margin-top:22px !important} .at-hi{flex:1 1 46% !important;flex-direction:row !important;align-items:center !important;text-align:left !important;gap:8px !important} .at-hi svg{width:20px !important;height:20px !important;flex:0 0 20px} .at-hi span{font-size:12px !important;line-height:1.3 !important} .e-con:has(> .at-proj){flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px !important;padding-bottom:8px;scrollbar-width:none} .e-con:has(> .at-proj)::-webkit-scrollbar{display:none} .e-con > .at-proj{flex:0 0 72% !important;width:72% !important;aspect-ratio:4/3;scroll-snap-align:center} .e-con > .at-proj.at-proj-wide{flex:0 0 72% !important;width:72% !important} .e-con.at-proj .at-proj-tag .elementor-heading-title{font-size:12px !important;line-height:1.25} .e-con.at-proj .at-proj-tag{left:10px;right:10px;bottom:8px} .at-opiniones .e-con-inner > .e-con{gap:12px !important} .at-opiniones .e-con-inner > .e-con > .e-con{padding:18px 18px !important} .at-opiniones p{font-size:14.5px !important;line-height:1.55 !important} .at-opiniones .elementor-icon-list-item{font-size:13px !important} .at-opiniones .elementor-widget-icon-list .elementor-icon-list-items{gap:4px 14px !important} } /* OPINIONES MAS JUNTAS EN MOVIL */ @media (max-width:767px){ .at-opiniones .e-con-inner{padding-top:26px !important;padding-bottom:26px !important} .at-opiniones .e-con-inner > .e-con > .e-con{padding:14px 16px !important;gap:5px !important} .at-opiniones .e-con-inner > .e-con > .e-con > .elementor-widget{margin-bottom:0 !important} .at-opiniones h2{margin-bottom:8px !important} } /* Menos hueco bajo la cabecera de la home en movil */ @media (max-width:767px){.at-hero .e-con-inner{padding-top:92px !important;padding-bottom:32px !important}} /* CARRUSEL OPINIONES EN MOVIL */ @media (max-width:767px){ .at-opiniones .e-con-inner > .e-con:nth-child(2){flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px !important;padding-bottom:8px;scrollbar-width:none} .at-opiniones .e-con-inner > .e-con:nth-child(2)::-webkit-scrollbar{display:none} .at-opiniones .e-con-inner > .e-con:nth-child(2) > .e-con{flex:0 0 82% !important;width:82% !important;scroll-snap-align:center} } /* PROCESO v2: sin numeros, subtitulo y pastilla */ .at-proceso .e-con-inner > .e-con:nth-child(2) > .e-con > .elementor-widget-heading:first-child{display:none !important} .at-proceso .at-proc-sub p{color:#dbe2ee !important;max-width:640px;margin:6px 0 0} .at-proceso .at-pill{display:table;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:14px;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:3px;padding:6px 12px;margin:0 0 12px} /* Menos aire sobre el rotulillo de la cabecera de la home */ .at-hero .e-con-inner{padding-top:76px !important} @media (max-width:1024px){.at-hero .e-con-inner{padding-top:72px !important}} @media (max-width:767px){ .at-hero .e-con-inner{padding-top:56px !important;padding-bottom:32px !important} .at-proceso .e-con-inner > .e-con:nth-child(2){gap:18px !important} .at-proceso .e-con-inner > .e-con:nth-child(2) > .e-con{gap:4px !important} /* Pasos numerados del resto de paginas: numero y titulo en la misma linea */ .at-sec .steps{gap:10px !important} .at-sec .step{display:grid !important;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:16px 18px !important} .at-sec .step .step-n{grid-row:1;margin-bottom:0 !important} .at-sec .step h4{grid-row:1;margin:0 !important} .at-sec .step p{grid-column:1 / -1;margin-top:6px !important} /* Ahorro economico: carrusel */ .at-econ .e-con-inner > .e-con:nth-child(2){flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px !important;padding-bottom:8px;scrollbar-width:none} .at-econ .e-con-inner > .e-con:nth-child(2)::-webkit-scrollbar{display:none} .at-econ .e-con-inner > .e-con:nth-child(2) > .e-con{flex:0 0 82% !important;width:82% !important;scroll-snap-align:center} } /* BOTONES: fantasma sobre fondo claro + movil a ancho completo */ .at-sec .at-cta-claro .btn-ghost{background:#fff;border:1px solid #cfc9bd;color:#0E2659} .at-sec .at-cta-claro .btn-ghost:hover{background:#0E2659;border-color:#0E2659;color:#fff} .at-sec .step .at-pill2{display:table;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:13px;line-height:1;color:#0E2659;border:1px solid #cfc9bd;border-radius:3px;padding:5px 10px;margin:0 0 10px} @media (max-width:767px){ .at-sec .hero-cta,.at-sec .cta{flex-direction:column;gap:10px !important;width:100%} .at-sec .hero-cta .btn,.at-sec .cta .btn{width:100%;justify-content:center;text-align:center;padding:15px 20px} } /* TRES FASES (Como trabajamos) */ .at-sec .at-fases{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px} .at-sec .at-fase{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-content:space-between;padding:0 28px} .at-sec .at-fase:first-child{padding-left:0} .at-sec .at-fase:last-child{padding-right:0} .at-sec .at-fase + .at-fase{border-left:1px solid rgba(255,255,255,.16)} .at-sec .at-fase-ico{width:62px;height:62px;border-radius:50%;border:1px solid #A1C639;display:flex;align-items:center;justify-content:center;flex:0 0 62px} .at-sec .at-fase-ico svg{width:28px;height:28px} .at-sec .at-fase-n{display:block;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:26px;line-height:1;color:#c3e07a} .at-sec .at-fase-lab{display:block;font-family:'Inter',system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#dbe2ee;margin:7px 0 9px} .at-sec .at-fases h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:19px;line-height:1.28;color:#fff;margin:0 0 10px} .at-sec .at-fases .at-fase p{font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.6;color:#dbe2ee;margin:0;max-width:none} .at-sec .at-fases .at-fase-mig{grid-column:1 / -1;margin-top:20px !important;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px !important;color:#dbe2ee !important} .at-sec .at-fase-mig i{font-style:normal;color:#A1C639;margin:0 7px} .at-secc .at-fase + .at-fase{border-left-color:#e2ddd2} .at-secc .at-fase-n{color:#7f9f2c} .at-secc .at-fase-lab{color:#6b6f78} .at-secc .at-fases h3{color:#0E2659} .at-secc .at-fases .at-fase p{color:#6b6f78} .at-secc .at-fases .at-fase-mig{border-top-color:#e2ddd2;color:#6b6f78 !important} @media (max-width:1024px){.at-sec .at-fase{padding:0 18px}.at-sec .at-fases h3{font-size:17px}} @media (max-width:767px){ .at-sec .at-fases{display:flex !important;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;margin-top:26px;scrollbar-width:none} .at-sec .at-fases::-webkit-scrollbar{display:none} .at-sec .at-fase{flex:0 0 82%;scroll-snap-align:center;padding:18px !important;border:1px solid rgba(255,255,255,.18);border-radius:10px;column-gap:12px} .at-sec .at-fase + .at-fase{border-left:1px solid rgba(255,255,255,.18)} .at-secc .at-fase, .at-secc .at-fase + .at-fase{border-color:#e2ddd2 !important;background:#fff} .at-sec .at-fase-ico{width:46px;height:46px;flex:0 0 46px} .at-sec .at-fase-ico svg{width:22px;height:22px} .at-sec .at-fases h3{font-size:16px} } /* TRES FASES: SIN ICONOS, solo el numero */ .at-sec .at-fase-ico{display:none !important} .at-sec .at-fase{grid-template-columns:1fr !important;column-gap:0 !important} .at-sec .at-fase-n{font-size:32px} @media (max-width:767px){.at-sec .at-fase-n{font-size:28px}} /* SELLOS EN DOS LINEAS EN MOVIL */ @media (max-width:767px){ .at-trustbelt .elementor-icon-list-items,.at-opiniones .elementor-icon-list-items{display:grid !important;grid-template-columns:1.18fr 1fr;gap:9px 12px !important;justify-items:start} .at-trustbelt .elementor-icon-list-item,.at-opiniones .elementor-icon-list-item{margin:0 !important;padding:0 !important} .at-trustbelt .elementor-icon-list-text,.at-opiniones .elementor-icon-list-text{font-size:13px !important;line-height:1.3} .at-trustbelt .elementor-icon-list-item:nth-child(5),.at-opiniones .elementor-icon-list-item:nth-child(5){display:none !important} } /* REJILLAS A DOS COLUMNAS EN MOVIL (menos scroll en las 32) */ @media (max-width:767px){ .at-rej,.at-sec .vent,.at-sec .cards,.at-sec .cards3,.at-sec .trio,.at-sec .ayudas,.at-sec .segs,.at-sec .sup,.at-sec .cols,.at-sec .inccards,.at-sec .why{grid-template-columns:1fr 1fr !important;gap:10px !important} .at-rej .at-tj{padding:14px 15px !important} .at-rej .at-tj h3{font-size:15px !important;line-height:1.2} .at-rej .at-tj p{font-size:12.5px !important;line-height:1.45;margin:6px 0 0} .at-rej .at-mas{font-size:12px !important;margin-top:10px !important} .at-sec .vent-item,.at-sec .card,.at-sec .trio-card,.at-sec .ayuda,.at-sec .seg,.at-sec .sup-item,.at-sec .col,.at-sec .inccard,.at-sec .why .item,.at-sec a.card-lk{padding:15px 16px !important} .at-sec .vent-item h3,.at-sec .card h3,.at-sec .trio-card h3,.at-sec .ayuda h3,.at-sec .seg h3,.at-sec .sup-item h3,.at-sec .col h3,.at-sec .inccard h3,.at-sec .card-lk h3{font-size:15px !important;line-height:1.22;margin-bottom:6px !important} .at-sec .vent-item p,.at-sec .card p,.at-sec .trio-card p,.at-sec .ayuda p,.at-sec .seg p,.at-sec .sup-item p,.at-sec .col p,.at-sec .inccard p,.at-sec .card-lk p,.at-sec .why .item p{font-size:12.5px !important;line-height:1.45} .at-sec .vent-item{flex-direction:column;gap:4px} .at-sec .vent-item .vn{font-size:1.2rem} .at-sec .why .item{flex-direction:column;gap:8px} .at-sec .incl{grid-template-columns:1fr 1fr !important;gap:4px 14px !important} .at-sec .incl li{font-size:12.5px !important;padding:9px 0 9px 26px !important} .at-sec .inccard li{font-size:12.5px !important;padding:5px 0 5px 22px !important} .at-sec .card .pc{font-size:.62rem !important;margin-bottom:8px !important} .at-sec .card .pl{font-size:.82rem !important;margin-top:10px !important} } /* AJUSTES 28-08: checks de los sellos y aire en los titulares de movil */ @media (max-width:767px){ .at-trustbelt .elementor-icon-list-items,.at-opiniones .elementor-icon-list-items{margin:0 !important;padding:0 !important} .at-trustbelt .elementor-icon-list-item,.at-opiniones .elementor-icon-list-item{display:flex !important;align-items:center} .at-trustbelt .elementor-icon-list-icon,.at-opiniones .elementor-icon-list-icon{flex:0 0 auto;margin-right:7px !important;margin-left:0 !important} .at-sec h2{line-height:1.2 !important} .at-sec .sec-head h2{margin-top:10px !important} .at-sec .sec-head{margin-bottom:16px !important} .at-sec .eyebrow{line-height:1.4} } /* ===== MUDANZA DESDE WPCODE 28-08 (bloques de Code, movidos por Cowork) ===== Estaban en el fragmento 5841 marcados como PROVISIONAL porque Code no puede escribir esta plantilla desde la API. Aqui es donde les tocaba vivir. ===== */ /* --- Menu de movil: el desplegable salia en fila y solo se veia un apartado. La culpa era de flex-wrap:nowrap sin limite de pantalla. Gana por especificidad (0,4,0 frente a 0,2,0), no por orden de carga. --- */ [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-heading{flex-direction:column !important;flex-wrap:wrap !important;align-items:stretch !important} [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-title{white-space:normal;width:100%} @media (max-width:860px){ /* Home: fuera la ficha de "Mantenimiento preventivo anual", 395 px repitiendo lo que ya cuenta el texto de al lado */ .elementor-element-494e1073{display:none !important} /* El pie en dos columnas en las 32 paginas: pasaba de 1.545 px apilados */ .at-pie .elementor-element-p1000011 > .e-con-inner{display:grid !important;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:24px;align-items:start} .at-pie .elementor-element-p1000012{grid-column:1 / -1;padding-right:0 !important} .at-pie .elementor-element-p1000020,.at-pie .elementor-element-p1000030{padding:0 !important} .at-pie .elementor-element-p1000040{grid-column:1 / -1;padding:0 !important;display:grid !important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:8px;align-items:start} .at-pie .elementor-element-p1000040 > *:nth-child(1){grid-area:1 / 1} .at-pie .elementor-element-p1000040 > *:nth-child(2){grid-area:2 / 1} .at-pie .elementor-element-p1000040 > *:nth-child(3){grid-area:1 / 2} .at-pie .elementor-element-p1000040 > *:nth-child(4){grid-area:2 / 2} .at-pie .elementor-icon-list-text{font-size:13.5px !important;line-height:1.45 !important} .at-pie .elementor-icon-list-item{padding-bottom:2px !important} .at-pie .elementor-widget-heading .elementor-heading-title{font-size:13px !important} } /* --- Home, los cuatro puntos del heroe: las celdas eran del 46% y el texto corto, asi que quedaban a media celda y el bloque se leia corrido hacia la izquierda. Columnas ajustadas al texto y repartidas a los dos bordes. Se corta en 440 px; de ahi en adelante no toca nada. --- */ @media (max-width:440px){ .at-hic{display:grid !important;grid-template-columns:max-content max-content !important;justify-content:space-between !important;column-gap:14px !important;row-gap:12px !important} } /* ===== CABECERA: cinta a la derecha y misma escala en todos los heroes 28/08 (Code), pegado por Cowork desde el parte. Los H1 de los heroes interiores llevan un estilo EN LINEA con font-size:clamp(2.1rem,4.4vw,3.4rem). Un estilo en linea gana a cualquier .elementor-5694 .elementor-element.elementor-element-c2000000, asi que estas reglas necesitan el !important o no hacen nada. Ese clamp es el motivo de que a 768 px las interiores fueran a 33,8 px mientras la home iba a 46. ===== */ .elementor-element-cinta003{margin-left:auto !important} .elementor-element-x05ccd h1,.elementor-element-m05ccd h1,.elementor-element-em0010 h1,.elementor-element-p05ccd h1,.elementor-element-ay0010 h1,.elementor-element-cal010 h1,.elementor-element-b05ccd h1,.elementor-element-c05ccd h1{font-size:34px !important;line-height:1.03 !important} @media (min-width:768px){.elementor-element-x05ccd h1,.elementor-element-m05ccd h1,.elementor-element-em0010 h1,.elementor-element-p05ccd h1,.elementor-element-ay0010 h1,.elementor-element-cal010 h1,.elementor-element-b05ccd h1,.elementor-element-c05ccd h1{font-size:46px !important}} @media (min-width:1025px){.elementor-element-x05ccd h1,.elementor-element-m05ccd h1,.elementor-element-em0010 h1,.elementor-element-p05ccd h1,.elementor-element-ay0010 h1,.elementor-element-cal010 h1,.elementor-element-b05ccd h1,.elementor-element-c05ccd h1{font-size:62px !important}} .elementor-element-x05ccd .eyebrow,.elementor-element-m05ccd .eyebrow,.elementor-element-em0010 .eyebrow,.elementor-element-p05ccd .eyebrow,.elementor-element-ay0010 .eyebrow,.elementor-element-cal010 .eyebrow,.elementor-element-b05ccd .eyebrow,.elementor-element-c05ccd .eyebrow{font-size:12px !important;line-height:1 !important} .elementor-element-x05ccd p,.elementor-element-m05ccd p,.elementor-element-em0010 p,.elementor-element-p05ccd p,.elementor-element-ay0010 p,.elementor-element-cal010 p,.elementor-element-b05ccd p,.elementor-element-c05ccd p{font-size:17px !important;line-height:1.65 !important} /* ===== fin cabecera ===== */ /* ===== LIMA UNIFICADO 28-08 ===== Habia dos limas conviviendo como TEXTO sobre fondo oscuro y no daban lo mismo: #A1C639 se queda en 3,9:1 y #c3e07a llega a 5,3:1. En texto pequeno el minimo es 4,5:1, asi que el primero no valia. REGLA DE LA CASA, para no volver a discutirlo: - Lima como TEXTO sobre azul u oscuro -> #c3e07a - Lima como RELLENO, borde, rayita o icono -> #A1C639 (el de marca) - Lima como texto sobre crema o blanco -> #7f9f2c (lima oscuro) A simple vista #c3e07a y #A1C639 son el mismo lima; la diferencia solo se nota al medirla. ===== */ .at-fases-pasos .at-paso[aria-current="true"], .at-tira-ind.at-sobre-oscuro .at-paso[aria-current="true"], .at-tira-ind.at-sobre-oscuro .at-cuenta[aria-current="true"]{color:#c3e07a !important} .at-grad .at-sec a:not(.btn),.at-sec-dark a:not(.btn){color:#c3e07a} /* ===== CABECERAS SIN NEGRITA Y MISMA MEDIDA (28-08) ===== La negrita no solo engorda el trazo: tambien cambia el color (el texto normal va en gris o azul palido y lo marcado salta a tinta o blanco). Con media cabecera en negrita, parecia otra tipografia y otro color. Jessi eligio el criterio de la home: cabecera sin negrita y a una sola voz. 20 de las 25 interiores llevaban en el heroe, todas con etiqueta (presentacional, no semantica), asi que se neutraliza por CSS y no hay que tocar 20 paginas. Si algun dia hace falta destacar algo en un heroe, se hace con otro recurso, no con negrita. ===== */ .elementor .e-con.e-parent.at-pag:nth-child(2) .at-sec p b, .elementor .e-con.e-parent.at-pag:nth-child(2) .at-sec p strong{font-weight:400 !important;color:inherit !important} .elementor .e-con.e-parent.at-pag:nth-child(2) .at-sec p{max-width:660px !important} /* ===== ICONOS DEL HEROE INTERIOR (28-08) ===== Las cabeceras interiores llevan la clase .at-grad pero el degradado esta apagado a proposito en el primer bloque (regla de mas arriba: la cabecera se ve clara, con foto o en blanco). El antetitulo ya tenia su excepcion; los cuatro iconos no, y se quedaban en lima palido y texto azul claro sobre blanco: ilegibles. Aqui van en la version para fondo claro. ===== */ .elementor .e-con.e-parent.at-grad.at-pag:nth-child(2) .at-hi svg{stroke:#7f9f2c !important} .elementor .e-con.e-parent.at-grad.at-pag:nth-child(2) .at-hi span{color:#3d424c !important} /* ===== CONTRASTE DEL PIE (01-09) ===== Los cuatro titulillos del pie (Sistemas, Emisores y servicios, AEROTHERMA, Por zonas) estaban en #8b8f97 a 11 px: 2,98:1, cuando el minimo es 4,5. #6b6f78 da 4,62:1 y ya esta en la paleta, asi que no entra un gris nuevo. Sale en las 35 paginas. ===== */ .elementor-5692 .elementor-heading-title{color:#6b6f78 !important} /* ===== ENTRADA DE BLOG: plantilla 6092 (01-09, Cowork) ===== Estilos del cuerpo de las entradas. La plantilla existe pero NO tiene condicion asignada todavia; hasta el dia del lanzamiento esto no pinta nada. */ .at-post-cuerpo .at-post-body{max-width:732px;margin:0 auto} .at-post-body{font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.75;color:#3d424c} .at-post-body h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:30px;line-height:1.2;color:#111a2e;margin:38px 0 14px} .at-post-body h3{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:19px;line-height:1.35;color:#111a2e;margin:28px 0 10px} .at-post-body p{margin:0 0 18px} .at-post-body ul,.at-post-body ol{margin:0 0 18px 20px} .at-post-body li{margin:0 0 8px} .at-post-body a{color:#1D6FB8} .at-post-body img{max-width:100%;height:auto;border-radius:2px} .at-post-body blockquote{border-left:3px solid #A1C639;padding-left:18px;margin:24px 0;color:#6b6f78;font-style:normal} .at-post-body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px} .at-post-body th{background:#ebe7dd;color:#111a2e;text-align:left;padding:10px 12px;font-weight:600} .at-post-body td{padding:10px 12px;border-top:1px solid #e2ddd2} @media (max-width:767px){ .at-post-body{font-size:16px} .at-post-body h2{font-size:24px} .at-post-body h3{font-size:18px} } /* ===== FIN ENTRADA DE BLOG ===== *//* End custom CSS */