.elementor-4550 .elementor-element.elementor-element-f2b24f1{--display:flex;--min-height:61vh;--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:0150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4550 .elementor-element.elementor-element-f2b24f1:not(.elementor-motion-effects-element-type-background), .elementor-4550 .elementor-element.elementor-element-f2b24f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://titandentaldesign.com/wp-content/uploads/2025/07/fondo-colorido-largo-2-scaled.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-4550 .elementor-element.elementor-element-65a91c9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4550 .elementor-element.elementor-element-fd4796f{text-align:center;}.elementor-4550 .elementor-element.elementor-element-fd4796f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-d5ba1ce{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:left;}.elementor-4550 .elementor-element.elementor-element-d5ba1ce > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-d5ba1ce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-9edd6ae{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-4550 .elementor-element.elementor-element-9edd6ae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-9edd6ae .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-1f10833{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:left;}.elementor-4550 .elementor-element.elementor-element-1f10833 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-4550 .elementor-element.elementor-element-1f10833 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-f023f0e{--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-radius:80px 80px 80px 80px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4550 .elementor-element.elementor-element-f023f0e:not(.elementor-motion-effects-element-type-background), .elementor-4550 .elementor-element.elementor-element-f023f0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4550 .elementor-element.elementor-element-41935bc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-64e475d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-8db57d9{text-align:left;}.elementor-4550 .elementor-element.elementor-element-8db57d9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-91a4aa0{--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;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-4550 .elementor-element.elementor-element-2d5f663{--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:030px 0px;--row-gap:030px;--column-gap:0px;}.elementor-4550 .elementor-element.elementor-element-2019853{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4550 .elementor-element.elementor-element-5e97c8a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-7029421 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-2ddcd60{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4550 .elementor-element.elementor-element-9af3218 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-cad096f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-96f9f98{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-4550 .elementor-element.elementor-element-816433b img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-4550 .elementor-element.elementor-element-7096256{--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;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-4550 .elementor-element.elementor-element-f5835d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:31px 31px 31px 31px;}.elementor-4550 .elementor-element.elementor-element-f5835d2{text-align:left;}.elementor-4550 .elementor-element.elementor-element-f5835d2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;color:#243352;}.elementor-4550 .elementor-element.elementor-element-ab9eafc{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-4550 .elementor-element.elementor-element-ab9eafc.e-con{--align-self:flex-start;}.elementor-4550 .elementor-element.elementor-element-2bccdf0{text-align:center;}.elementor-4550 .elementor-element.elementor-element-2bccdf0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-24b0234{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-4550 .elementor-element.elementor-element-24b0234 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-2b86e1b{--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-4550 .elementor-element.elementor-element-470de26{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-925e8df.elementor-element{--order:99999 /* order end hack */;}.elementor-4550 .elementor-element.elementor-element-925e8df{text-align:center;}.elementor-4550 .elementor-element.elementor-element-925e8df .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4550 .elementor-element.elementor-element-5832031 .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-5832031.elementor-view-stacked .elementor-icon{background-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-5832031.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-5832031.elementor-view-default .elementor-icon{color:#0B61DE;border-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-5832031.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-5832031.elementor-view-default .elementor-icon svg{fill:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-c6c1641{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-6305dff.elementor-element{--order:99999 /* order end hack */;}.elementor-4550 .elementor-element.elementor-element-6305dff{text-align:center;}.elementor-4550 .elementor-element.elementor-element-6305dff .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-e1172c8 .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-e1172c8.elementor-view-stacked .elementor-icon{background-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-e1172c8.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-e1172c8.elementor-view-default .elementor-icon{color:#0B61DE;border-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-e1172c8.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-e1172c8.elementor-view-default .elementor-icon svg{fill:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-1108752{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-822684e.elementor-element{--order:99999 /* order end hack */;}.elementor-4550 .elementor-element.elementor-element-822684e{text-align:center;}.elementor-4550 .elementor-element.elementor-element-822684e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-476397a .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-476397a.elementor-view-stacked .elementor-icon{background-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-476397a.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-476397a.elementor-view-default .elementor-icon{color:#0B61DE;border-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-476397a.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-476397a.elementor-view-default .elementor-icon svg{fill:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-ffb4f67{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-11e8e95.elementor-element{--order:99999 /* order end hack */;}.elementor-4550 .elementor-element.elementor-element-11e8e95{text-align:center;}.elementor-4550 .elementor-element.elementor-element-11e8e95 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-6f4e250 .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-6f4e250.elementor-view-stacked .elementor-icon{background-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-6f4e250.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-6f4e250.elementor-view-default .elementor-icon{color:#0B61DE;border-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-6f4e250.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-6f4e250.elementor-view-default .elementor-icon svg{fill:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-569b685{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4550 .elementor-element.elementor-element-e3f001b.elementor-element{--order:99999 /* order end hack */;}.elementor-4550 .elementor-element.elementor-element-e3f001b{text-align:center;}.elementor-4550 .elementor-element.elementor-element-e3f001b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-98c9625 .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-98c9625.elementor-view-stacked .elementor-icon{background-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-98c9625.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-98c9625.elementor-view-default .elementor-icon{color:#0B61DE;border-color:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-98c9625.elementor-view-framed .elementor-icon, .elementor-4550 .elementor-element.elementor-element-98c9625.elementor-view-default .elementor-icon svg{fill:#0B61DE;}.elementor-4550 .elementor-element.elementor-element-0594572 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-0594572{text-align:left;}.elementor-4550 .elementor-element.elementor-element-0594572 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-7f4e8e7{--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;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4550 .elementor-element.elementor-element-6a56eb9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-93e8230{text-align:left;}.elementor-4550 .elementor-element.elementor-element-93e8230 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;color:#243352;}.elementor-4550 .elementor-element.elementor-element-2eda7fa > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-2eda7fa{text-align:center;}.elementor-4550 .elementor-element.elementor-element-2eda7fa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:400;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-b7c0061{--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;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-4550 .elementor-element.elementor-element-f8437cc{--display:flex;}.elementor-4550 .elementor-element.elementor-element-74cbfaf{--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;--justify-content:center;}.elementor-4550 .elementor-element.elementor-element-9708da2{--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;--gap:020px 020px;--row-gap:020px;--column-gap:020px;}.elementor-4550 .elementor-element.elementor-element-d7182c6.elementor-element{--align-self:center;}.elementor-4550 .elementor-element.elementor-element-d7182c6{text-align:left;}.elementor-4550 .elementor-element.elementor-element-d7182c6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-99fe25b.elementor-element{--order:-99999 /* order start hack */;}.elementor-4550 .elementor-element.elementor-element-99fe25b .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-99fe25b .elementor-icon{font-size:6px;}.elementor-4550 .elementor-element.elementor-element-99fe25b .elementor-icon svg{height:6px;}.elementor-4550 .elementor-element.elementor-element-efe4474{--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;}.elementor-4550 .elementor-element.elementor-element-02c6fae.elementor-element{--align-self:center;}.elementor-4550 .elementor-element.elementor-element-02c6fae{text-align:left;}.elementor-4550 .elementor-element.elementor-element-02c6fae .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;}.elementor-4550 .elementor-element.elementor-element-e262101.elementor-element{--order:-99999 /* order start hack */;}.elementor-4550 .elementor-element.elementor-element-e262101 .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-173387e{--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;}.elementor-4550 .elementor-element.elementor-element-9c440cd.elementor-element{--align-self:center;}.elementor-4550 .elementor-element.elementor-element-9c440cd{text-align:left;}.elementor-4550 .elementor-element.elementor-element-9c440cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-4550 .elementor-element.elementor-element-56e75bb.elementor-element{--order:-99999 /* order start hack */;}.elementor-4550 .elementor-element.elementor-element-56e75bb .elementor-icon-wrapper{text-align:center;}.elementor-4550 .elementor-element.elementor-element-88f7668{--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;}.elementor-4550 .elementor-element.elementor-element-d6967a1.elementor-element{--align-self:center;}.elementor-4550 .elementor-element.elementor-element-d6967a1{text-align:left;}.elementor-4550 .elementor-element.elementor-element-d6967a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-4550 .elementor-element.elementor-element-72a1a45.elementor-element{--order:-99999 /* order start hack */;}.elementor-4550 .elementor-element.elementor-element-72a1a45 .elementor-icon-wrapper{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4550 .elementor-element.elementor-element-dcfc54f .elementor-button{background-color:#0A6EFF00;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:700;}.elementor-4550 .elementor-element.elementor-element-dcfc54f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-bd450e2{text-align:center;}.elementor-4550 .elementor-element.elementor-element-bd450e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;line-height:34px;color:#2D57AD;}@media(min-width:768px){.elementor-4550 .elementor-element.elementor-element-2d5f663{--width:46%;}.elementor-4550 .elementor-element.elementor-element-96f9f98{--width:64%;}.elementor-4550 .elementor-element.elementor-element-2b86e1b{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4550 .elementor-element.elementor-element-fd4796f .elementor-heading-title{font-size:26px;}.elementor-4550 .elementor-element.elementor-element-d5ba1ce .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-9edd6ae .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-1f10833 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-64e475d .elementor-heading-title{font-size:26px;}.elementor-4550 .elementor-element.elementor-element-8db57d9 .elementor-heading-title{font-size:18px;}.elementor-4550 .elementor-element.elementor-element-2019853{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4550 .elementor-element.elementor-element-5e97c8a .elementor-heading-title{font-size:22px;line-height:30px;}.elementor-4550 .elementor-element.elementor-element-7029421 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-2ddcd60{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4550 .elementor-element.elementor-element-9af3218 .elementor-heading-title{font-size:22px;line-height:30px;}.elementor-4550 .elementor-element.elementor-element-cad096f .elementor-heading-title{font-size:17px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4550 .elementor-element.elementor-element-f5835d2 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-4550 .elementor-element.elementor-element-f5835d2 .elementor-heading-title{font-size:18px;}.elementor-4550 .elementor-element.elementor-element-2bccdf0 .elementor-heading-title{font-size:26px;}.elementor-4550 .elementor-element.elementor-element-24b0234 .elementor-heading-title{font-size:18px;}.elementor-4550 .elementor-element.elementor-element-0594572 .elementor-heading-title{font-size:18px;}.elementor-4550 .elementor-element.elementor-element-6a56eb9 .elementor-heading-title{font-size:26px;}.elementor-4550 .elementor-element.elementor-element-93e8230{width:var( --container-widget-width, 660px );max-width:660px;--container-widget-width:660px;--container-widget-flex-grow:0;}.elementor-4550 .elementor-element.elementor-element-93e8230 .elementor-heading-title{font-size:18px;}.elementor-4550 .elementor-element.elementor-element-2eda7fa .elementor-heading-title{font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4550 .elementor-element.elementor-element-fd4796f{width:var( --container-widget-width, 202px );max-width:202px;--container-widget-width:202px;--container-widget-flex-grow:0;text-align:center;}.elementor-4550 .elementor-element.elementor-element-fd4796f .elementor-heading-title{font-size:25px;line-height:1.3em;}.elementor-4550 .elementor-element.elementor-element-d5ba1ce .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-9edd6ae .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-1f10833 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-64e475d{text-align:center;}.elementor-4550 .elementor-element.elementor-element-64e475d .elementor-heading-title{font-size:25px;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-8db57d9 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-5e97c8a .elementor-heading-title{font-size:23px;line-height:30px;}.elementor-4550 .elementor-element.elementor-element-9af3218 .elementor-heading-title{font-size:23px;line-height:34px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4550 .elementor-element.elementor-element-f5835d2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4550 .elementor-element.elementor-element-f5835d2 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-2bccdf0{text-align:center;}.elementor-4550 .elementor-element.elementor-element-2bccdf0 .elementor-heading-title{font-size:25px;line-height:34px;}.elementor-4550 .elementor-element.elementor-element-24b0234 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-0594572 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-6a56eb9 .elementor-heading-title{font-size:25px;}.elementor-4550 .elementor-element.elementor-element-93e8230 .elementor-heading-title{font-size:17px;}.elementor-4550 .elementor-element.elementor-element-2eda7fa .elementor-heading-title{font-size:18px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS *//* === CÓDIGO COMPLETO TITAN DENTAL DESIGN === */
/* === PUNTOS ANIMADOS PARA SUBTÍTULOS === */
.titulo-con-punto {
display: flex !important;
align-items: center !important;
gap: 20px !important;
position: relative !important;
}
.titulo-con-punto::before {
content: '' !important;
width: 12px !important;
height: 12px !important;
background-color: #0B61DE !important;
border-radius: 50% !important;
display: inline-block !important;
animation: pulseBlue 2s ease-in-out infinite !important;
flex-shrink: 0 !important;
}
@keyframes pulseBlue {
0% {
transform: scale(1);
opacity: 1;
box-shadow: 0 0 0 0 rgba(11, 97, 222, 0.4);
}
50% {
transform: scale(1.3);
opacity: 0.8;
box-shadow: 0 0 0 8px rgba(11, 97, 222, 0.1);
}
100% {
transform: scale(1);
opacity: 1;
box-shadow: 0 0 0 0 rgba(11, 97, 222, 0.4);
}
}
/* === TARJETAS ELEVACIÓN ORIGINALES === */
.tarjeta-elevacion {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
transform: translateY(0) !important;
padding: 2rem 1.5rem !important;
}
.tarjeta-elevacion:hover {
transform: translateY(-12px) scale(1.03) !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}
/* === TARJETAS BLANCAS PARA SPECIAL OFFER === */
.tarjeta-blanca,
.tarjeta-elevacion-blanca,
.special-offer-card {
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 12px !important;
padding: 2rem 1.5rem !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
transform: translateY(0) !important;
position: relative !important;
will-change: transform, box-shadow !important;
backface-visibility: hidden !important;
}
/* Efecto hover manteniendo el blanco */
.tarjeta-blanca:hover,
.tarjeta-elevacion-blanca:hover,
.special-offer-card:hover {
background: #ffffff !important; /* Mantener blanco en hover */
transform: translateY(-12px) scale(1.03) !important;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
border-color: rgba(11, 97, 222, 0.2) !important;
}
/* === ICONOS PARA SPECIAL OFFER (GRANDES) === */
.icono-movimiento {
font-size: 4rem !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
display: block !important;
text-align: center !important;
margin: 1.5rem auto !important;
line-height: 1 !important;
}
.icono-movimiento:hover {
transform: rotate(10deg) scale(1.15) !important;
}
/* Solo para tarjetas centradas (Special Offer) */
.tarjeta-centrada .elementor-icon {
font-size: 4rem !important;
text-align: center !important;
margin: 1.5rem auto !important;
display: block !important;
}
.tarjeta-centrada .elementor-icon i,
.tarjeta-centrada .elementor-icon svg {
font-size: 4rem !important;
width: 4rem !important;
height: 4rem !important;
}
.tarjeta-centrada {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 2rem 1.5rem !important;
min-height: 200px !important;
}
/* Para tarjetas centradas específicamente BLANCAS */
.tarjeta-centrada-blanca {
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 12px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 2rem 1.5rem !important;
min-height: 200px !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
transform: translateY(0) !important;
position: relative !important;
}
.tarjeta-centrada-blanca:hover {
background: #ffffff !important; /* Mantener blanco en hover */
transform: translateY(-12px) scale(1.03) !important;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
border-color: rgba(11, 97, 222, 0.2) !important;
}
/* Iconos en las tarjetas blancas */
.tarjeta-blanca .elementor-icon,
.tarjeta-elevacion-blanca .elementor-icon,
.special-offer-card .elementor-icon,
.tarjeta-centrada-blanca .elementor-icon {
font-size: 4rem !important;
text-align: center !important;
margin: 1.5rem auto !important;
display: block !important;
transition: all 0.3s ease !important;
color: #0B61DE !important;
}
.tarjeta-blanca .elementor-icon i,
.tarjeta-blanca .elementor-icon svg,
.tarjeta-elevacion-blanca .elementor-icon i,
.tarjeta-elevacion-blanca .elementor-icon svg,
.special-offer-card .elementor-icon i,
.special-offer-card .elementor-icon svg,
.tarjeta-centrada-blanca .elementor-icon i,
.tarjeta-centrada-blanca .elementor-icon svg {
font-size: 4rem !important;
width: 4rem !important;
height: 4rem !important;
color: #0B61DE !important;
fill: #0B61DE !important;
}
/* Efecto hover en iconos de tarjetas blancas */
.tarjeta-blanca:hover .elementor-icon,
.tarjeta-elevacion-blanca:hover .elementor-icon,
.special-offer-card:hover .elementor-icon,
.tarjeta-centrada-blanca:hover .elementor-icon {
transform: rotate(10deg) scale(1.15) !important;
color: #0B61DE !important;
}
/* === SECCIÓN PRICING (ICONOS PEQUEÑOS) === */
.fila-pricing {
background: #ffffff !important;
border: 2px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 0.75rem 1.5rem !important;
margin: 0.5rem 0 !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
position: relative !important;
}
.fila-pricing:hover {
transform: translateY(-12px) !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
border-color: #0B61DE !important;
background: #f8fafc !important;
}
/* ICONOS EN PRICING - TAMAÑO ESPECÍFICO */
.fila-pricing .elementor-widget-icon .elementor-icon,
.fila-pricing .elementor-widget-icon .elementor-icon i,
.fila-pricing .elementor-widget-icon .elementor-icon svg,
.fila-pricing .elementor-icon,
.fila-pricing .elementor-icon i,
.fila-pricing .elementor-icon svg {
font-size: 1.8rem !important;
width: 1.8rem !important;
height: 1.8rem !important;
transition: all 0.3s ease !important;
}
.fila-pricing:hover .elementor-widget-icon {
transform: scale(1.15) rotate(10deg) !important;
}
.fila-pricing:hover .elementor-icon,
.fila-pricing:hover .elementor-icon i,
.fila-pricing:hover .elementor-icon svg {
transform: scale(1.15) rotate(10deg) !important;
filter: brightness(1.2) !important;
color: #0B61DE !important;
fill: #0B61DE !important;
}
/* TEXTO EN PRICING */
.fila-pricing .elementor-widget-text-editor p,
.fila-pricing .elementor-widget-heading .elementor-heading-title {
color: #2d3748 !important;
font-weight: 500 !important;
transition: color 0.3s ease !important;
margin: 0 !important;
}
.fila-pricing:hover .elementor-widget-text-editor p,
.fila-pricing:hover .elementor-widget-heading .elementor-heading-title {
color: #0B61DE !important;
}
/* === LIMPIAR CONFLICTOS === */
.fila-pricing .elementor-widget {
margin-bottom: 0 !important;
}
.fila-pricing .elementor-widget-wrap {
align-items: center !important;
}
/* === BOTÓN DINÁMICO CON EFECTO DE BRILLO === */
.boton-dinamico {
background: linear-gradient(135deg, #0B61DE 0%, #1e40af 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 12px !important;
padding: 1rem 2rem !important;
font-weight: 600 !important;
font-size: 1.1rem !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
box-shadow: 0 4px 15px rgba(11, 97, 222, 0.3) !important;
transform: translateY(0) scale(1) !important;
will-change: transform, box-shadow !important;
backface-visibility: hidden !important;
}
/* Efecto de brillo que se mueve */
.boton-dinamico::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg,
transparent,
rgba(11, 97, 222, 0.3),
transparent
) !important;
transition: left 0.6s ease !important;
z-index: 1 !important;
}
/* Hover del botón */
.boton-dinamico:hover {
transform: translateY(-6px) scale(1.08) !important;
box-shadow: 0 20px 40px rgba(11, 97, 222, 0.4) !important;
background: #ffffff !important;
color: #0B61DE !important;
border: 2px solid #0B61DE !important;
}
/* Activar el brillo en hover */
.boton-dinamico:hover::before {
left: 100% !important;
}
/* Asegurar que el texto esté por encima */
.boton-dinamico span,
.boton-dinamico .elementor-button-text {
position: relative !important;
z-index: 2 !important;
color: #ffffff !important;
transition: color 0.4s ease !important;
}
/* Cambio de color del texto en hover */
.boton-dinamico:hover span,
.boton-dinamico:hover .elementor-button-text {
color: #0B61DE !important;
}
/* Estado activo/click */
.boton-dinamico:active {
transform: translateY(-2px) scale(1.05) !important;
transition: all 0.1s ease !important;
}
/* === VERSIÓN ALTERNATIVA PARA WIDGET ELEMENTOR === */
.elementor-button.boton-dinamico {
background: linear-gradient(135deg, #0B61DE 0%, #1e40af 100%) !important;
border: none !important;
border-radius: 12px !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
box-shadow: 0 4px 15px rgba(11, 97, 222, 0.3) !important;
transform: translateY(0) scale(1) !important;
}
.elementor-button.boton-dinamico:hover {
transform: translateY(-6px) scale(1.08) !important;
box-shadow: 0 20px 40px rgba(11, 97, 222, 0.4) !important;
background: #ffffff !important;
color: #0B61DE !important;
border: 2px solid #0B61DE !important;
}
/* === TEXTO EN TARJETAS BLANCAS === */
.tarjeta-blanca h3,
.tarjeta-blanca h4,
.tarjeta-blanca p,
.tarjeta-elevacion-blanca h3,
.tarjeta-elevacion-blanca h4,
.tarjeta-elevacion-blanca p,
.special-offer-card h3,
.special-offer-card h4,
.special-offer-card p,
.tarjeta-centrada-blanca h3,
.tarjeta-centrada-blanca h4,
.tarjeta-centrada-blanca p {
color: #2d3748 !important;
margin-bottom: 0.5rem !important;
}
.tarjeta-blanca h3,
.tarjeta-blanca h4,
.tarjeta-elevacion-blanca h3,
.tarjeta-elevacion-blanca h4,
.special-offer-card h3,
.special-offer-card h4,
.tarjeta-centrada-blanca h3,
.tarjeta-centrada-blanca h4 {
font-weight: 600 !important;
color: #1a202c !important;
}
/* === RESPONSIVE === */
@media (max-width: 1024px) {
.tarjeta-centrada .elementor-icon,
.tarjeta-centrada-blanca .elementor-icon,
.tarjeta-blanca .elementor-icon,
.tarjeta-elevacion-blanca .elementor-icon,
.special-offer-card .elementor-icon {
font-size: 3.5rem !important;
}
.tarjeta-centrada .elementor-icon i,
.tarjeta-centrada .elementor-icon svg,
.tarjeta-centrada-blanca .elementor-icon i,
.tarjeta-centrada-blanca .elementor-icon svg,
.tarjeta-blanca .elementor-icon i,
.tarjeta-blanca .elementor-icon svg,
.tarjeta-elevacion-blanca .elementor-icon i,
.tarjeta-elevacion-blanca .elementor-icon svg,
.special-offer-card .elementor-icon i,
.special-offer-card .elementor-icon svg {
font-size: 3.5rem !important;
width: 3.5rem !important;
height: 3.5rem !important;
}
.fila-pricing .elementor-icon,
.fila-pricing .elementor-icon i,
.fila-pricing .elementor-icon svg {
font-size: 1.6rem !important;
width: 1.6rem !important;
height: 1.6rem !important;
}
}
@media (max-width: 768px) {
.tarjeta-centrada .elementor-icon,
.tarjeta-centrada-blanca .elementor-icon,
.tarjeta-blanca .elementor-icon,
.tarjeta-elevacion-blanca .elementor-icon,
.special-offer-card .elementor-icon {
font-size: 3rem !important;
}
.tarjeta-centrada .elementor-icon i,
.tarjeta-centrada .elementor-icon svg,
.tarjeta-centrada-blanca .elementor-icon i,
.tarjeta-centrada-blanca .elementor-icon svg,
.tarjeta-blanca .elementor-icon i,
.tarjeta-blanca .elementor-icon svg,
.tarjeta-elevacion-blanca .elementor-icon i,
.tarjeta-elevacion-blanca .elementor-icon svg,
.special-offer-card .elementor-icon i,
.special-offer-card .elementor-icon svg {
font-size: 3rem !important;
width: 3rem !important;
height: 3rem !important;
}
.fila-pricing {
padding: 0.5rem 1rem !important;
margin: 0.25rem 0 !important;
}
.fila-pricing:hover {
transform: translateY(-8px) !important;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}
.fila-pricing .elementor-icon,
.fila-pricing .elementor-icon i,
.fila-pricing .elementor-icon svg {
font-size: 1.4rem !important;
width: 1.4rem !important;
height: 1.4rem !important;
}
.tarjeta-elevacion,
.tarjeta-blanca,
.tarjeta-elevacion-blanca,
.special-offer-card {
padding: 1.5rem 1rem !important;
}
.tarjeta-centrada,
.tarjeta-centrada-blanca {
min-height: 180px !important;
padding: 1.5rem 1rem !important;
}
.tarjeta-blanca:hover,
.tarjeta-elevacion-blanca:hover,
.special-offer-card:hover,
.tarjeta-centrada-blanca:hover {
transform: translateY(-8px) scale(1.02) !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}
.boton-dinamico {
padding: 0.8rem 1.5rem !important;
font-size: 1rem !important;
}
.boton-dinamico:hover {
transform: translateY(-4px) scale(1.05) !important;
box-shadow: 0 15px 30px rgba(11, 97, 222, 0.35) !important;
}
}
@media (max-width: 480px) {
.boton-dinamico {
padding: 0.7rem 1.2rem !important;
font-size: 0.95rem !important;
width: 100% !important;
text-align: center !important;
}
.boton-dinamico:hover {
transform: translateY(-3px) scale(1.03) !important;
}
}
/* === PREVENIR CONFLICTOS === */
.tarjeta-elevacion,
.fila-pricing,
.tarjeta-blanca,
.tarjeta-elevacion-blanca,
.special-offer-card,
.tarjeta-centrada-blanca {
will-change: transform, box-shadow !important;
backface-visibility: hidden !important;
}
/* === INSTRUCCIONES DE USO === */
/*
CLASES PARA APLICAR:
TÍTULOS CON PUNTOS:
- Clase: titulo-con-punto
TARJETAS NORMALES (con color de fondo):
- Clase: tarjeta-elevacion
- Clase: tarjeta-centrada
TARJETAS BLANCAS (para Special Offer):
- Clase: tarjeta-blanca
- Clase: tarjeta-centrada-blanca
- Clase: special-offer-card
FILAS DE PRICING:
- Clase: fila-pricing
BOTONES:
- Clase: boton-dinamico
*/
/* === ANIMACIONES PARA IMAGEN DENTAL - TITAN DESIGN === */
/* === OPCIÓN 1: FLOTACIÓN SUAVE Y PROFESSIONAL === */
.imagen-dental-flotante {
animation: floatDental 4s ease-in-out infinite !important;
transform-origin: center !important;
will-change: transform !important;
backface-visibility: hidden !important;
transition: all 0.3s ease !important;
}
@keyframes floatDental {
0%, 100% {
transform: translateY(0px) scale(1);
}
25% {
transform: translateY(-8px) scale(1.02);
}
50% {
transform: translateY(-12px) scale(1.03);
}
75% {
transform: translateY(-8px) scale(1.02);
}
}
/* === OPCIÓN 2: RESPIRACIÓN/PULSO SUAVE === */
.imagen-dental-respiracion {
animation: breatheDental 3s ease-in-out infinite !important;
transform-origin: center !important;
will-change: transform !important;
backface-visibility: hidden !important;
}
@keyframes breatheDental {
0%, 100% {
transform: scale(1) translateY(0px);
filter: brightness(1);
}
50% {
transform: scale(1.05) translateY(-5px);
filter: brightness(1.1);
}
}
/* === OPCIÓN 3: MOVIMIENTO LATERAL SUTIL === */
.imagen-dental-lateral {
animation: swayDental 5s ease-in-out infinite !important;
transform-origin: center bottom !important;
will-change: transform !important;
backface-visibility: hidden !important;
}
@keyframes swayDental {
0%, 100% {
transform: translateX(0px) rotate(0deg) translateY(0px);
}
25% {
transform: translateX(-3px) rotate(-0.5deg) translateY(-4px);
}
50% {
transform: translateX(0px) rotate(0deg) translateY(-8px);
}
75% {
transform: translateX(3px) rotate(0.5deg) translateY(-4px);
}
}
/* === OPCIÓN 4: COMBINACIÓN COMPLETA (RECOMENDADA) === */
.imagen-dental-completa {
animation: completeDental 6s ease-in-out infinite !important;
transform-origin: center !important;
will-change: transform !important;
backface-visibility: hidden !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
}
@keyframes completeDental {
0%, 100% {
transform: translateY(0px) translateX(0px) scale(1) rotate(0deg);
filter: brightness(1);
box-shadow: 0 10px 30px rgba(11, 97, 222, 0.1);
}
20% {
transform: translateY(-6px) translateX(-2px) scale(1.02) rotate(-0.3deg);
filter: brightness(1.05);
box-shadow: 0 15px 40px rgba(11, 97, 222, 0.15);
}
40% {
transform: translateY(-10px) translateX(0px) scale(1.03) rotate(0deg);
filter: brightness(1.08);
box-shadow: 0 20px 50px rgba(11, 97, 222, 0.2);
}
60% {
transform: translateY(-8px) translateX(2px) scale(1.02) rotate(0.3deg);
filter: brightness(1.05);
box-shadow: 0 15px 40px rgba(11, 97, 222, 0.15);
}
80% {
transform: translateY(-4px) translateX(-1px) scale(1.01) rotate(-0.1deg);
filter: brightness(1.02);
box-shadow: 0 12px 35px rgba(11, 97, 222, 0.12);
}
}
/* === EFECTO HOVER PARA LA IMAGEN === */
.imagen-dental-completa:hover {
animation-play-state: paused !important;
transform: translateY(-15px) scale(1.08) !important;
box-shadow: 0 25px 60px rgba(11, 97, 222, 0.25) !important;
filter: brightness(1.15) !important;
border-radius: 15px !important;
}
/* === OPCIÓN 5: EFECTO TABLET BRILLANTE === */
.imagen-dental-tablet {
animation: tabletGlow 4s ease-in-out infinite !important;
position: relative !important;
transform-origin: center !important;
will-change: transform !important;
backface-visibility: hidden !important;
}
.imagen-dental-tablet::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: linear-gradient(45deg,
transparent 30%,
rgba(11, 97, 222, 0.1) 50%,
transparent 70%
) !important;
border-radius: 15px !important;
pointer-events: none !important;
z-index: 1 !important;
animation: shimmer 3s ease-in-out infinite !important;
}
@keyframes tabletGlow {
0%, 100% {
transform: translateY(0px) scale(1);
filter: brightness(1);
}
50% {
transform: translateY(-8px) scale(1.02);
filter: brightness(1.1);
}
}
@keyframes shimmer {
0% {
transform: translateX(-100%) skewX(-25deg);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translateX(200%) skewX(-25deg);
opacity: 0;
}
}
/* === OPCIÓN 6: EFECTO POINTING (para el dedo que apunta) === */
.imagen-dental-pointing {
animation: pointingEffect 3.5s ease-in-out infinite !important;
transform-origin: center !important;
will-change: transform !important;
backface-visibility: hidden !important;
}
@keyframes pointingEffect {
0%, 100% {
transform: translateY(0px) translateX(0px) scale(1);
}
25% {
transform: translateY(-4px) translateX(2px) scale(1.01);
}
50% {
transform: translateY(-8px) translateX(4px) scale(1.02);
}
75% {
transform: translateY(-4px) translateX(2px) scale(1.01);
}
}
/* === RESPONSIVE PARA TODAS LAS ANIMACIONES === */
@media (max-width: 1024px) {
.imagen-dental-flotante,
.imagen-dental-respiracion,
.imagen-dental-lateral,
.imagen-dental-completa,
.imagen-dental-tablet,
.imagen-dental-pointing {
animation-duration: 5s !important;
}
@keyframes floatDental {
0%, 100% { transform: translateY(0px) scale(1); }
50% { transform: translateY(-8px) scale(1.02); }
}
@keyframes completeDental {
0%, 100% {
transform: translateY(0px) scale(1);
box-shadow: 0 8px 25px rgba(11, 97, 222, 0.08);
}
50% {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 15px 35px rgba(11, 97, 222, 0.15);
}
}
}
@media (max-width: 768px) {
.imagen-dental-flotante,
.imagen-dental-respiracion,
.imagen-dental-lateral,
.imagen-dental-completa,
.imagen-dental-tablet,
.imagen-dental-pointing {
animation-duration: 6s !important;
}
.imagen-dental-completa:hover {
transform: translateY(-10px) scale(1.05) !important;
box-shadow: 0 20px 40px rgba(11, 97, 222, 0.2) !important;
}
@keyframes floatDental {
0%, 100% { transform: translateY(0px) scale(1); }
50% { transform: translateY(-5px) scale(1.01); }
}
@keyframes completeDental {
0%, 100% {
transform: translateY(0px) scale(1);
box-shadow: 0 5px 20px rgba(11, 97, 222, 0.06);
}
50% {
transform: translateY(-4px) scale(1.015);
box-shadow: 0 12px 30px rgba(11, 97, 222, 0.12);
}
}
}
@media (max-width: 480px) {
.imagen-dental-flotante,
.imagen-dental-respiracion,
.imagen-dental-lateral,
.imagen-dental-completa,
.imagen-dental-tablet,
.imagen-dental-pointing {
animation-duration: 7s !important;
}
}
/* === VERSIÓN OPTIMIZADA PARA PERFORMANCE === */
.imagen-dental-performance {
animation: performanceDental 4s ease-in-out infinite !important;
transform: translateZ(0) !important;
will-change: transform !important;
backface-visibility: hidden !important;
}
@keyframes performanceDental {
0%, 100% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
50% {
transform: translate3d(0, -10px, 0) scale3d(1.02, 1.02, 1);
}
}
/* === PAUSAR ANIMACIONES EN HOVER GLOBAL === */
.imagen-dental-flotante:hover,
.imagen-dental-respiracion:hover,
.imagen-dental-lateral:hover,
.imagen-dental-tablet:hover,
.imagen-dental-pointing:hover,
.imagen-dental-performance:hover {
animation-play-state: paused !important;
}
/* === MODO REDUCE MOTION === */
@media (prefers-reduced-motion: reduce) {
.imagen-dental-flotante,
.imagen-dental-respiracion,
.imagen-dental-lateral,
.imagen-dental-completa,
.imagen-dental-tablet,
.imagen-dental-pointing,
.imagen-dental-performance {
animation: none !important;
}
}
/* === EFECTO GRADIENTE PARA TARJETAS EXISTENTES === */
/* Aplicar a tus tarjetas blancas existentes */
.tarjeta-gradiente {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
border: 1px solid #e2e8f0 !important;
position: relative !important;
overflow: hidden !important;
}
/* EFECTO DE BRILLO QUE PASA SOBRE LA TARJETA */
.tarjeta-gradiente::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg,
transparent,
rgba(11, 97, 222, 0.08),
transparent
) !important;
transition: left 0.6s ease !important;
z-index: 1 !important;
pointer-events: none !important;
}
/* HOVER EFFECT */
.tarjeta-gradiente:hover {
background: linear-gradient(135deg, rgba(11, 97, 222, 0.05), rgba(59, 130, 246, 0.05)) !important;
border-color: #0B61DE !important;
}
/* ACTIVAR EL BRILLO EN HOVER */
.tarjeta-gradiente:hover::before {
left: 100% !important;
}
/* Asegurar que el contenido esté por encima del efecto */
.tarjeta-gradiente .elementor-widget-container,
.tarjeta-gradiente h3,
.tarjeta-gradiente h4,
.tarjeta-gradiente p,
.tarjeta-gradiente .elementor-icon {
position: relative !important;
z-index: 2 !important;
}
/* === ALTERNATIVA: APLICAR DIRECTAMENTE A TUS CLASES EXISTENTES === */
/* Si quieres aplicarlo a tus tarjetas blancas sin cambiar clases */
.tarjeta-blanca.con-gradiente,
.tarjeta-elevacion-blanca.con-gradiente,
.special-offer-card.con-gradiente,
.tarjeta-centrada-blanca.con-gradiente {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
position: relative !important;
overflow: hidden !important;
}
.tarjeta-blanca.con-gradiente::before,
.tarjeta-elevacion-blanca.con-gradiente::before,
.special-offer-card.con-gradiente::before,
.tarjeta-centrada-blanca.con-gradiente::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg,
transparent,
rgba(11, 97, 222, 0.08),
transparent
) !important;
transition: left 0.6s ease !important;
z-index: 1 !important;
pointer-events: none !important;
}
.tarjeta-blanca.con-gradiente:hover,
.tarjeta-elevacion-blanca.con-gradiente:hover,
.special-offer-card.con-gradiente:hover,
.tarjeta-centrada-blanca.con-gradiente:hover {
background: linear-gradient(135deg, rgba(11, 97, 222, 0.05), rgba(59, 130, 246, 0.05)) !important;
border-color: #0B61DE !important;
}
.tarjeta-blanca.con-gradiente:hover::before,
.tarjeta-elevacion-blanca.con-gradiente:hover::before,
.special-offer-card.con-gradiente:hover::before,
.tarjeta-centrada-blanca.con-gradiente:hover::before {
left: 100% !important;
}
/* Contenido por encima del efecto */
.tarjeta-blanca.con-gradiente .elementor-widget-container,
.tarjeta-elevacion-blanca.con-gradiente .elementor-widget-container,
.special-offer-card.con-gradiente .elementor-widget-container,
.tarjeta-centrada-blanca.con-gradiente .elementor-widget-container,
.tarjeta-blanca.con-gradiente h3,
.tarjeta-blanca.con-gradiente h4,
.tarjeta-blanca.con-gradiente p,
.tarjeta-blanca.con-gradiente .elementor-icon {
position: relative !important;
z-index: 2 !important;
}
/* === OPCIÓN 3: EFECTO MÁS SUTIL === */
.tarjeta-gradiente-sutil {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
position: relative !important;
overflow: hidden !important;
}
.tarjeta-gradiente-sutil::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg,
transparent,
rgba(11, 97, 222, 0.04),
transparent
) !important;
transition: left 0.8s ease !important;
z-index: 1 !important;
pointer-events: none !important;
}
.tarjeta-gradiente-sutil:hover {
background: linear-gradient(135deg, rgba(11, 97, 222, 0.02), rgba(59, 130, 246, 0.03)) !important;
}
.tarjeta-gradiente-sutil:hover::before {
left: 100% !important;
}
/* === RESPONSIVE === */
@media (max-width: 768px) {
.tarjeta-gradiente::before,
.tarjeta-blanca.con-gradiente::before,
.tarjeta-elevacion-blanca.con-gradiente::before,
.special-offer-card.con-gradiente::before,
.tarjeta-centrada-blanca.con-gradiente::before,
.tarjeta-gradiente-sutil::before {
transition: left 0.4s ease !important;
}
}
/* === MODO REDUCE MOTION === */
@media (prefers-reduced-motion: reduce) {
.tarjeta-gradiente::before,
.tarjeta-blanca.con-gradiente::before,
.tarjeta-elevacion-blanca.con-gradiente::before,
.special-offer-card.con-gradiente::before,
.tarjeta-centrada-blanca.con-gradiente::before,
.tarjeta-gradiente-sutil::before {
display: none !important;
}
}
/* === INSTRUCCIONES DE USO === */
/*
OPCIÓN 1 - NUEVA CLASE:
Agregar la clase "tarjeta-gradiente" a las tarjetas donde quieras el efecto.
OPCIÓN 2 - COMBINAR CON TUS CLASES EXISTENTES:
Agregar "con-gradiente" junto a tus clases existentes:
- "tarjeta-blanca con-gradiente"
- "special-offer-card con-gradiente"
- "tarjeta-centrada-blanca con-gradiente"
OPCIÓN 3 - EFECTO MÁS SUTIL:
Usar la clase "tarjeta-gradiente-sutil" para un efecto más discreto.
EJEMPLO EN ELEMENTOR:
Widget de tarjeta → Avanzado → CSS Classes → "con-gradiente"
(mantén tus clases originales y solo agrega "con-gradiente")
*/
/* =================================
PASO 1: AGREGAR CLASE EN ELEMENTOR
================================= */
1. Selecciona tu widget de texto en Elementor
2. Ve a: Avanzado → CSS ID & Classes → CSS Classes
3. Escribe: final-text-effect
4. En el contenido del widget, agrega este div:
/* Tu texto va normal debajo, sin cambios */
/* =================================
PASO 2: CSS NORMAL - PEGAR EN ELEMENTOR
================================= */
/* Ve a: Elementor → Custom CSS (menú principal) y pega esto: */
.final-text-effect {
position: relative;
background: white;
padding: 2.5rem;
text-align: center;
color: #475569;
font-size: 1.1rem;
line-height: 1.8;
border-radius: 15px;
border: 3px solid #e2e8f0;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.final-text-effect .circling-line {
position: absolute;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
border-radius: 1.5px;
box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);
animation: circleAnimation 8s linear infinite;
}
@keyframes circleAnimation {
0% {
top: -1.5px;
left: 0;
width: 40px;
height: 3px;
transform: rotate(0deg);
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
20% {
top: -1.5px;
left: calc(100% - 40px);
width: 40px;
height: 3px;
transform: rotate(0deg);
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
25% {
top: 0;
left: calc(100% - 1.5px);
width: 40px;
height: 3px;
transform: rotate(90deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
30% {
top: 20px;
left: calc(100% - 1.5px);
width: 40px;
height: 3px;
transform: rotate(90deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
45% {
top: calc(100% - 60px);
left: calc(100% - 1.5px);
width: 40px;
height: 3px;
transform: rotate(90deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
50% {
top: calc(100% - 1.5px);
left: calc(100% - 40px);
width: 40px;
height: 3px;
transform: rotate(180deg);
transform-origin: 50% 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
55% {
top: calc(100% - 1.5px);
left: calc(100% - 60px);
width: 40px;
height: 3px;
transform: rotate(180deg);
transform-origin: 50% 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
70% {
top: calc(100% - 1.5px);
left: 40px;
width: 40px;
height: 3px;
transform: rotate(180deg);
transform-origin: 50% 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
75% {
top: calc(100% - 40px);
left: 1.5px;
width: 40px;
height: 3px;
transform: rotate(270deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
80% {
top: calc(100% - 60px);
left: 1.5px;
width: 40px;
height: 3px;
transform: rotate(270deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
90% {
top: calc(50%);
left: 1.5px;
width: 40px;
height: 3px;
transform: rotate(270deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
95% {
top: 20px;
left: 1.5px;
width: 40px;
height: 3px;
transform: rotate(270deg);
transform-origin: 0 50%;
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
100% {
top: -1.5px;
left: 0;
width: 40px;
height: 3px;
transform: rotate(0deg);
background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
}
}
/* Responsive para móvil */
@media (max-width: 768px) {
.final-text-effect {
padding: 2rem;
font-size: 1rem;
}
.final-text-effect .circling-line {
width: 30px;
}
}
/* =================================
RESUMEN DE PASOS:
================================= */
/*
1. Widget de texto → Avanzado → CSS Classes → "final-text-effect"
2. En el contenido del widget:
3. Elementor → Custom CSS → Pegar todo el CSS de arriba
4. ¡Listo!
*//* End custom CSS */