.elementor-1137 .elementor-element.elementor-element-0b286cf{--display:flex;--min-height:60vh;--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;--justify-content:center;--overlay-opacity:1;}.elementor-1137 .elementor-element.elementor-element-0b286cf:not(.elementor-motion-effects-element-type-background), .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grupocoaven.com/wp-content/uploads/2026/09/Copia-de-WhatsApp-Image-2025-07-02-at-4.24.16-PM.webp");background-position:0px 35%;background-repeat:no-repeat;background-size:cover;}.elementor-1137 .elementor-element.elementor-element-0b286cf::before, .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-background-video-container::before, .elementor-1137 .elementor-element.elementor-element-0b286cf > .e-con-inner > .elementor-background-video-container::before, .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-background-slideshow::before, .elementor-1137 .elementor-element.elementor-element-0b286cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FFFFFF 0%, #FFFFFFAD 100%);}.elementor-1137 .elementor-element.elementor-element-58dca9d{--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;}.elementor-1137 .elementor-element.elementor-element-cc41ec3{--display:flex;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-1137 .elementor-element.elementor-element-5c430f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-5c430f1{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#2F4E82;}.elementor-1137 .elementor-element.elementor-element-aae9fe7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-aae9fe7 .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:44px;font-weight:800;line-height:44px;}.elementor-1137 .elementor-element.elementor-element-de31928{font-family:"Poppins", Sans-serif;font-size:18px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-a293c73{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1137 .elementor-element.elementor-element-09f5915 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;font-style:normal;text-decoration:none;letter-spacing:1.5px;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button{background-color:#00000000;font-size:14px;font-weight:bold;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-c76f5d3 > .elementor-widget-container{padding:2% 0% 0% 0%;}.elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button:hover, .elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button:hover svg, .elementor-1137 .elementor-element.elementor-element-c76f5d3 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1137 .elementor-element.elementor-element-ea24629 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1137 .elementor-element.elementor-element-ea24629 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-1137 .elementor-element.elementor-element-ea24629{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1137 .elementor-element.elementor-element-ea24629 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1137 .elementor-element.elementor-element-ea24629 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-1137 .elementor-element.elementor-element-ea24629 .elementor-icon-list-text{color:#55595F;transition:color 0.3s;}.elementor-1137 .elementor-element.elementor-element-596a417{--display:flex;}.elementor-1137 .elementor-element.elementor-element-3b4bcc8{--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;--padding-top:5%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-1137 .elementor-element.elementor-element-4cbc241{--display:flex;--justify-content:center;}.elementor-1137 .elementor-element.elementor-element-50e2d6b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-50e2d6b{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#2F4E82;}.elementor-1137 .elementor-element.elementor-element-5b88721 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-5b88721 .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:44px;font-weight:800;line-height:44px;}.elementor-1137 .elementor-element.elementor-element-6b811b3{--display:flex;--justify-content:flex-end;}.elementor-1137 .elementor-element.elementor-element-a259f51{--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;}.elementor-1137 .elementor-element.elementor-element-e914e5b{--display:flex;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:#E6EAF2;--border-color:#E6EAF2;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-wrapper{text-align:start;}.elementor-1137 .elementor-element.elementor-element-ba8a036.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1137 .elementor-element.elementor-element-ba8a036.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1137 .elementor-element.elementor-element-ba8a036.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-img img{height:270px;object-fit:cover;object-position:center center;transition-duration:0.3s;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-title{font-size:28px;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-description{color:#55595F;}.elementor-1137 .elementor-element.elementor-element-70475e5 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-cde46d1 );color:var( --e-global-color-cde46d1 );}.elementor-1137 .elementor-element.elementor-element-70475e5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1137 .elementor-element.elementor-element-e2d9a71{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1137 .elementor-element.elementor-element-a5d9fff{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1137 .elementor-element.elementor-element-eb269d7{--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;--justify-content:center;--align-items:center;--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1137 .elementor-element.elementor-element-ab53f59{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1137 .elementor-element.elementor-element-7e28a72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-7e28a72{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#2F4E82;}.elementor-1137 .elementor-element.elementor-element-0b4baf5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-0b4baf5{text-align:center;}.elementor-1137 .elementor-element.elementor-element-0b4baf5 .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:40px;font-weight:800;line-height:44px;}.elementor-1137 .elementor-element.elementor-element-dbe1f03{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-74d18c4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-1137 .elementor-element.elementor-element-5d4b52f{--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;}.elementor-1137 .elementor-element.elementor-element-09355d0 .elementor-counter{flex-direction:column-reverse;gap:20px;}.elementor-1137 .elementor-element.elementor-element-09355d0 .elementor-counter-title{justify-content:center;color:#71767E;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-1137 .elementor-element.elementor-element-09355d0 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Nexa", Sans-serif;font-size:48px;font-weight:100;}.elementor-1137 .elementor-element.elementor-element-2be07f7{--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;}.elementor-1137 .elementor-element.elementor-element-a625645 .elementor-counter{flex-direction:column-reverse;gap:20px;}.elementor-1137 .elementor-element.elementor-element-a625645 .elementor-counter-title{justify-content:center;color:#71767E;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-1137 .elementor-element.elementor-element-a625645 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Nexa", Sans-serif;font-size:48px;font-weight:100;}.elementor-1137 .elementor-element.elementor-element-bb89d6f{--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;}.elementor-1137 .elementor-element.elementor-element-7da67a7 .elementor-counter{flex-direction:column-reverse;gap:20px;}.elementor-1137 .elementor-element.elementor-element-7da67a7 .elementor-counter-title{justify-content:center;color:#71767E;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-1137 .elementor-element.elementor-element-7da67a7 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Nexa", Sans-serif;font-size:48px;font-weight:100;}.elementor-1137 .elementor-element.elementor-element-3f9f2dd{--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;}.elementor-1137 .elementor-element.elementor-element-fadd9a6 .elementor-counter{flex-direction:column-reverse;gap:20px;}.elementor-1137 .elementor-element.elementor-element-fadd9a6 .elementor-counter-title{justify-content:center;color:#71767E;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-1137 .elementor-element.elementor-element-fadd9a6 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Nexa", Sans-serif;font-size:48px;font-weight:100;}.elementor-1137 .elementor-element.elementor-element-262ec4d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1137 .elementor-element.elementor-element-775fc61{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1137 .elementor-element.elementor-element-ecccb8b img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1137 .elementor-element.elementor-element-ab89af1{padding:05% 0% 5% 0%;}.elementor-bc-flex-widget .elementor-1137 .elementor-element.elementor-element-d687f11.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1137 .elementor-element.elementor-element-d687f11.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1137 .elementor-element.elementor-element-d687f11 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-b700b73 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-b700b73{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:#2F4E82;}.elementor-1137 .elementor-element.elementor-element-b3ad6c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-b3ad6c6 .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:38px;font-weight:800;line-height:44px;}.elementor-1137 .elementor-element.elementor-element-e3baf7c{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-41499f3 img{max-width:100%;height:500px;object-fit:cover;object-position:center center;border-radius:8px 8px 8px 8px;}.elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button{background-color:#00000000;font-size:14px;font-weight:bold;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-b903b7b > .elementor-widget-container{padding:2% 0% 0% 0%;}.elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button:hover, .elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button:hover svg, .elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-1137 .elementor-element.elementor-element-8107333.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1137 .elementor-element.elementor-element-8107333.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1137 .elementor-element.elementor-element-8107333 > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-1137 .elementor-element.elementor-element-396f1d7{--display:flex;}.elementor-1137 .elementor-element.elementor-element-7a0ff5d{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-81277a3{--display:flex;}.elementor-1137 .elementor-element.elementor-element-17ca2ef{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-71fe7ec{--display:flex;}.elementor-1137 .elementor-element.elementor-element-e03fef8{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-cb369dd{--display:flex;}.elementor-1137 .elementor-element.elementor-element-aebbf6d{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-d7d978e{--display:flex;}.elementor-1137 .elementor-element.elementor-element-9b6081b{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-32ecc11{--display:flex;}.elementor-1137 .elementor-element.elementor-element-41bc04c{font-family:"Poppins", Sans-serif;font-size:16px;color:#55595F;}.elementor-1137 .elementor-element.elementor-element-9c9eb73{--n-accordion-title-font-size:22px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:40px;--n-accordion-item-title-distance-from-content:40px;--n-accordion-icon-size:20px;}.elementor-1137 .elementor-element.elementor-element-9c9eb73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;}:where( .elementor-1137 .elementor-element.elementor-element-9c9eb73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Nexa", Sans-serif;font-weight:600;}:where( .elementor-1137 .elementor-element.elementor-element-9c9eb73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-1137 .elementor-element.elementor-element-0b286cf:not(.elementor-motion-effects-element-type-background), .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-1137 .elementor-element.elementor-element-ab89af1{margin-top:0px;margin-bottom:0px;padding:0px 0px 50px 0px;}}@media(max-width:767px){.elementor-1137 .elementor-element.elementor-element-0b286cf:not(.elementor-motion-effects-element-type-background), .elementor-1137 .elementor-element.elementor-element-0b286cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-1137 .elementor-element.elementor-element-58dca9d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1137 .elementor-element.elementor-element-aae9fe7 .elementor-heading-title{font-size:34px;line-height:1em;}.elementor-1137 .elementor-element.elementor-element-3b4bcc8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1137 .elementor-element.elementor-element-50e2d6b.elementor-element{--align-self:center;}.elementor-1137 .elementor-element.elementor-element-5b88721{text-align:center;}.elementor-1137 .elementor-element.elementor-element-5b88721 .elementor-heading-title{font-size:28px;line-height:1em;}.elementor-1137 .elementor-element.elementor-element-a259f51{--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-1137 .elementor-element.elementor-element-ba8a036 .elementor-image-box-img{margin-bottom:15px;}.elementor-1137 .elementor-element.elementor-element-0b4baf5 .elementor-heading-title{font-size:28px;line-height:1em;}.elementor-1137 .elementor-element.elementor-element-09355d0 .elementor-counter-number-wrapper{font-size:32px;}.elementor-1137 .elementor-element.elementor-element-09355d0 .elementor-counter-title{font-size:10px;}.elementor-1137 .elementor-element.elementor-element-a625645 .elementor-counter-number-wrapper{font-size:32px;}.elementor-1137 .elementor-element.elementor-element-a625645 .elementor-counter-title{font-size:10px;}.elementor-1137 .elementor-element.elementor-element-7da67a7 .elementor-counter-number-wrapper{font-size:32px;}.elementor-1137 .elementor-element.elementor-element-7da67a7 .elementor-counter-title{font-size:10px;}.elementor-1137 .elementor-element.elementor-element-fadd9a6 .elementor-counter-number-wrapper{font-size:32px;}.elementor-1137 .elementor-element.elementor-element-fadd9a6 .elementor-counter-title{font-size:10px;}.elementor-1137 .elementor-element.elementor-element-262ec4d{--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-1137 .elementor-element.elementor-element-ecccb8b img{height:280px;}.elementor-1137 .elementor-element.elementor-element-ab89af1{margin-top:0px;margin-bottom:0px;padding:20px 20px 20px 20px;}.elementor-1137 .elementor-element.elementor-element-b3ad6c6 .elementor-heading-title{font-size:28px;line-height:1em;}.elementor-1137 .elementor-element.elementor-element-41499f3 img{height:280px;}.elementor-1137 .elementor-element.elementor-element-b903b7b .elementor-button{line-height:1em;letter-spacing:2px;}.elementor-1137 .elementor-element.elementor-element-8107333 > .elementor-element-populated{margin:20% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-1137 .elementor-element.elementor-element-7a0ff5d{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-17ca2ef{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-e03fef8{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-aebbf6d{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-9b6081b{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-41bc04c{font-size:14px;}.elementor-1137 .elementor-element.elementor-element-9c9eb73{--n-accordion-title-font-size:18px;}:where( .elementor-1137 .elementor-element.elementor-element-9c9eb73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:1em;}}@media(min-width:768px){.elementor-1137 .elementor-element.elementor-element-58dca9d{--content-width:1400px;}.elementor-1137 .elementor-element.elementor-element-cc41ec3{--width:80%;}.elementor-1137 .elementor-element.elementor-element-ab53f59{--width:50%;}.elementor-1137 .elementor-element.elementor-element-5d4b52f{--width:25%;}.elementor-1137 .elementor-element.elementor-element-2be07f7{--width:25%;}.elementor-1137 .elementor-element.elementor-element-bb89d6f{--width:25%;}.elementor-1137 .elementor-element.elementor-element-3f9f2dd{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1137 .elementor-element.elementor-element-d687f11{width:50%;}.elementor-1137 .elementor-element.elementor-element-8107333{width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-5c430f1 *//* ==========================================================================
   OLAS COAVEN 21 - fragmento 6 de 6:  Ola pequena junto a un rotulo
   --------------------------------------------------------------------------
   PEGAR **SOLO ESTE** ARCHIVO, Y EN **UN SOLO** ELEMENTO.

   Los seis fragmentos definen `.elementor-1137 .elementor-element.elementor-element-5c430f1`. Si se pegan dos en el mismo sitio,
   sus propiedades se suman: el resultado no es una ola encima de otra, es un
   elemento con las dos configuraciones mezcladas. Una ola por contenedor.

   Se pega en:  el WIDGET de Titulo o Editor de texto del sobre-titulo.
   NUNCA en un contenedor: las propiedades de texto las heredaria
   todo lo que haya dentro y te dejaria la seccion entera en
   mayusculas
   ========================================================================== */

/* Esto es lo unico imprescindible: la ola. */
.elementor-1137 .elementor-element.elementor-element-5c430f1 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.elementor-1137 .elementor-element.elementor-element-5c430f1::before {
  content: "";
  flex: none;
  width: 26px;
  height: 8px;
  background: currentColor;        /* toma el color del rotulo */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
}

/* OPCIONAL. Solo si el rotulo no esta ya formateado desde los
   controles de Tipografia del widget, que es donde deberia estar.
   Estas cinco lineas son las que dejan el texto en versalitas: si
   este fragmento acaba por error en un contenedor, son las
   culpables de que TODO salga en mayusculas.
.elementor-1137 .elementor-element.elementor-element-5c430f1 {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #2F4E82;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-50e2d6b *//* ==========================================================================
   OLAS COAVEN 21 - fragmento 6 de 6:  Ola pequena junto a un rotulo
   --------------------------------------------------------------------------
   PEGAR **SOLO ESTE** ARCHIVO, Y EN **UN SOLO** ELEMENTO.

   Los seis fragmentos definen `.elementor-1137 .elementor-element.elementor-element-50e2d6b`. Si se pegan dos en el mismo sitio,
   sus propiedades se suman: el resultado no es una ola encima de otra, es un
   elemento con las dos configuraciones mezcladas. Una ola por contenedor.

   Se pega en:  el WIDGET de Titulo o Editor de texto del sobre-titulo.
   NUNCA en un contenedor: las propiedades de texto las heredaria
   todo lo que haya dentro y te dejaria la seccion entera en
   mayusculas
   ========================================================================== */

/* Esto es lo unico imprescindible: la ola. */
.elementor-1137 .elementor-element.elementor-element-50e2d6b {
  display: flex;
  align-items: center;
  gap: 12px;
}
.elementor-1137 .elementor-element.elementor-element-50e2d6b::before {
  content: "";
  flex: none;
  width: 26px;
  height: 8px;
  background: currentColor;        /* toma el color del rotulo */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
}

/* OPCIONAL. Solo si el rotulo no esta ya formateado desde los
   controles de Tipografia del widget, que es donde deberia estar.
   Estas cinco lineas son las que dejan el texto en versalitas: si
   este fragmento acaba por error en un contenedor, son las
   culpables de que TODO salga en mayusculas.
.elementor-1137 .elementor-element.elementor-element-50e2d6b {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #2F4E82;
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e914e5b *//* ==========================================================================
   TARJETA: Sardinas al Natural
   --------------------------------------------------------------------------
   SE PEGA EN:  el CONTENEDOR de ESTA tarjeta > Avanzado > CSS personalizado

   El color (#306CA8, azul) ya viene puesto. No hay que tocar nada.
   Cada variedad tiene su propio archivo:
     tarjetas/1-salsa-de-tomate.css   rojo
     tarjetas/2-al-natural.css        azul
     tarjetas/3-aceite-vegetal.css    naranja

   ESTRUCTURA QUE ESPERA:
     Contenedor            <- aqui va este CSS
       Widget Image Box    <- imagen + titulo + descripcion
       Widget Boton        <- "Ver ficha"

   ANTES DE PEGARLO, en el CONTENEDOR:
     Diseno   > Direccion: columna
     Avanzado > Relleno: 0 en los cuatro lados
                El relleno interior lo pone este CSS. Si lo dejas en el
                contenedor, el color no llega a los bordes: un elemento
                absoluto se ancla a la caja de RELLENO, no a la del borde.

   Y en el WIDGET IMAGE BOX:
     Contenido > Posicion de la imagen: Arriba
     Estilo    > Imagen > Ancho: 100%
     Avanzado  > Relleno: 0

   Generado a partir de elementor-contenedor-tarjeta.css. Si hay que cambiar
   el diseno, se cambia alli y se regeneran los tres.
   ========================================================================== */

.elementor-1137 .elementor-element.elementor-element-e914e5b,
.elementor-1137 .elementor-element.elementor-element-e914e5b *,
.elementor-1137 .elementor-element.elementor-element-e914e5b *::before,
.elementor-1137 .elementor-element.elementor-element-e914e5b *::after { box-sizing: border-box; }

.elementor-1137 .elementor-element.elementor-element-e914e5b {
  --tarjeta-color: #306CA8;          /* azul */
  --tarjeta-radio: 22px;
  --tarjeta-linea: #DCE7F1;
  --tarjeta-navy: #0F2C48;
  --tarjeta-tinta: #34434D;

  position: relative;
  /* Blanco: es lo que se ve en la zona del texto y del boton. El color solo
     ocupa la banda de arriba, y lo pinta el ::before. */
  background: #fff;
  border: 1px solid var(--tarjeta-linea);
  border-radius: var(--tarjeta-radio);
  overflow: hidden;                  /* recorta el color contra las esquinas */
  padding: 0;                        /* imprescindible: ver la nota de arriba */
  transition: transform .35s cubic-bezier(.22,.61,.36,1),
              box-shadow .35s cubic-bezier(.22,.61,.36,1);
}
.elementor-1137 .elementor-element.elementor-element-e914e5b:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 44, 72, .14);
}

/* EL FONDO DE COLOR CON EL ARCO
   Va en un pseudo-elemento del contenedor, anclado a top/left/right, para
   que llegue de lado a lado sin depender del relleno de ningun widget.

   La proporcion va fija porque los porcentajes de un radial-gradient se
   miden contra la caja: si la altura dependiera del contenido, un titulo de
   dos lineas o un boton mas alto deformarian el arco. Como la banda solo
   cubre la parte de arriba, debajo queda el blanco del contenedor. */
.elementor-1137 .elementor-element.elementor-element-e914e5b::before {
  content: "";
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0;
  /* ESTAS TRES LINEAS NO SOBRAN.
     Elementor ya usa .e-con::before para su superposicion de fondo y le
     pone width:100% y height:100%. Una altura explicita gana a
     aspect-ratio, asi que sin devolverlas a `auto` la banda se estira a
     toda la tarjeta y el color acaba por debajo del texto. */
  bottom: auto;
  width: auto;
  height: auto;
  aspect-ratio: 6 / 5;
  mix-blend-mode: normal;            /* Elementor lo deja en una variable */
  background-color: color-mix(in srgb, var(--tarjeta-color) 7%, #fff);
  background-image: radial-gradient(ellipse 80% 52% at 50% 110%,
      color-mix(in srgb, var(--tarjeta-color) 18%, #fff) 0 99.5%,
      transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* LA FRANJA DE COLOR AL PIE
   Identifica la variedad de un vistazo. Absoluta y con z-index por encima
   del contenido, para que quede pegada al borde inferior aunque el ultimo
   widget tenga margen. */
.elementor-1137 .elementor-element.elementor-element-e914e5b::after {
  content: "";
  display: block;
  position: absolute;
  left: 0; right: 0; bottom: 0;
  top: auto;
  width: auto;
  height: 6px;
  background: var(--tarjeta-color);
  pointer-events: none;
  z-index: 2;
}

/* TODO EL CONTENIDO, POR ENCIMA DEL ARCO
   Se cubren las dos formas del contenedor: con ancho "en caja" Elementor
   mete un .e-con-inner; a ancho completo, los widgets cuelgan directos. */
.elementor-1137 .elementor-element.elementor-element-e914e5b > *,
.elementor-1137 .elementor-element.elementor-element-e914e5b > .e-con-inner,
.elementor-1137 .elementor-element.elementor-element-e914e5b > .e-con-inner > * {
  position: relative;
  z-index: 1;
}

/* EL WIDGET IMAGE BOX DENTRO DE LA TARJETA
   Sin fondo propio ni margenes: el color ya lo pone el contenedor. */
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-wrapper {
  background: none;
  border: 0;
  border-radius: 0;
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-img {
  margin: 0 !important;              /* Elementor mete margen propio */
  width: 100% !important;            /* y un ancho en px si no se toca */
  display: grid;
  place-items: center;
  /* Misma proporcion que la banda de color, para que la lata quede
     centrada dentro del arco y no encima o debajo de el. */
  aspect-ratio: 6 / 5;
  padding: 30px 24px 34px;
  background: none;
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-img img {
  width: auto;
  height: auto;                      /* casi todos los temas ya lo fuerzan */
  max-width: 100%;
  max-height: 280px;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(15, 44, 72, .18));
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
.elementor-1137 .elementor-element.elementor-element-e914e5b:hover .elementor-image-box-img img { transform: scale(1.06); }

/* EL TEXTO */
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-content {
  padding: 22px 22px 4px;
  text-align: center;
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-title {
  margin: 0 0 8px;
  font-family: "Nexa", "Poppins", system-ui, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--tarjeta-navy);
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-description {
  margin: 0;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--tarjeta-tinta);
}

/* EL BOTON
   El relleno inferior deja sitio a la franja de color: sin el, la franja se
   comeria el borde del boton. */
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-widget-button {
  padding: 4px 22px 26px;
  text-align: center;
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-button {
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tarjeta-tinta);
  background: none;
  padding: 6px 0;
  border-radius: 0;                  /* sin pildoras */
  transition: color .3s;
}
.elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-button:hover { color: var(--tarjeta-color); }

/* Los temas de WordPress subrayan los enlaces. El !important pelea contra
   una hoja de terceros que no se puede editar, y esta acotado al
   contenedor. */
.elementor-1137 .elementor-element.elementor-element-e914e5b a,
.elementor-1137 .elementor-element.elementor-element-e914e5b a:hover,
.elementor-1137 .elementor-element.elementor-element-e914e5b a:focus,
.elementor-1137 .elementor-element.elementor-element-e914e5b a:visited { text-decoration: none !important; }

@media (max-width: 767px) {
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-img { padding: 24px 18px 26px; }
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-img img { max-height: 150px; }
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-content { padding: 18px 18px 4px; }
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-title { font-size: 15.5px; }
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-widget-button { padding: 4px 18px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-1137 .elementor-element.elementor-element-e914e5b,
  .elementor-1137 .elementor-element.elementor-element-e914e5b .elementor-image-box-img img { transition: none; }
}

/* --------------------------------------------------------------------------
   TRAMPAS CONOCIDAS
   --------------------------------------------------------------------------
   - Si el color deja un marco blanco alrededor, el contenedor tiene relleno.
     Un elemento absoluto se ancla a la caja de RELLENO, no a la del borde,
     asi que el arco empieza por dentro. Relleno del contenedor a 0; el
     espacio interior lo pone este CSS.

   - Si el color baja hasta el texto en vez de quedarse en la banda de
     arriba, falta el bloque `bottom/width/height: auto` del ::before.
     Elementor usa ese mismo pseudo-elemento para su superposicion de fondo
     y le pone height: 100%, que gana a aspect-ratio.

   - Si el color no cambia, es que color-mix() no esta soportado (navegadores
     anteriores a 2023). La salida es escribir los dos tintes a mano:
        background-color: #FAECEC;
        y en el gradiente:  #F4D4D4

   - Si la imagen sale diminuta, el widget trae su ancho en px:
     Estilo > Imagen > Ancho: 100 %.

   - Con varias tarjetas en fila, ponles la misma altura desde el contenedor
     padre (Alinear elementos: Estirar). Si no, cada arco empieza a una
     altura distinta y la fila se ve descuadrada.

   - Si anades un tercer widget, mete su relleno inferior en el ultimo, no en
     el contenedor: el contenedor tiene que quedarse a 0.
   ========================================================================== *//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e28a72 *//* ==========================================================================
   OLAS COAVEN 21 - fragmento 6 de 6:  Ola pequena junto a un rotulo
   --------------------------------------------------------------------------
   PEGAR **SOLO ESTE** ARCHIVO, Y EN **UN SOLO** ELEMENTO.

   Los seis fragmentos definen `.elementor-1137 .elementor-element.elementor-element-7e28a72`. Si se pegan dos en el mismo sitio,
   sus propiedades se suman: el resultado no es una ola encima de otra, es un
   elemento con las dos configuraciones mezcladas. Una ola por contenedor.

   Se pega en:  el WIDGET de Titulo o Editor de texto del sobre-titulo.
   NUNCA en un contenedor: las propiedades de texto las heredaria
   todo lo que haya dentro y te dejaria la seccion entera en
   mayusculas
   ========================================================================== */

/* Esto es lo unico imprescindible: la ola. */
.elementor-1137 .elementor-element.elementor-element-7e28a72 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.elementor-1137 .elementor-element.elementor-element-7e28a72::before {
  content: "";
  flex: none;
  width: 26px;
  height: 8px;
  background: currentColor;        /* toma el color del rotulo */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
}

/* OPCIONAL. Solo si el rotulo no esta ya formateado desde los
   controles de Tipografia del widget, que es donde deberia estar.
   Estas cinco lineas son las que dejan el texto en versalitas: si
   este fragmento acaba por error en un contenedor, son las
   culpables de que TODO salga en mayusculas.
.elementor-1137 .elementor-element.elementor-element-7e28a72 {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #2F4E82;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b700b73 *//* ==========================================================================
   OLAS COAVEN 21 - fragmento 6 de 6:  Ola pequena junto a un rotulo
   --------------------------------------------------------------------------
   PEGAR **SOLO ESTE** ARCHIVO, Y EN **UN SOLO** ELEMENTO.

   Los seis fragmentos definen `.elementor-1137 .elementor-element.elementor-element-b700b73`. Si se pegan dos en el mismo sitio,
   sus propiedades se suman: el resultado no es una ola encima de otra, es un
   elemento con las dos configuraciones mezcladas. Una ola por contenedor.

   Se pega en:  el WIDGET de Titulo o Editor de texto del sobre-titulo.
   NUNCA en un contenedor: las propiedades de texto las heredaria
   todo lo que haya dentro y te dejaria la seccion entera en
   mayusculas
   ========================================================================== */

/* Esto es lo unico imprescindible: la ola. */
.elementor-1137 .elementor-element.elementor-element-b700b73 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.elementor-1137 .elementor-element.elementor-element-b700b73::before {
  content: "";
  flex: none;
  width: 26px;
  height: 8px;
  background: currentColor;        /* toma el color del rotulo */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 8'%3E%3Cpath d='M0 5.5c3.2 0 3.2-3 6.5-3s3.3 3 6.5 3 3.2-3 6.5-3 3.3 3 6.5 3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 8px no-repeat;
}

/* OPCIONAL. Solo si el rotulo no esta ya formateado desde los
   controles de Tipografia del widget, que es donde deberia estar.
   Estas cinco lineas son las que dejan el texto en versalitas: si
   este fragmento acaba por error en un contenedor, son las
   culpables de que TODO salga en mayusculas.
.elementor-1137 .elementor-element.elementor-element-b700b73 {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #2F4E82;
}
*//* End custom CSS */
/* Start Custom Fonts CSS *//* End Custom Fonts CSS */