.elementor-344 .elementor-element.elementor-element-bd2d085{--display:flex;--min-height:100vh;--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-344 .elementor-element.elementor-element-bd2d085:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-bd2d085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://directoresdecine.net/wp-content/uploads/2026/01/fondo_interior.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-344 .elementor-element.elementor-element-a5625bb{--display:flex;--min-height:0vh;--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;--flex-wrap:nowrap;--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-344 .elementor-element.elementor-element-a5625bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-344 .elementor-element.elementor-element-c7af722{width:var( --container-widget-width, 9.651% );max-width:9.651%;--container-widget-width:9.651%;--container-widget-flex-grow:0;text-align:start;}.elementor-344 .elementor-element.elementor-element-c7af722 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-c7af722.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-344 .elementor-element.elementor-element-c7af722 img{width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-344 .elementor-element.elementor-element-54f105f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-344 .elementor-element.elementor-element-54f105f{text-align:center;}.elementor-344 .elementor-element.elementor-element-54f105f .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:36px;font-weight:700;color:#945E69;}.elementor-344 .elementor-element.elementor-element-8486da2{width:var( --container-widget-width, 9.65% );max-width:9.65%;--container-widget-width:9.65%;--container-widget-flex-grow:0;text-align:start;}.elementor-344 .elementor-element.elementor-element-8486da2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-344 .elementor-element.elementor-element-8486da2 img{width:100%;}.elementor-344 .elementor-element.elementor-element-3bfea8a{--display:flex;--position:absolute;--min-height:0vh;--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:00px 00px;--row-gap:00px;--column-gap:00px;--flex-wrap:nowrap;--overlay-opacity:0.69;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-344 .elementor-element.elementor-element-3bfea8a::before, .elementor-344 .elementor-element.elementor-element-3bfea8a > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-3bfea8a > .e-con-inner > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-3bfea8a > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-3bfea8a > .e-con-inner > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-3bfea8a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-344 .elementor-element.elementor-element-3bfea8a.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-344 .elementor-element.elementor-element-3bfea8a{left:0px;}body.rtl .elementor-344 .elementor-element.elementor-element-3bfea8a{right:0px;}.elementor-344 .elementor-element.elementor-element-79b07bf{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;text-align:start;}.elementor-344 .elementor-element.elementor-element-79b07bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-79b07bf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-344 .elementor-element.elementor-element-79b07bf img{width:100%;}.elementor-344 .elementor-element.elementor-element-5449f20{--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:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-344 .elementor-element.elementor-element-5449f20:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-5449f20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-5449f20.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-344 .elementor-element.elementor-element-8d4b4cc > .elementor-widget-container{background-color:#5E0E0E00;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu .elementor-item{font-size:10px;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-top:0px;padding-bottom:0px;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-344 .elementor-element.elementor-element-8d4b4cc{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--dropdown{background-color:#FFFFFFD4;}.elementor-344 .elementor-element.elementor-element-8d4b4cc div.elementor-menu-toggle{color:#000000;}.elementor-344 .elementor-element.elementor-element-8d4b4cc div.elementor-menu-toggle svg{fill:#000000;}.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-menu-toggle{background-color:#FFFDFD;}.elementor-344 .elementor-element.elementor-element-a009fac{--display:flex;--justify-content:flex-end;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--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-344 .elementor-element.elementor-element-fb94715 > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-fb94715 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-f014d01 > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-f014d01 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-fdf789e > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-fdf789e .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-88afc6a{--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:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-344 .elementor-element.elementor-element-23f6884 > .elementor-widget-container{background-color:#65172BC9;margin:0% 0% 0% 0%;padding:1% 0% 1% 1%;}.elementor-344 .elementor-element.elementor-element-23f6884.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-344 .elementor-element.elementor-element-23f6884 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-344 .elementor-element.elementor-element-168de58{--display:flex;}.elementor-344 .elementor-element.elementor-element-69a68d8{--display:flex;--overlay-opacity:0.5;}.elementor-344 .elementor-element.elementor-element-69a68d8:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-69a68d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-344 .elementor-element.elementor-element-69a68d8::before, .elementor-344 .elementor-element.elementor-element-69a68d8 > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-69a68d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-69a68d8 > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-69a68d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-69a68d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-344 .elementor-element.elementor-element-cbf4dff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;color:#000000;font-family:"Verdana", Sans-serif;font-weight:400;}.elementor-344 .elementor-element.elementor-element-75b39f2{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-344 .elementor-element.elementor-element-2abe7e9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-344 .elementor-element.elementor-element-2abe7e9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-344 .elementor-element.elementor-element-2abe7e9{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-344 .elementor-element.elementor-element-fe713f4{--display:flex;}.elementor-344 .elementor-element.elementor-element-bad4aad{--display:flex;}.elementor-344 .elementor-element.elementor-element-bad4aad:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-bad4aad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-c47fa6c{--display:flex;}.elementor-344 .elementor-element.elementor-element-c47fa6c:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-c47fa6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-7fa592e{--display:flex;}.elementor-344 .elementor-element.elementor-element-7fa592e:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-7fa592e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-c5889c7{--display:flex;}.elementor-344 .elementor-element.elementor-element-c5889c7:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-c5889c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-b893026{--display:flex;}.elementor-344 .elementor-element.elementor-element-b893026:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-b893026 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-344 .elementor-element.elementor-element-f3cb4cb{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:13px;--n-tabs-title-color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-f3cb4cb > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00000073;}.elementor-344 .elementor-element.elementor-element-f3cb4cb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#888D89;}.elementor-344 .elementor-element.elementor-element-f3cb4cb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-344 .elementor-element.elementor-element-f3cb4cb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#888D89;}:where( .elementor-344 .elementor-element.elementor-element-f3cb4cb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFFFFF9E;border-style:none;}.elementor-344 .elementor-element.elementor-element-f3cb4cb > .elementor-widget-container{border-style:none;}.elementor-344 .elementor-element.elementor-element-f3cb4cb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Verdana", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-344 .elementor-element.elementor-element-7a6d06f{--display:flex;--justify-content:flex-end;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--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-344 .elementor-element.elementor-element-5a33f38 > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-5a33f38 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-e6c15fd > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-e6c15fd .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-0b5e6f6 > .elementor-widget-container{background-color:#000000;padding:8px 8px 8px 8px;}.elementor-344 .elementor-element.elementor-element-0b5e6f6 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-a3d9705{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--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-344 .elementor-element.elementor-element-26a4f8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-344 .elementor-element.elementor-element-26a4f8f:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-26a4f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-344 .elementor-element.elementor-element-c0f6983{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:600;letter-spacing:-1px;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-13e8dde{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:600;color:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-4889b75.elementor-social-icon{background-color:#02010100;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-4889b75.elementor-social-icon i{color:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-4889b75.elementor-social-icon svg{fill:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-99a7a17.elementor-social-icon{background-color:#02010100;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-99a7a17.elementor-social-icon i{color:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-99a7a17.elementor-social-icon svg{fill:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-e0bcf8c.elementor-social-icon{background-color:#02010100;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-e0bcf8c.elementor-social-icon i{color:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-repeater-item-e0bcf8c.elementor-social-icon svg{fill:#C8678C;}.elementor-344 .elementor-element.elementor-element-2f516df{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-344 .elementor-element.elementor-element-2f516df .elementor-widget-container{text-align:center;}.elementor-344 .elementor-element.elementor-element-c775a8c{font-family:"Verdana", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}@media(max-width:767px){.elementor-344 .elementor-element.elementor-element-a5625bb{--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-344 .elementor-element.elementor-element-c7af722{--container-widget-width:95px;--container-widget-flex-grow:0;width:var( --container-widget-width, 95px );max-width:95px;}.elementor-344 .elementor-element.elementor-element-54f105f{width:var( --container-widget-width, 33px );max-width:33px;--container-widget-width:33px;--container-widget-flex-grow:0;}.elementor-344 .elementor-element.elementor-element-8486da2{--container-widget-width:95px;--container-widget-flex-grow:0;width:var( --container-widget-width, 95px );max-width:95px;}.elementor-344 .elementor-element.elementor-element-3bfea8a{--width:350px;--min-height:78px;--margin-top:22%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-344 .elementor-element.elementor-element-79b07bf{--container-widget-width:235px;--container-widget-flex-grow:0;width:var( --container-widget-width, 235px );max-width:235px;}.elementor-344 .elementor-element.elementor-element-5449f20{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-344 .elementor-element.elementor-element-88afc6a{--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:-36%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-344 .elementor-element.elementor-element-23f6884 > .elementor-widget-container{padding:0% 3% 0% 0%;}.elementor-344 .elementor-element.elementor-element-23f6884 .elementor-heading-title{font-size:20px;}.elementor-344 .elementor-element.elementor-element-f3cb4cb{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:3px;--n-tabs-gap:3px;--n-tabs-title-font-size:9px;}.elementor-344 .elementor-element.elementor-element-f3cb4cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-7a6d06f{--width:52%;}}@media(min-width:768px){.elementor-344 .elementor-element.elementor-element-a5625bb{--width:100%;}.elementor-344 .elementor-element.elementor-element-3bfea8a{--width:100%;}.elementor-344 .elementor-element.elementor-element-5449f20{--width:190px;}.elementor-344 .elementor-element.elementor-element-88afc6a{--width:639px;}}/* Start custom CSS for container, class: .elementor-element-a5625bb */@media (max-width: 767px) {
    .elementor-344 .elementor-element.elementor-element-a5625bb {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 50% !important; /* Solo ocupa la mitad izquierda */
        z-index: 99999 !important;
        background: transparent !important; /* Para que no tape al de al lado */
        pointer-events: none !important; /* El contenedor no bloquea */
    }
    
    .elementor-344 .elementor-element.elementor-element-a5625bb .elementor-widget {
        pointer-events: auto !important; /* El logo SÍ es clicable */
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8d4b4cc *//* --- 1. ESCRITORIO (Base original con texto negro e izquierda) --- */
@media (min-width: 768px) {
    .elementor-344 .elementor-element.elementor-element-8d4b4cc {
        max-height: 65vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block !important;
    }
    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--main { display: block !important; }
    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-menu-toggle { display: none !important; }

    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-item {
        background-color: rgba(220, 220, 220, 0.7) !important;
        color: #000000 !important; /* TEXTO NEGRO */
        margin-bottom: 3px !important;
        padding: 8px 15px !important;
        font-weight: 700 !important;
        display: flex !important;
        justify-content: flex-start !important; /* ALINEADO IZQUIERDA */
        text-align: left !important;
    }
    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-item:hover { background-color: rgba(200, 103, 140, 0.7) !important; color: #fff !important; }
    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-item.elementor-item-active { background-color: rgba(101, 23, 43, 0.79) !important; color: #fff !important; }
}

/* --- 2. MÓVIL (Fondo Cristal y Texto Blanco con Perfilado) --- */
@media (max-width: 767px) {
    .elementor-344 .elementor-element.elementor-element-8d4b4cc {
        max-height: none !important;
        overflow: visible !important; 
        display: block !important;
        position: relative !important;
        z-index: 9999 !important;
    }

    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-menu-toggle {
        display: flex !important;
        background-color: #c8678c !important;
        width: fit-content !important;
        margin-left: auto !important;
        padding: 10px !important;
        border-radius: 5px;
        color: #fff !important;
    }

    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: 135% !important; 
        right: 0 !important;
        width: 270px !important;
        max-height: 75vh !important;
        overflow-y: auto !important;
        
        background-color: rgba(255, 255, 255, 0.92) !important; 
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        
        z-index: 1000000 !important;
        box-shadow: 0px 15px 45px rgba(0,0,0,0.5) !important; 
        border: 2px solid #000000 !important; 
        border-radius: 8px !important;
    }

    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--dropdown .elementor-item {
        color: #ffffff !important;
        font-weight: 800 !important;
        font-size: 15px !important;
        padding: 18px 20px !important;
        background-color: transparent !important;
        border-bottom: 1.5px solid #000000 !important; 
        display: block !important;
        
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8), 
                     -1px -1px 3px rgba(0,0,0,0.8),
                     1px -1px 3px rgba(0,0,0,0.8),
                     -1px 1px 3px rgba(0,0,0,0.8) !important;
    }

    .elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
        background-color: #65172b !important; 
        color: #ffffff !important;
        text-shadow: none !important;
    }
}

/* --- LIMPIEZA --- */
.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-item:after, 
.elementor-344 .elementor-element.elementor-element-8d4b4cc .elementor-item:before { display: none !important; }
.elementor-344 .elementor-element.elementor-element-8d4b4cc::-webkit-scrollbar { width: 5px; }
.elementor-344 .elementor-element.elementor-element-8d4b4cc::-webkit-scrollbar-thumb { background: #c8678c; border-radius: 10px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5449f20 */@media (max-width: 767px) {
    /* 1. FORZAR POSICIÓN EN LA ESQUINA DERECHA */
    .elementor-344 .elementor-element.elementor-element-5449f20 {
        position: fixed !important;
        top: 20px !important;  /* Ajusta este número para subir o bajar el icono */
        right: 20px !important; /* Ajusta este número para pegarlo más o menos al borde derecho */
        left: auto !important;
        width: 50px !important; /* Caja pequeña para que no estorbe al logo */
        height: 50px !important;
        z-index: 999999 !important;
        pointer-events: none !important;
    }

    /* 2. EL BOTÓN (Lo que tocas) */
    .elementor-344 .elementor-element.elementor-element-5449f20 .elementor-widget {
        pointer-events: auto !important;
        display: block !important;
    }

    /* 3. EL MENÚ DESPLEGABLE (Panel negro) */
    .elementor-344 .elementor-element.elementor-element-5449f20 .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 80px !important; /* Distancia desde el techo de la web hasta donde empieza el menú negro */
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        background-color: rgba(0, 0, 0, 0.4) !important;
        z-index: 1000000 !important;
        pointer-events: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-23f6884 *//* Solo para pantallas de móviles (menos de 767px) */
@media (max-width: 767px) {
    
    /* 1. LIMPIEZA TOTAL: Forzamos a que el contenedor sea transparente */
    .elementor-344 .elementor-element.elementor-element-23f6884, 
    .elementor-344 .elementor-element.elementor-element-23f6884 .elementor-widget-container {
        background: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* 2. EL NOMBRE DEL ACTOR: Aquí aplicamos tu color */
    .elementor-344 .elementor-element.elementor-element-23f6884 .elementor-heading-title {
        display: inline-block !important; 
        background-color: #65172BC9 !important; /* Tu color */
        padding: 15px 15px !important;
        width: auto !important;
        margin: 0 !important; /* Evita desplazamientos raros */
    }

    /* 3. ALINEACIÓN */
    .elementor-344 .elementor-element.elementor-element-23f6884 {
        text-align: left !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-cbf4dff *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0057ce *//* 1. CONTENEDOR (Efecto Cristal y Scroll) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px !important; 
    overflow-y: auto !important;
    background-color: rgba(255, 255, 255, 0.6) !important; 
    border: 1px solid rgba(255, 255, 255, 0.3) !important;           
    border-radius: 15px !important; 
    padding: 25px !important;       
    backdrop-filter: blur(10px) !important; 
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    scrollbar-width: thin !important; 
    scrollbar-color: #c8678c rgba(255, 255, 255, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (Solo color y negrita) */
#texto-con-scroll p a {
    text-decoration: none !important;
    font-weight: bold !important;
    margin-right: 5px;
}

/* 3. SCROLLBAR PERSONALIZADO (Chrome/Safari) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 8px !important; 
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important; 
    border-radius: 10px !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px !important; 
    background-color: #c8678c !important; 
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
}

#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:hover {
    background-color: #a05270 !important; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5ce34fc *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b751e6 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5812a5c *//* 1. CONFIGURACIÓN GENERAL Y FIREFOX */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll !important; /* Forzamos el scroll */
    
    /* Para Firefox: Color del pulgar y luego color del fondo */
    scrollbar-width: thin;
    scrollbar-color: #ff85a2 #ffe0e6; 
    
    /* Suavizado para móviles */
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}

/* 2. PARA CHROME, SAFARI Y MÓVILES (WEBKIT) */

/* Tamaño de la barra */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important; /* Intentamos que no se esconda */
}

/* El fondo de la barra (el carril) - Ponerle color ayuda a que se vea en móvil */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-track {
    background-color: #ffe0e6 !important; /* Rosa muy clarito */
    border-radius: 10px;
}

/* La barrita que se mueve (el pulgar) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: #ff85a2 !important; /* Rosa principal */
    border-radius: 10px;
    border: 2px solid #ffe0e6; /* Crea un pequeño borde para que se vea mejor */
}

/* Forzar visibilidad en móviles aunque no se esté tocando (algunos navegadores) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-858bb23 *//* 1. ESTILOS BÁSICOS Y COMPATIBILIDAD FF/IE/EDGE (Antiguo) */
#texto-con-scroll .elementor-widget-container {
    max-height: 250px; 
    overflow-y: scroll;
    
    /* Para navegadores Firefox (Estándar moderno): */
    scrollbar-width: thin; 
    /* Para Internet Explorer y Edge (Antiguo): */
    -ms-overflow-style: scrollbar; 
    
    /* Opcional: Separación del texto */
    padding-right: 15px;
}

/* 2. ESTILOS ESPECÍFICOS PARA CHROME/SAFARI/EDGE (Webkit) */
/* Define el ancho de la barra completa */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px; 
    background-color: transparent; 
}

/* Define el color y forma del "pulgar" (la parte que se mueve) */
#texto-con-scroll .elementor-widget-container::-webkit-scrollbar-thumb {
    border-radius: 8px; 
    background-color: rgba(0, 0, 0, 0.5); /* Color semi-transparente del pulgar */
    border: 3px solid transparent; 
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-f3cb4cb *//* 1. OCULTAR PESTAÑA 1 (LA "CERRADA") */
.e-n-tab-title[data-tab-index="1"], 
#cerrada {
    display: none !important;
}

/* 2. DISEÑO DE LAS PESTAÑAS (Cine, Teatro, etc.) */
#mi-pestana-corporativa {
    background-color: rgba(230, 43, 138, 0.2) !important;
    border: none !important;
    border-radius: 0 !important;
    margin-right: 2px !important;
    transition: all 0.3s ease !important;
}

#mi-pestana-corporativa .e-n-tab-title-text {
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

/* 3. PESTAÑA ACTIVA */
#mi-pestana-corporativa[aria-selected="true"] {
    background-color: #65172BC9 !important;
}

#mi-pestana-corporativa[aria-selected="true"] .e-n-tab-title-text {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* 4. ELIMINAR LÍNEA Y CONTENEDOR GRIS AL CARGAR */
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-content {
    background-color: transparent !important;
    border: none !important;
    min-height: 0 !important; /* IMPORTANTE: Quita el espacio mínimo */
    height: auto !important;
}

/* 5. SOLO MOSTRAR EL FONDO CUANDO HAYA ALGO ABIERTO */
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-content:has(> .e-active) {
    background-color: rgba(255, 255, 255, 0.05) !important;
    margin-top: 10px;
    padding: 20px !important; /* El relleno solo aparece al abrirse */
}

/* 6. ELIMINAR CUALQUIER RASTRO DE LA PESTAÑA 1 EN EL CONTENIDO */
/* Esto asegura que el contenido de la pestaña 1 no ocupe ni 1px de alto */
.e-n-tab-content[data-tab-index="1"] {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 7. AJUSTE DE CABECERA */
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-heading {
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
}
/* FUERZA QUE EL CONTENIDO DE LA PESTAÑA 1 NUNCA SE VEA */
.e-n-tab-content[data-tab-index="1"], 
.e-n-tab-content[aria-labelledby="cerrada"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ANULACIÓN TOTAL DEL CONTENEDOR DE LA PESTAÑA 1 */
div[data-tab-index="1"][aria-labelledby="cerrada"],
div[data-tab-index="1"].e-n-tab-content {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important; /* Lo saca del flujo para que no empuje nada */
}

/* Solo mostramos el fondo del contenedor general cuando la activa NO sea la 1 */
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-content:has(> .e-active:not([data-tab-index="1"])) {
    background-color: rgba(255, 255, 255, 0.05) !important;
    margin-top: 10px;
    padding: 20px !important;
}

/* Si la activa es la 1 o no hay ninguna, el contenedor general es invisible */
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-content:has(> .e-active[data-tab-index="1"]),
.elementor-344 .elementor-element.elementor-element-f3cb4cb .e-n-tabs-content {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88afc6a */@media (max-width: 767px) {
    .elementor-344 .elementor-element.elementor-element-88afc6a {
        margin-top: 100px !important; /* Ajusta este valor según el alto de tu cabecera */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2d085 */.elementor-344 .elementor-element.elementor-element-bd2d085 {
    background-size: cover !important;
    background-position: center center !important;
    min-height: 100vh; /* Ajusta esta altura a la que quieras para tus actores */
}/* End custom CSS */