body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Open Sans";
   font-weight: 400;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_headerGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #2F5FA8;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
}
#headerGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#headerGrid > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#headerGrid > .col-1
{
   flex: 0 0 auto;
}
#headerGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#headerGrid > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid8
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #2F5FA8;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
}
#LayoutGrid8
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid8 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid8 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid8 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid3 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#CardContainer1
{
   position: relative;
   padding: 10px 10px 10px 10px;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#CardContainer1 .owl-dots, #CardContainer1 .owl-nav
{
   text-align: center;
}
#CardContainer1 .owl-nav [class*=owl-]
{
   opacity: 0.7;
   color: #0275D8;
   font-size: 48px;
   line-height: 48px;
   display: inline-block;
   cursor: pointer;
   pointer-events: all;
}
#CardContainer1 .owl-nav [class*=owl-]:hover
{
   opacity: 1;
   color: #0275D8;
   text-decoration: none;
}
#CardContainer1 .owl-nav .disabled
{
   opacity: .5;
   cursor: default;
}
#CardContainer1 .owl-nav.disabled+.owl-dots
{
   margin-top: 10px;
}
#CardContainer1 .owl-nav
{
   position:  absolute;
   top: 0;
   display:  none;
   align-items: center;
   justify-content: space-between;
  pointer-events: none;
   width: calc(100% - 20px);
   height: calc(100% - 32px);
}
#CardContainer1 .owl-nav button.owl-prev, #CardContainer1 .owl-nav button.owl-next
{
   position: relative;
   height: 48px;
   width: 48px;
   border-radius: 50%;
   background-color: rgba(255,255,255, 0.5);
}
#CardContainer1 .owl-nav button.owl-prev span, #CardContainer1 .owl-nav button.owl-next span
{
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   transform: translateY(-8%);
}
#CardContainer1 .owl-dots .owl-dot
{
   display: inline-block;
   zoom: 1;
}
#CardContainer1 .owl-dots .owl-dot span
{
   width: 12px;
   height: 12px;
   margin: 10px 10px;
   background: #D6D6D6;
   display: block;
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   transition: opacity 200ms ease;
   border-radius: 50%;
}
#CardContainer1 .owl-dots .owl-dot.active span, #CardContainer1 .owl-dots .owl-dot:hover span
{
   background: #0275D8;
}
#wb_featuresGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 50px 0 20px 0 ;
}
#featuresGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#featuresGrid > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#featuresGrid > .col-1
{
   flex: 0 0 auto;
}
#featuresGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#featuresGrid > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 50px 0 20px 0 ;
}
#LayoutGrid7
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid7 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid7 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid7 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid7 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_programas
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#programas
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
}
#programas > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#programas > .col-1
{
   flex: 0 0 auto;
}
#programas > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#programas > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_beachesGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F6F1D7;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#beachesGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#beachesGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#beachesGrid1 > .col-1
{
   flex: 0 0 auto;
}
#beachesGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#beachesGrid1 > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
@media (max-width: 768px)
{
#beachesGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 50px 0 20px 0 ;
}
#LayoutGrid5
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid5 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid5 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid5 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_footerGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F0F8FF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footerGrid
{
   box-sizing: border-box;
   padding: 3px 15px 3px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footerGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footerGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footerGrid > .row > .col-1
{
   float: left;
}
#footerGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#footerGrid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 16px 16px 16px 16px;
}
#footerGrid:before,
#footerGrid:after,
#footerGrid .row:before,
#footerGrid .row:after
{
   display: table;
   content: " ";
}
#footerGrid:after,
#footerGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#footerGrid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_headerHeading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 6px 0 6px 0 ;
   padding: 0;
   text-align: center;
}
#headerHeading
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   letter-spacing: 10px;   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card3-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_Card4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card4-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_Card5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_Card6
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card6-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card6-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_footer8LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000080;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 6px;
   box-sizing: border-box;
   margin: 0;
}
#footer8LayoutGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 100px 0 100px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footer8LayoutGrid > .col-1, #footer8LayoutGrid > .col-2, #footer8LayoutGrid > .col-3, #footer8LayoutGrid > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer8LayoutGrid > .col-1, #footer8LayoutGrid > .col-2, #footer8LayoutGrid > .col-3, #footer8LayoutGrid > .col-4
{
   flex: 0 0 auto;
}
#footer8LayoutGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#footer8LayoutGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#footer8LayoutGrid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#footer8LayoutGrid > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 25%;
   max-width: 25%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 768px)
{
#footer8LayoutGrid > .col-1, #footer8LayoutGrid > .col-2, #footer8LayoutGrid > .col-3, #footer8LayoutGrid > .col-4
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_footer8Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 40px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   text-align: left;
}
#footer8Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#footer8Card2-card-item0
{
   box-sizing: border-box;
   margin: 0 0 6px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
}
#footer8Card2-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 16px 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item4 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item5
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item5 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item6
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item6 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card2-card-item7
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card2-card-item7 a
{
   color: inherit;
   text-decoration: none;
}
#wb_footer8Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 40px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   text-align: left;
}
#footer8Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#footer8Card3-card-item0
{
   box-sizing: border-box;
   margin: 0 0 6px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
}
#footer8Card3-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 16px 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card3-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card3-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card3-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card3-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card3-card-item3 a
{
   color: inherit;
   text-decoration: none;
}
#footer8Card3-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 0 0 16px 0;
   background-color: transparent;
   background-image: none;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#footer8Card3-card-item4 a
{
   color: inherit;
   text-decoration: none;
}
#wb_footer8Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 40px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   text-align: left;
}
#footer8Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#footer8Card1-card-item0
{
   box-sizing: border-box;
   margin: 0 0 6px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
}
#footer8Card1-card-item1
{
   box-sizing: border-box;
   margin: 20px 0 0 0 ;
   padding: 0;
   color: #BBBBBB;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
}
#wb_footer8Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 15px 0 ;
   padding: 0;
   text-align: left;
}
#footer8Heading
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 197px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid6 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid6 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid6 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid6 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: bold;
   font-size: 16px;
   line-height: 23px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card7
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card7-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card7-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card9-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #DEE2E6;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-color: #F8F8F8;
   background-image: none;
   color: #212529;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
}
#Card9-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px transparent solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card9-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 6px;
   max-width: 750px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 400px;
}
#Card9-card-item3
{
   display: inline-block;
   line-height: 1.0;
   height: 35px;
   box-sizing: border-box;
   margin: 25px 20px 20px 20px;
   border: 1px solid #0D6EFD;
   border-radius: 4px;
   background-color: #0D6EFD;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card9-card-item3 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#wb_ResponsiveMenu2
{
   display: block;
   font-family: Play;
   font-weight: normal;
   text-align: center;
   width: 100%;
   margin: 0;
   z-index: 1111 !important;
}
#ResponsiveMenu2
{
   display: inline-block;
   height: 66px;
}
#wb_ResponsiveMenu2 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu2 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu2 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu2 ul li i
{
   font-size: 19px;
   width: 19px;
   margin-bottom: 2px;
}
#wb_ResponsiveMenu2 ul li a
{
   background-color: rgba(246,246,246,0.00);
   color: #FFFFFF;
   font-family: Play;
   font-weight: normal;
   font-size: 12px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 30px 15px 30px;
   text-align: center;
}
#wb_ResponsiveMenu2 > ul > li > a 
{
   margin-right: 1px;
   height: 36px;
}
.ResponsiveMenu2 a 
{
   display: block;
}
#wb_ResponsiveMenu2 li:hover > a, #wb_ResponsiveMenu2 li .active
{
   background-color: rgba(237,237,237,0.00);
   color: #F5FFFA;
}
#wb_ResponsiveMenu2 ul ul
{
   display: none;
   position: absolute;
   top: 66px;
}
#wb_ResponsiveMenu2 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu2 ul ul li 
{
   float: none;
   position: relative;
   width: 128px;
}
#wb_ResponsiveMenu2 ul ul li a
{
   background-color: #F6F6F6;
   border: 0px solid #C5C5C5;
   color: #454545;
}
#wb_ResponsiveMenu2 ul ul li:hover > a, #wb_ResponsiveMenu2 ul ul li .active
{
   background-color: #EDEDED;
   color: #2B2B2B;
}
#wb_ResponsiveMenu2 ul ul li i 
{
   margin-right: 6px;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul li a 
{
   padding-top: 15px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu2 ul ul ul li 
{
   left: 128px;
   position: relative;
   top: -66px;
}
#wb_ResponsiveMenu2 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 3px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu2 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 3px;
   vertical-align: middle;
   border-left: 4px solid #454545;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu2 li:hover > a .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{ 
   border-top-color: #F5FFFA;
}
#wb_ResponsiveMenu2 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu2 ul ul li .active .arrow-left
{ 
   border-left-color: #2B2B2B;
}
#wb_ResponsiveMenu2 .toggle,[id^=ResponsiveMenu2-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_ResponsiveMenu2
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a, #wb_ResponsiveMenu2 .toggle
{
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 20px 15px 20px;
}
#wb_ResponsiveMenu2 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu2 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu2 
{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu2 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu2 .toggle 
{
   display: block;
   background-color: rgba(246,246,246,0.00);
   color: #FFFFFF;
   padding: 0 20px 0 20px;
   line-height: 49px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_ResponsiveMenu2 .toggle:hover
{
   background-color: rgba(237,237,237,0.00);
   color: #F5FFFA;
}
[id^=ResponsiveMenu2-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu2-title
{
   height: 66px !important;
   line-height: 66px !important;
   text-align: center;
}
#wb_ResponsiveMenu2 ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu2 ul ul .toggle,
#wb_ResponsiveMenu2 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu2 a:hover,
#wb_ResponsiveMenu2 ul ul ul a 
{
   background-color: #F6F6F6;
   color: #454545;
}
#wb_ResponsiveMenu2 ul li ul li .toggle,
#wb_ResponsiveMenu2 ul ul a 
{
   background-color: #F6F6F6;
   color: #454545;
}
#wb_ResponsiveMenu2 ul ul ul a 
{
   padding: 15px 20px 15px 60px;
}
#wb_ResponsiveMenu2 ul li a 
{
   text-align: left;
}
#wb_ResponsiveMenu2 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu2 ul li i 
{
   margin-right: 6px;
}
#wb_ResponsiveMenu2 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu2 ul ul li:hover > ul,
#wb_ResponsiveMenu2 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu2 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu2 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu2-icon 
{
   display: block;
   position: absolute;
   left: 30px;
   top: 21px;
   user-select: none;
}
#ResponsiveMenu2-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover
{
   background-color: #EDEDED;
   color: #2B2B2B;
}
#wb_ResponsiveMenu2 .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu2 .toggle:hover .arrow-down, #wb_ResponsiveMenu2 li .active .arrow-down
{
   border-top-color: #F5FFFA;
}
#wb_ResponsiveMenu2 ul li ul li .toggle .arrow-down 
{
   border-top-color: #454545;
}
#wb_ResponsiveMenu2 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu2 ul li ul li .active .arrow-down
{
   border-top-color: #2B2B2B;
}
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card2-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   width: 100%;
   height: auto;
}
.navigationMenu .nav
{
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #0000CD;
   text-align: left;
   text-transform: none;
}
#navigationMenu, .navigationMenu .nav, .navigationMenu *
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   line-height: 1;
   list-style: none;
}
.navigationMenu .nav:before,
.navigationMenu .nav:after 
{
   content: " ";
   display: table;
}
.navigationMenu .nav:after 
{
   clear: both;
}
.navigationMenu .nav a 
{
   text-decoration: none;
}
.navigationMenu .nav ul
{
   margin-top: 0;
   margin-bottom: 0;
}
.navigationMenu .nav ul ul
{
   margin-bottom: 0;
}
.navigationMenu .container 
{
   margin-right: auto;
   margin-left: auto;
   padding: 0;
}
.navigationMenu .container:before,
.navigationMenu .container:after 
{
   content: " ";
   display: table;
}
.navigationMenu .container:after 
{
   clear: both;
}
.navigationMenu .collapse 
{
   display: none;
}
.navigationMenu .collapse.show 
{
   display: block;
}
.navigationMenu .collapsing 
{
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height .35s ease;
}
.navigationMenu .arrow, .navigationMenu .arrow-right
{
   display: inline-block;
   margin-left: 4px;
   width: 0;
   height: 0;
   vertical-align: middle;
   border-top: 4px solid #000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
   }
.navigationMenu .dropdown 
{
   position: relative;
}
.navigationMenu .dropdown-toggle:focus 
{
   outline: 0;
}
.navigationMenu .dropdown-menu 
{
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 13px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid rgba(47,95,168,1.00);
   border-radius: 4px;
   background-clip: padding-box;
}
.navigationMenu .dropdown-menu .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #2F5FA8;
}
.navigationMenu .dropdown-menu > li > a
{
   display: block;
   padding: 3px 20px 3px 20px;
   clear: both;
   line-height: 1.428571429;
   color: #0000CD;
   text-transform: none;
   white-space: nowrap;
}
.navigationMenu .dropdown-menu > li > a:hover,
.navigationMenu .dropdown-menu > li > a:focus 
{
   text-decoration: none;
   color: #2B2B2B;
   background-color: #EDEDED;
   background-image: none;
}
.navigationMenu .dropdown-menu > li > a.active,
.navigationMenu .dropdown-menu > li > a.active:hover,
.navigationMenu .dropdown-menu > li > a.active:focus
{
   color: #2B2B2B;
   background-color: #EDEDED;
   background-image: none;
   text-decoration: none;
   outline: 0;
}
.navigationMenu .show > .dropdown-menu
{
   display: block;
}
.navigationMenu .show > a
{
   outline: 0;
}
.navigationMenu .dropdown-header
{
   display: block;
   padding: 3px 20px;
   line-height: 1.428571429;
   color: #aeaeae;
}
.navigationMenu .dropdown-backdrop
{
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}
.navigationMenu .nav > li 
{
   position: relative;
   display: block;
}
.navigationMenu .nav > li > a
{
   position: relative;
   display: block;
   padding: 10px 15px 10px 15px;
}
.navigationMenu .nav .show > a,
.navigationMenu .nav .show > a:hover,
.navigationMenu .nav .show > a:focus
{
    border-color: #343A40;
}
.navigationMenu .nav .nav-divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #2F5FA8;
}
.navigationMenu .nav .arrow
{
   border-top-color: #343A40;
   border-bottom-color: #343A40;
}
.navigationMenu
{
   position: relative;
}
.navigationMenu:before,
.navigationMenu:after
{
   content: " ";
   display: table;
}
.navigationMenu:after
{
   clear: both;
}
.navigationMenu .navbar-header:before,
.navigationMenu .navbar-header:after
{
   content: " ";
   display: table;
}
.navigationMenu .navbar-header:after
{
   clear: both;
}
.navigationMenu-navbar-collapse 
{
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
}
.navigationMenu-navbar-collapse:before,
.navigationMenu-navbar-collapse:after
{
   content: " ";
   display: table;
}
.navigationMenu-navbar-collapse:after
{
   clear: both;
}
.navigationMenu-navbar-collapse.show
{
   overflow-y: auto;
}
.navigationMenu .navbar-toggle 
{
   position: relative;
   float: right;
   width: 52px;
   height: 42px;
   padding: 10px 15px 10px 15px;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 4px;
}
.navigationMenu .navbar-toggle .line
{
   background-color: #FFFFFF;
}
.navigationMenu .navbar-toggle .line
{
   display: block;
   width: 22px;
   height: 4px;
   border-radius: 0px;
   transition: all 500ms linear;
}
.navigationMenu .navbar-toggle .line
{
   margin: 4px auto;
}
.navigationMenu .navbar-toggle  .line:first-child
{
   margin-top: 0px !important;
}
.navigationMenu .navbar-toggle  .line:last-child
{
   margin-bottom: 0px !important;
}
.navigationMenu .navbar-nav
{
   margin: 6px -15px;
}
.navigationMenu .navbar-nav > li > .dropdown-menu
{
   margin-top: 0;
}
.navigationMenu .navbar-nav > li > a
{
   color: #0000CD;
}
.navigationMenu .navbar-nav > li > a:hover,
.navigationMenu .navbar-nav > li > a:focus
{
   background-color: #EDEDED;
   background-image: none;
   color: #2B2B2B;
   text-decoration: none;
}
.navigationMenu .navbar-nav > li > a.active,
.navigationMenu .navbar-nav > li > a.active:hover,
.navigationMenu .navbar-nav > li > a.active:focus
{
   color: #2B2B2B;
   background-color: #EDEDED;
   background-image: none;
}
.navigationMenu .navbar-toggle
{
   border: 1px solid transparent;
}
.navigationMenu .navbar-toggle:hover,
.navigationMenu .navbar-toggle:focus
{
   background-color: transparent;
}
.navigationMenu-navbar-collapse
{
   border-color: rgba(47,95,168,1.00);
}
.navigationMenu .navbar-nav > .dropdown > a:hover .arrow,
.navigationMenu .navbar-nav > .dropdown > a:focus .arrow
{
   border-top-color: #2B2B2B;
   border-bottom-color: #2B2B2B;
}
.navigationMenu .navbar-nav > .show > a,
.navigationMenu .navbar-nav > .show > a:hover,
.navigationMenu .navbar-nav > .show > a:focus
{
   background-color: #EDEDED;
   background-image: none;
   color: #2B2B2B;
}
.navigationMenu .navbar-nav > .show > a .arrow,
.navigationMenu .navbar-nav > .show > a:hover .arrow,
.navigationMenu .navbar-nav > .show > a:focus .arrow
{
   border-top-color: #2B2B2B;
   border-bottom-color: #2B2B2B;
}
.navigationMenu .navbar-nav > .dropdown > a .arrow
{
   border-top-color: #0000CD;
   border-bottom-color: #0000CD;
}
.navigationMenu .navbar-link
{
   color: #0000CD;
}
.navigationMenu .navbar-link:hover
{
   color: #2B2B2B;
}
.navigationMenu .navbar-header
{
   color: #FFFFFF;
}
@media (min-width: 480px) 
{
.navigationMenu .navbar-right .dropdown-menu
{
   right: 0;
   left: auto;
}
.navigationMenu .navbar-header
{
   float: left;
}
.navigationMenu-navbar-collapse
{
   width: auto;
   border-top: 0;
   box-shadow: none;
}
.navigationMenu-navbar-collapse.collapse
{
   display: block!important;
   height: auto!important;
   padding-bottom: 0;
   overflow: visible!important;
}
.navigationMenu-navbar-collapse.show
{
   overflow-y: auto;
}
.navigationMenu .navbar-toggle
{
   display: none;
}
.navigationMenu .navbar-nav
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin: 0;
}
.navigationMenu .navbar-nav > li
{
   float: left;
}
.navigationMenu .container > .navbar-header,
.navigationMenu .container > .navigationMenu-navbar-collapse
{
   margin-right: 0;
   margin-left: 0;
}
.navigationMenu .navbar-nav > .dropdown > a:hover .arrow,
.navigationMenu .navbar-nav > .dropdown > a:focus .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
}
@media (max-width: 480px) 
{
.navigationMenu 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,0.00);
}
.navigationMenu .navbar-nav
{
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
}
.navigationMenu .navbar-nav .show .dropdown-menu
{
   position: static !important;
   transform: translate3d(0px, 0px, 0px) !important;
   float: none;
   width: auto;
   margin-top: 0;
   background-color: transparent;
   border: 0;
   box-shadow: none;
}
.navigationMenu .navbar-nav .show .dropdown-menu > li > a,
.navigationMenu .navbar-nav .show .dropdown-menu .dropdown-header
{
   padding: 5px 15px 5px 15px;
}
.navigationMenu .navbar-nav .show .dropdown-menu > li > a
{
   line-height: 20px;
}
}
@media (min-width: 480px) 
{
.navigationMenu 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,0.00);
   border-radius: 4px;
}
.navigationMenu .navbar-nav > li > a
{
   color: #FFFFFF;
}
.navigationMenu .navbar-nav > li > a:hover,
.navigationMenu .navbar-nav > li > a:focus
{
   color: #FFFFFF;
   background-color: #0078D7;
   background-image: none;
}
.navigationMenu .navbar-nav > li > a.active,
.navigationMenu .navbar-nav > li > a.active:hover,
.navigationMenu .navbar-nav > li > a.active:focus
{
   color: #FFFFFF;
   background-color: #0078D7;
   background-image: none;
}
.navigationMenu .navbar-nav > .show > a,
.navigationMenu .navbar-nav > .show > a:hover,
.navigationMenu .navbar-nav > .show > a:focus
{
   background-color: #0078D7;
   background-image: none;
   color: #FFFFFF;
}
.navigationMenu .navbar-nav > .dropdown > a:hover .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.navigationMenu .navbar-nav > .dropdown > a .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.navigationMenu .navbar-nav > li > a.active > .arrow,
.navigationMenu .navbar-nav > li > a.active:hover > .arrow,
.navigationMenu .navbar-nav > li > a.active:focus > .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.navigationMenu .navbar-nav > .show > a .arrow,
.navigationMenu .navbar-nav > .show > a:hover .arrow,
.navigationMenu .navbar-nav > .show > a:focus .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.navigationMenu .navbar-link
{
   color: #FFFFFF;
}
.navigationMenu .navbar-link:hover 
{
   color: #fff;
}
}
.navigationMenu .navbar-nav > li:first-child > a
{
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.navigationMenu .dropdown-menu > li:last-child > a
{
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
}
#navigationMenu i
{
   font-size: 16px;
   position: relative;
   left: 0;
   top: 0;
   margin-right: 4px;
   width: 16px;
}
#wb_navigationMenu
{
   z-index: 1111 !important;
}
#wb_Card8
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid #DEE2E6;
   border-radius: 3px;
   text-align: center;
}
#Card8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card8-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #DEE2E6;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-color: #F8F8F8;
   background-image: none;
   color: #212529;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 12px;
}
#Card8-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   border-top: 1px transparent solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card8-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 6px;
   max-width: 750px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 400px;
}
#Card8-card-item3
{
   display: inline-block;
   line-height: 1.0;
   height: 35px;
   box-sizing: border-box;
   margin: 25px 20px 20px 20px;
   border: 1px solid #0D6EFD;
   border-radius: 4px;
   background-color: #0D6EFD;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card8-card-item3 a
{
   color: inherit;
   display: block;
   padding: 10px 16px 10px 16px;
   text-decoration: none;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon1 a
{
   text-decoration: none;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 41px;
   width: 52px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon1 i
{
   color: #0D6EFD;
   display: inline-block;
   font-size: 41px;
   line-height: 41px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #0D6EFD;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon2
{
   height: 41px;
   width: 52px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon2 i
{
   color: #0D6EFD;
   display: inline-block;
   font-size: 41px;
   line-height: 41px;
   vertical-align: middle;
}
#wb_Icon2:hover #Icon2 i
{
   color: #0D6EFD;
}
#wb_contactPlaces
{
   z-index: 7777 !important;
}
:root{
    --primary:#5664d8;
    --primary-dark:#4452aa;
    --text:#485786;
    --text-strong:#4957b3;
    --white:#ffffff;
    --border:rgba(255,255,255,.40);
    --shadow:0 20px 60px rgba(54,73,155,.16);
}

/* Base */
.hero-top,
.hero-top *{
    box-sizing:border-box;
}

.hero-top{
    position:relative;
    min-height:100svh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:42px 20px 34px;
    overflow:hidden;
    text-align:center;
    font-family:'Segoe UI', Arial, sans-serif;
    background:
        url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=1600&q=80')
        center center / cover no-repeat;
    isolation:isolate;
}

/* Overlay premium */
.hero-overlay{
    position:absolute;
    inset:0;
    z-index:0;
    background:
        linear-gradient(180deg, rgba(248,250,255,.80) 0%, rgba(243,246,255,.86) 32%, rgba(241,245,255,.90) 100%),
        linear-gradient(135deg, rgba(255,255,255,.26), rgba(232,238,255,.18));
    backdrop-filter: blur(4px);
}

.hero-noise{
    position:absolute;
    inset:0;
    z-index:0;
    opacity:.06;
    background-image:
        radial-gradient(circle at 20% 20%, #ffffff 0 1px, transparent 1px),
        radial-gradient(circle at 80% 40%, #ffffff 0 1px, transparent 1px),
        radial-gradient(circle at 40% 80%, #ffffff 0 1px, transparent 1px);
    background-size:120px 120px, 160px 160px, 140px 140px;
    pointer-events:none;
}

/* Orbs */
.hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(18px);
    pointer-events:none;
    z-index:0;
    opacity:.28;
    animation:orbFloat 10s ease-in-out infinite;
}

.orb-a{
    width:300px;
    height:300px;
    left:-80px;
    top:-80px;
    background:radial-gradient(circle, rgba(134,164,255,.42), rgba(134,164,255,0));
}

.orb-b{
    width:360px;
    height:360px;
    right:-130px;
    top:10%;
    background:radial-gradient(circle, rgba(109,125,230,.22), rgba(109,125,230,0));
    animation-delay:-3s;
}

.orb-c{
    width:280px;
    height:280px;
    left:9%;
    bottom:-90px;
    background:radial-gradient(circle, rgba(192,214,255,.34), rgba(192,214,255,0));
    animation-delay:-5s;
}

/* Partículas */
.hero-particles{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
}

.hero-particles span{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(92,109,202,.15);
    animation:particleFloat 10s ease-in-out infinite;
}

.hero-particles span:nth-child(1){top:10%;left:12%}
.hero-particles span:nth-child(2){top:18%;left:84%;width:7px;height:7px;animation-delay:-1s}
.hero-particles span:nth-child(3){top:30%;left:8%;width:12px;height:12px;animation-delay:-2s}
.hero-particles span:nth-child(4){top:36%;left:90%;animation-delay:-3s}
.hero-particles span:nth-child(5){top:56%;left:14%;width:8px;height:8px;animation-delay:-4s}
.hero-particles span:nth-child(6){top:62%;left:86%;animation-delay:-5s}
.hero-particles span:nth-child(7){top:74%;left:7%;width:11px;height:11px;animation-delay:-6s}
.hero-particles span:nth-child(8){top:82%;left:80%;width:8px;height:8px;animation-delay:-7s}
.hero-particles span:nth-child(9){top:22%;left:50%;width:9px;height:9px;animation-delay:-2.5s}
.hero-particles span:nth-child(10){top:72%;left:55%;width:7px;height:7px;animation-delay:-5.5s}

.hero-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1120px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    animation:heroReveal 1.15s cubic-bezier(.2,.8,.2,1);
}

/* Badge */
.hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border-radius:999px;
    background:rgba(255,255,255,.30);
    border:1px solid rgba(255,255,255,.48);
    box-shadow:0 10px 28px rgba(76,92,180,.06);
    backdrop-filter:blur(10px);
    color:#7080ff;
    font-size:13px;
    letter-spacing:3px;
    line-height:1.3;
    margin-bottom:24px;
    text-transform:uppercase;
}

/* Título */
.hero-title{
    margin:0;
    color:var(--text-strong);
    font-size:clamp(56px, 8vw, 118px);
    line-height:.92;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    text-wrap:balance;
    text-shadow:0 2px 12px rgba(255,255,255,.14);
}

/* Área del logo */
.hero-logo-wrap{
    position:relative;
    margin:28px 0 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.logo-glow{
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(98,118,232,.18) 0%, rgba(98,118,232,.08) 35%, rgba(98,118,232,0) 72%);
    filter:blur(18px);
    animation:glowPulse 4.8s ease-in-out infinite;
    pointer-events:none;
    z-index:0;
}

.hero-logo-card{
    position:relative;
    z-index:1;
    margin:0 auto;
    padding:20px;
    border-radius:34px;
    background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.18));
    border:1px solid var(--border);
    backdrop-filter:blur(14px);
    box-shadow:var(--shadow);
    overflow:hidden;

    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:430px;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.hero-logo-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.42) 48%, transparent 62%);
    transform:translateX(-130%);
    animation:shineSweep 5.4s ease-in-out infinite;
    pointer-events:none;
}

.hero-logo-card:hover{
    transform:translateY(-4px) scale(1.01);
    box-shadow:0 26px 72px rgba(54,73,155,.20);
    border-color:rgba(255,255,255,.62);
}

.hero-logo{
    position:relative;
    z-index:1;
    display:flex;
    margin:0 auto;
    width:100%;
    max-width:280px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 18px 30px rgba(64,80,150,.12));
    animation:logoFloat 4.8s ease-in-out infinite;
    transition:transform .35s ease, filter .35s ease;
}

.hero-logo-card:hover .hero-logo{
    transform:scale(1.03);
    filter:drop-shadow(0 24px 34px rgba(64,80,150,.16));
}

/* Mensaje */
.hero-message-wrap{
    width:100%;
    max-width:940px;
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
}

.hero-message{
    margin:0;
    color:var(--text);
    font-size:clamp(24px, 3vw, 40px);
    line-height:1.28;
    font-weight:400;
    max-width:900px;
    transition:opacity .45s ease, transform .45s ease;
    text-wrap:balance;
}

/* Botones */
.hero-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    padding:16px 28px;
    border-radius:18px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease;
}

.hero-btn.primary{
    color:#fff;
    background:linear-gradient(135deg, var(--primary-dark), #6476e8);
    box-shadow:0 16px 34px rgba(73,88,170,.24);
}

.hero-btn.secondary{
    color:var(--primary-dark);
    background:rgba(255,255,255,.36);
    border:1px solid rgba(255,255,255,.52);
    backdrop-filter:blur(8px);
    box-shadow:0 12px 28px rgba(73,88,170,.08);
}

.hero-btn:hover{
    transform:translateY(-4px);
}

.hero-btn.primary:hover{
    box-shadow:0 20px 38px rgba(73,88,170,.28);
}

.hero-btn.secondary:hover{
    background:rgba(255,255,255,.48);
}

/* Scroll */
.hero-scroll{
    margin-top:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    opacity:.9;
}

.mouse{
    width:30px;
    height:48px;
    border:2px solid rgba(70,82,155,.40);
    border-radius:20px;
    position:relative;
    display:inline-block;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(6px);
}

.mouse::after{
    content:"";
    position:absolute;
    width:6px;
    height:10px;
    border-radius:999px;
    background:#5b6adb;
    left:50%;
    top:8px;
    transform:translateX(-50%);
    animation:scrollDot 1.6s ease-in-out infinite;
}

.scroll-label{
    color:#6877b1;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;
}

/* Animaciones */
@keyframes logoFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-10px)}
}

@keyframes glowPulse{
    0%,100%{transform:scale(1);opacity:.9}
    50%{transform:scale(1.08);opacity:.55}
}

@keyframes orbFloat{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-14px) scale(1.04)}
}

@keyframes particleFloat{
    0%,100%{transform:translateY(0);opacity:.18}
    50%{transform:translateY(-16px);opacity:.38}
}

@keyframes heroReveal{
    0%{
        opacity:0;
        transform:translateY(24px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes shineSweep{
    0%{transform:translateX(-130%)}
    55%,100%{transform:translateX(130%)}
}

@keyframes scrollDot{
    0%{opacity:0; top:8px}
    30%{opacity:1}
    100%{opacity:0; top:24px}
}

/* Responsive */
@media (max-width: 991px){
    .hero-top{
        padding:40px 18px 30px;
    }

    .hero-badge{
        letter-spacing:2.3px;
        font-size:12px;
        padding:12px 18px;
        margin-bottom:22px;
    }

    .hero-title{
        font-size:clamp(46px, 10vw, 82px);
    }

    .logo-glow{
        width:300px;
        height:300px;
    }

    .hero-logo-card{
        max-width:390px;
    }

    .hero-logo{
        max-width:255px;
    }

    .hero-message-wrap{
        min-height:84px;
    }

    .hero-message{
        font-size:clamp(22px, 4vw, 32px);
    }
}

@media (max-width: 768px){
    .hero-top{
        min-height:auto;
        padding:42px 16px 34px;
    }

    .hero-badge{
        font-size:11px;
        letter-spacing:2px;
        line-height:1.45;
        padding:11px 16px;
        max-width:94%;
    }

    .hero-title{
        font-size:clamp(40px, 12vw, 58px);
        line-height:.96;
    }

    .hero-logo-wrap{
        margin:22px 0 18px;
    }

    .logo-glow{
        width:250px;
        height:250px;
    }

    .hero-logo-card{
        padding:16px;
        border-radius:26px;
        max-width:320px;
    }

    .hero-logo{
        max-width:220px;
    }

    .hero-message-wrap{
        min-height:88px;
        max-width:96%;
    }

    .hero-message{
        font-size:clamp(19px, 5vw, 24px);
        line-height:1.35;
    }

    .hero-actions{
        width:100%;
        gap:12px;
        margin-top:24px;
    }

    .hero-btn{
        width:100%;
        max-width:280px;
        min-width:0;
    }

    .hero-scroll{
        margin-top:22px;
    }

    .mouse{
        width:28px;
        height:44px;
    }
}

@media (max-width: 480px){
    .hero-top{
        padding:36px 14px 28px;
    }

    .hero-badge{
        font-size:10.5px;
        letter-spacing:1.6px;
        padding:10px 14px;
        border-radius:20px;
    }

    .hero-title{
        font-size:clamp(34px, 11.4vw, 48px);
    }

    .logo-glow{
        width:220px;
        height:220px;
    }

    .hero-logo-card{
        max-width:280px;
        padding:14px;
    }

    .hero-logo{
        max-width:190px;
    }

    .hero-message-wrap{
        min-height:94px;
    }

    .hero-message{
        font-size:18px;
    }

    .scroll-label{
        font-size:11px;
        letter-spacing:1.6px;
    }
}
    .than-about-section{
      --than-bg: #f6f7fb;
      --than-card: rgba(255,255,255,0.92);
      --than-border: rgba(20, 39, 77, 0.08);
      --than-title: #14274d;
      --than-text: #5f6b85;
      --than-accent: #d6b062;
      --than-shadow: 0 18px 40px rgba(16, 35, 74, 0.08);
      --than-radius-xl: 28px;
      --than-radius-lg: 22px;
      --than-radius-md: 18px;
      --than-max: 1240px;

      position: relative;
      width: 100%;
      padding: 70px 20px;
      background:
        radial-gradient(circle at top center, rgba(214,176,98,0.08), transparent 28%),
        linear-gradient(180deg, #fbfcff 0%, var(--than-bg) 100%);
      font-family: "Inter", "Segoe UI", Arial, sans-serif;
      box-sizing: border-box;
      overflow: hidden;
    }

    .than-about-section *,
    .than-about-section *::before,
    .than-about-section *::after{
      box-sizing: border-box;
    }

    .than-about-wrap{
      max-width: var(--than-max);
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }

    .than-about-badge-top{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 18px;
      border-radius: 999px;
      background: rgba(255,255,255,0.9);
      border: 1px solid rgba(20,39,77,0.08);
      color: #6b7690;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      box-shadow: 0 8px 24px rgba(20,39,77,0.05);
      margin: 0 auto 22px;
    }

    .than-about-header{
      text-align: center;
      max-width: 980px;
      margin: 0 auto 54px;
    }

    .than-about-title{
      margin: 0 0 22px;
      color: var(--than-title);
      font-size: clamp(2rem, 5vw, 4.35rem);
      line-height: 1.06;
      font-weight: 900;
      letter-spacing: -0.04em;
    }

    .than-about-text{
      margin: 0 auto;
      max-width: 870px;
      color: var(--than-text);
      font-size: clamp(1rem, 1.6vw, 1.3rem);
      line-height: 1.9;
      font-weight: 500;
    }

    .than-about-grid{
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 22px;
      align-items: stretch;
    }

    .than-about-card{
      position: relative;
      background: var(--than-card);
      border: 1px solid var(--than-border);
      border-radius: var(--than-radius-xl);
      box-shadow: var(--than-shadow);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .than-about-essence{
      padding: 34px 32px 30px;
      min-height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .than-about-label{
      display: inline-block;
      margin-bottom: 18px;
      color: var(--than-accent);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .than-about-essence h2{
      margin: 0 0 20px;
      color: var(--than-title);
      font-size: clamp(1.8rem, 3vw, 3rem);
      line-height: 1.18;
      font-weight: 900;
      letter-spacing: -0.03em;
      max-width: 620px;
    }

    .than-about-essence p{
      margin: 0 0 24px;
      color: var(--than-text);
      font-size: 1.12rem;
      line-height: 1.85;
      max-width: 650px;
    }

    .than-about-tags{
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 4px;
    }

    .than-about-tag{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 999px;
      background: #eef2f9;
      border: 1px solid rgba(20,39,77,0.06);
      color: var(--than-title);
      font-size: .98rem;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }

    .than-about-tag::before{
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--than-accent);
      box-shadow: 0 0 0 4px rgba(214,176,98,0.12);
      flex: 0 0 10px;
    }

    .than-about-mini-grid{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
    }

    .than-about-mini{
      padding: 28px 26px 24px;
      min-height: 250px;
      border-radius: var(--than-radius-lg);
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .than-about-mini:hover{
      transform: translateY(-6px);
      box-shadow: 0 22px 44px rgba(16,35,74,0.12);
      border-color: rgba(214,176,98,0.22);
    }

    .than-about-icon{
      width: 58px;
      height: 58px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(180deg, #f8f6f2 0%, #f0ede7 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
      font-size: 25px;
      margin-bottom: 18px;
    }

    .than-about-mini h3{
      margin: 0 0 12px;
      color: var(--than-title);
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: 850;
      letter-spacing: -0.03em;
    }

    .than-about-mini p{
      margin: 0;
      color: var(--than-text);
      font-size: 1.08rem;
      line-height: 1.8;
      font-weight: 500;
    }

    .than-about-bg-shape-1,
    .than-about-bg-shape-2{
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(10px);
      opacity: .5;
      z-index: 1;
    }

    .than-about-bg-shape-1{
      width: 260px;
      height: 260px;
      background: rgba(214,176,98,0.08);
      top: -60px;
      left: -80px;
    }

    .than-about-bg-shape-2{
      width: 320px;
      height: 320px;
      background: rgba(20,39,77,0.05);
      bottom: -120px;
      right: -90px;
    }

    @media (max-width: 1080px){
      .than-about-grid{
        grid-template-columns: 1fr;
      }

      .than-about-essence h2{
        max-width: 100%;
      }

      .than-about-essence p{
        max-width: 100%;
      }
    }

    @media (max-width: 768px){
      .than-about-section{
        padding: 56px 16px;
      }

      .than-about-header{
        margin-bottom: 34px;
      }

      .than-about-title{
        font-size: clamp(2rem, 9vw, 3rem);
      }

      .than-about-text{
        font-size: 1rem;
        line-height: 1.8;
      }

      .than-about-essence{
        padding: 26px 22px 24px;
      }

      .than-about-essence h2{
        font-size: clamp(1.65rem, 7vw, 2.35rem);
      }

      .than-about-essence p{
        font-size: 1rem;
      }

      .than-about-mini-grid{
        grid-template-columns: 1fr;
      }

      .than-about-mini{
        min-height: auto;
        padding: 24px 20px 22px;
      }

      .than-about-mini h3{
        font-size: 1.45rem;
      }

      .than-about-mini p{
        font-size: 1rem;
      }

      .than-about-tag{
        width: 100%;
        justify-content: flex-start;
      }
    }

    @media (max-width: 480px){
      .than-about-badge-top{
        font-size: 11px;
        letter-spacing: .07em;
        padding: 9px 14px;
      }

      .than-about-title{
        line-height: 1.1;
      }

      .than-about-grid,
      .than-about-mini-grid{
        gap: 16px;
      }

      .than-about-card{
        border-radius: 22px;
      }
    }
    .thn-programas-wrap{
    --thn-card:#ffffff;
    --thn-text:#1c2f5c;
    --thn-muted:#6d7891;
    --thn-border:#e6eaf2;
    --thn-accent:#1e3a70;
    --thn-accent-2:#d8b45c;
    --thn-shadow:0 14px 35px rgba(22,34,68,.07);
    --thn-radius:22px;
    background:linear-gradient(180deg,#fbfbfd 0%, #f4f6fa 100%);
    padding:90px 20px;
    font-family:"Inter","Segoe UI",Arial,sans-serif;
    position:relative;
    overflow:hidden;
  }

  .thn-programas-wrap *{
    box-sizing:border-box;
  }

  .thn-programas-container{
    max-width:1180px;
    margin:0 auto;
  }

  .thn-programas-head{
    text-align:center;
    max-width:860px;
    margin:0 auto 50px;
  }

  .thn-programas-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    background:#eef2f7;
    color:var(--thn-accent);
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
    box-shadow:inset 0 0 0 1px #e5e9f2;
  }

  .thn-programas-badge::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--thn-accent-2);
    box-shadow:0 0 0 4px rgba(216,180,92,.14);
  }

  .thn-programas-title{
    margin:0 0 18px;
    font-size:clamp(34px,5vw,68px);
    line-height:1.02;
    font-weight:900;
    letter-spacing:-1.8px;
    color:var(--thn-text);
  }

  .thn-programas-text{
    margin:0 auto;
    max-width:760px;
    font-size:clamp(16px,2vw,22px);
    line-height:1.7;
    color:var(--thn-muted);
  }

  .thn-programas-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
  }

  .thn-programa-card{
    background:rgba(255,255,255,.96);
    border:1px solid var(--thn-border);
    border-radius:var(--thn-radius);
    padding:26px 26px 28px;
    box-shadow:var(--thn-shadow);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    min-height:260px;
    display:flex;
    flex-direction:column;
  }

  .thn-programa-card:hover{
    transform:translateY(-7px);
    box-shadow:0 18px 40px rgba(22,34,68,.12);
    border-color:#d9e1ee;
  }

  .thn-programa-icon{
    width:68px;
    height:68px;
    border-radius:20px;
    background:linear-gradient(180deg,#f2f4f8 0%, #eceff5 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:18px;
    box-shadow:inset 0 0 0 1px #edf1f6;
  }

  .thn-programa-card h3{
    margin:0 0 12px;
    font-size:clamp(22px,2vw,28px);
    line-height:1.2;
    font-weight:900;
    color:var(--thn-text);
  }

  .thn-programa-card p{
    margin:0 0 24px;
    font-size:16px;
    line-height:1.8;
    color:var(--thn-muted);
    flex-grow:1;
  }

  .thn-programa-link{
    appearance:none;
    border:none;
    background:none;
    padding:0;
    margin-top:auto;
    text-decoration:none;
    color:var(--thn-accent);
    font-weight:900;
    font-size:16px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    text-align:left;
    transition:opacity .25s ease, transform .25s ease;
  }

  .thn-programa-link span{
    transition:transform .25s ease;
  }

  .thn-programa-link:hover{
    opacity:.85;
  }

  .thn-programa-link:hover span{
    transform:translateX(5px);
  }

  .thn-modal{
    position:fixed;
    inset:0;
    background:rgba(12,18,33,.72);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease, visibility .28s ease;
    z-index:99999;
  }

  .thn-modal.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .thn-modal-dialog{
    width:min(980px, 100%);
    background:#fff;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.25);
    position:relative;
    display:grid;
    grid-template-columns:1.05fr 1fr;
    transform:translateY(24px) scale(.98);
    transition:transform .28s ease;
  }

  .thn-modal.active .thn-modal-dialog{
    transform:translateY(0) scale(1);
  }

  .thn-modal-image-wrap{
    min-height:460px;
    background:#eef2f7;
  }

  .thn-modal-image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:flex;
  }

  .thn-modal-body{
    padding:42px 34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .thn-modal-mini-badge{
    display:inline-flex;
    width:max-content;
    padding:8px 14px;
    border-radius:999px;
    background:#eef2f7;
    color:var(--thn-accent);
    font-size:13px;
    font-weight:800;
    margin-bottom:18px;
  }

  .thn-modal-body h3{
    margin:0 0 16px;
    font-size:clamp(28px,3vw,40px);
    line-height:1.08;
    font-weight:900;
    color:var(--thn-text);
  }

  .thn-modal-body p{
    margin:0;
    font-size:17px;
    line-height:1.85;
    color:var(--thn-muted);
  }

  .thn-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:46px;
    height:46px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:#162244;
    font-size:30px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    z-index:3;
    transition:transform .2s ease, background .2s ease;
  }

  .thn-modal-close:hover{
    transform:scale(1.05);
    background:#fff;
  }

  body.thn-modal-open{
    overflow:hidden;
  }

  @media (max-width: 991px){
    .thn-programas-wrap{
      padding:70px 18px;
    }

    .thn-programas-grid{
      grid-template-columns:repeat(2, 1fr);
    }

    .thn-modal-dialog{
      grid-template-columns:1fr;
      max-height:90vh;
      overflow:auto;
    }

    .thn-modal-image-wrap{
      min-height:300px;
    }
  }

  @media (max-width: 640px){
    .thn-programas-grid{
      grid-template-columns:1fr;
    }

    .thn-programa-card{
      padding:22px;
      border-radius:20px;
    }

    .thn-programas-title{
      letter-spacing:-1.2px;
    }

    .thn-modal{
      padding:14px;
    }

    .thn-modal-dialog{
      border-radius:22px;
    }

    .thn-modal-body{
      padding:26px 22px 28px;
    }

    .thn-modal-body p{
      font-size:15.5px;
      line-height:1.75;
    }

    .thn-modal-close{
      width:40px;
      height:40px;
      font-size:24px;
    }

    .thn-modal-image-wrap{
      min-height:240px;
    }
  }
    .programas-section {
      font-family: 'Poppins', Arial, sans-serif;
      padding: 80px 20px;
      background: #f7f9fd;
      color: #172657;
      position: relative;
      z-index: 1;
    }

    .programas-container {
      max-width: 1200px;
      margin: auto;
      text-align: center;
    }

    .programas-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: fit-content;
      margin: 0 auto 25px;
      background: #eef2f8;
      color: #172657;
      padding: 10px 22px;
      border-radius: 30px;
      font-weight: 700;
      font-size: 14px;
    }

    .programas-badge span {
      width: 10px;
      height: 10px;
      background: #d2ad47;
      border-radius: 50%;
      display: inline-block;
    }

    .programas-title {
      font-size: clamp(34px, 5vw, 58px);
      line-height: 1.05;
      margin: 0;
      font-weight: 900;
      color: #172657;
    }

    .programas-subtitle {
      max-width: 780px;
      margin: 25px auto 40px;
      font-size: 20px;
      line-height: 1.8;
      color: #66708c;
    }

    .programas-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      margin-top: 35px;
    }

    .programa-card {
      background: #fff;
      border-radius: 24px;
      padding: 34px 26px 28px;
      box-shadow: 0 18px 45px rgba(20, 35, 80, 0.10);
      border: 1px solid rgba(23, 38, 87, 0.08);
      transition: 0.3s ease;
    }

    .programa-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 24px 55px rgba(20, 35, 80, 0.16);
    }

    .programa-icono {
      width: 68px;
      height: 68px;
      margin: 0 auto 16px;
      border-radius: 22px;
      background: linear-gradient(135deg, #eef3fb, #ffffff);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 34px;
      box-shadow: 0 14px 30px rgba(20, 35, 80, 0.10);
      border: 1px solid rgba(23, 38, 87, 0.08);
    }

    .programa-tag {
      display: inline-block;
      background: #eef3fb;
      color: #172657;
      padding: 8px 18px;
      border-radius: 20px;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 18px;
    }

    .programa-card h3 {
      font-size: 25px;
      line-height: 1.15;
      margin: 0 0 18px;
      font-weight: 900;
      color: #14265c;
    }

    .programa-card p {
      font-size: 16px;
      line-height: 1.75;
      color: #66708c;
      margin-bottom: 28px;
    }

    .btn-conocer {
      width: 100%;
      border: 1px solid #dce3f0;
      background: #f4f7fd;
      color: #14265c;
      padding: 15px 20px;
      border-radius: 14px;
      font-weight: 900;
      font-size: 15px;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .btn-conocer:hover {
      background: #172657;
      color: #fff;
    }

    .modal-programa {
      position: fixed !important;
      inset: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      background: rgba(9, 15, 40, 0.86) !important;
      backdrop-filter: blur(10px);
      display: none;
      justify-content: center;
      align-items: center;
      padding: 40px 22px;
      z-index: 2147483647 !important;
      isolation: isolate;
    }

    .modal-programa.active {
      display: flex !important;
    }

    .modal-content {
      width: min(980px, 100%);
      max-height: 88vh;
      background: #fff;
      border-radius: 30px;
      overflow: hidden;
      position: relative !important;
      z-index: 2147483647 !important;
      box-shadow: 0 35px 100px rgba(0, 0, 0, 0.45);
      display: grid;
      grid-template-columns: 43% 57%;
      animation: modalEntrada 0.35s ease;
    }

    @keyframes modalEntrada {
      from {
        opacity: 0;
        transform: translateY(25px) scale(0.96);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    .modal-img-wrap {
      min-height: 520px;
      background: #eaf0f9;
      overflow: hidden;
    }

    .modal-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(1.08) contrast(1.03);
    }

    .modal-body {
      padding: 46px 46px 42px;
      text-align: left;
      overflow-y: auto;
      max-height: 88vh;
    }

    .modal-tag {
      display: inline-block;
      background: #eef3fb;
      color: #172657;
      padding: 9px 20px;
      border-radius: 22px;
      font-size: 14px;
      font-weight: 900;
      margin-bottom: 20px;
    }

    .modal-body h2 {
      font-size: clamp(34px, 4vw, 50px);
      line-height: 1.05;
      margin: 0 0 22px;
      color: #14265c;
      font-weight: 950;
      letter-spacing: -1.2px;
    }

    .modal-body p {
      color: #5f6a87;
      font-size: 18px;
      line-height: 1.75;
      margin: 0 0 18px;
    }

    .modal-list {
      margin: 26px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .modal-list li {
      background: #f5f8fd;
      border: 1px solid #e3e9f4;
      color: #53607d;
      font-size: 16px;
      line-height: 1.55;
      padding: 14px 16px 14px 46px;
      border-radius: 16px;
      position: relative;
      font-weight: 600;
    }

    .modal-list li::before {
      content: "✓";
      position: absolute;
      left: 16px;
      top: 12px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #5dbb63;
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 13px;
      font-weight: 900;
    }

    .modal-close {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: none;
      background: rgba(255, 255, 255, 0.96);
      color: #172657;
      font-size: 32px;
      font-weight: 900;
      cursor: pointer;
      z-index: 30;
      box-shadow: 0 12px 30px rgba(0,0,0,.25);
      transition: 0.25s ease;
    }

    .modal-close:hover {
      background: #172657;
      color: #fff;
      transform: rotate(90deg);
    }

    @media (max-width: 920px) {
      .programas-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .modal-content {
        grid-template-columns: 1fr;
        max-height: 86vh;
        overflow-y: auto;
      }

      .modal-img-wrap {
        min-height: 280px;
        height: 280px;
      }

      .modal-body {
        padding: 34px 28px;
        overflow: visible;
        max-height: none;
      }
    }

    @media (max-width: 650px) {
      .programas-section {
        padding: 60px 16px;
      }

      .programas-grid {
        grid-template-columns: 1fr;
      }

      .programas-subtitle {
        font-size: 17px;
      }

      .modal-programa {
        padding: 80px 14px 20px;
        align-items: flex-start;
        overflow-y: auto;
      }

      .modal-content {
        border-radius: 24px;
        max-height: none;
      }

      .modal-img-wrap {
        height: 230px;
        min-height: 230px;
      }

      .modal-body h2 {
        font-size: 30px;
      }

      .modal-body p {
        font-size: 16px;
      }

      .modal-close {
        width: 46px;
        height: 46px;
        font-size: 28px;
      }
    }
    * {
    box-sizing: border-box;
  }

  .thn-donaciones {
    position: relative;
    overflow: hidden;
    padding: 90px 20px;
    background:
      radial-gradient(circle at 15% 20%, rgba(113, 132, 219, 0.10), transparent 28%),
      radial-gradient(circle at 85% 85%, rgba(90, 110, 200, 0.08), transparent 30%),
      linear-gradient(180deg, #f9fbff 0%, #eef2f9 100%);
  }

  .thn-donaciones__shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(14px);
    pointer-events: none;
  }

  .thn-donaciones__shape--1 {
    width: 280px;
    height: 280px;
    top: -90px;
    left: -90px;
    background: rgba(118, 132, 214, 0.10);
  }

  .thn-donaciones__shape--2 {
    width: 340px;
    height: 340px;
    right: -120px;
    bottom: -120px;
    background: rgba(88, 104, 183, 0.10);
  }

  .thn-donaciones__container {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin: 0 auto;
    padding: 62px 34px 38px;
    border-radius: 32px;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(95, 110, 170, 0.10);
    box-shadow: 0 24px 70px rgba(24, 38, 85, 0.08);
    backdrop-filter: blur(8px);
  }

  .thn-donaciones__header {
    max-width: 900px;
    margin: 0 auto 52px;
    text-align: center;
  }

  .thn-donaciones__badge {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #7382c8;
    text-transform: uppercase;
  }

  .thn-donaciones__title {
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 60px);
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -1px;
    color: #20346d;
  }

  .thn-donaciones__description {
    max-width: 760px;
    margin: 0 auto;
    font-size: clamp(16px, 1.7vw, 21px);
    line-height: 1.75;
    color: #667085;
  }

  .thn-donaciones__actions {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .thn-btn {
    appearance: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 220px;
    padding: 16px 28px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .2px;
    transition: all .28s ease;
  }

  .thn-btn--primary {
    color: #fff;
    background: linear-gradient(135deg, #5d72c9 0%, #4158a7 100%);
    box-shadow: 0 18px 32px rgba(65, 88, 167, 0.26);
  }

  .thn-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 36px rgba(65, 88, 167, 0.34);
  }

  .thn-btn--secondary {
    color: #4459a8;
    background: rgba(255,255,255,0.96);
    border: 2px solid #6d7dc4;
    box-shadow: 0 12px 24px rgba(37, 52, 104, 0.08);
  }

  .thn-btn--secondary:hover {
    transform: translateY(-3px);
    background: #edf1ff;
    box-shadow: 0 18px 28px rgba(37, 52, 104, 0.12);
  }

  .thn-donaciones__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
  }

  .thn-donacion-card {
    min-height: 100%;
    height: 100%;
    padding: 30px 24px 28px;
    border-radius: 28px;
    text-align: center;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,249,255,0.98) 100%);
    border: 1px solid rgba(93, 109, 188, 0.10);
    box-shadow: 0 16px 40px rgba(31, 47, 90, 0.07);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .thn-donacion-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 46px rgba(31, 47, 90, 0.12);
    border-color: rgba(93, 109, 188, 0.22);
  }

  .thn-donacion-card__icon {
    width: 74px;
    height: 74px;
    margin: 0 auto 20px;
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    background: linear-gradient(135deg, #eef2ff 0%, #e1e8ff 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  }

  .thn-donacion-card h3 {
    margin: 0 0 14px;
    font-size: clamp(20px, 1.9vw, 30px);
    line-height: 1.14;
    font-weight: 800;
    color: #243974;
    min-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: balance;
  }

  .thn-donacion-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    color: #697384;
    max-width: 100%;
  }

  .thn-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
  }

  .thn-modal.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .thn-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 50, 0.64);
    backdrop-filter: blur(6px);
  }

  .thn-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: 32px 28px 26px;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(14, 23, 51, 0.24);
    transform: translateY(20px) scale(.98);
    opacity: 0;
    transition: all .28s ease;
  }

  .thn-modal.is-active .thn-modal__dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
  }

  .thn-modal__close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #f1f4fb;
    color: #40528f;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: all .25s ease;
  }

  .thn-modal__close:hover {
    background: #e7edff;
    transform: rotate(90deg);
  }

  .thn-modal__header {
    padding-right: 36px;
    margin-bottom: 16px;
  }

  .thn-modal__badge {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #edf2ff;
    color: #5d72c8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
  }

  .thn-modal__header h3 {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.08;
    font-weight: 900;
    color: #1f346c;
  }

  .thn-modal__header p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #687487;
  }

  .thn-modal__content {
    display: grid;
    gap: 14px;
    margin-top: 24px;
  }

  .thn-modal__item {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 16px;
    align-items: start;
    padding: 18px 16px;
    border-radius: 20px;
    background: #f8faff;
    border: 1px solid rgba(94, 108, 185, 0.08);
  }

  .thn-modal__icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    background: linear-gradient(135deg, #edf2ff 0%, #dfe7ff 100%);
  }

  .thn-modal__text h4 {
    margin: 4px 0 8px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #243974;
  }

  .thn-modal__text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #687487;
  }

  .thn-modal__footer {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
  }

  .thn-btn--modal {
    min-width: 210px;
  }

  body.thn-modal-open {
    overflow: hidden;
  }

  @media (max-width: 1199px) {
    .thn-donaciones__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 767px) {
    .thn-donaciones {
      padding: 64px 14px;
    }

    .thn-donaciones__container {
      padding: 42px 18px 28px;
      border-radius: 24px;
    }

    .thn-donaciones__header {
      margin-bottom: 34px;
    }

    .thn-donaciones__badge {
      font-size: 11px;
      letter-spacing: 2px;
    }

    .thn-donaciones__description {
      font-size: 16px;
      line-height: 1.7;
    }

    .thn-btn {
      width: 100%;
      min-width: unset;
      padding: 15px 20px;
    }

    .thn-donaciones__grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

    .thn-donacion-card {
      padding: 26px 18px 22px;
      border-radius: 22px;
    }

    .thn-donacion-card h3 {
      font-size: 22px;
    }

    .thn-modal {
      padding: 14px;
    }

    .thn-modal__dialog {
      padding: 24px 18px 20px;
      border-radius: 22px;
    }

    .thn-modal__header {
      padding-right: 28px;
    }

    .thn-modal__item {
      grid-template-columns: 1fr;
    }

    .thn-modal__icon {
      width: 56px;
      height: 56px;
      border-radius: 16px;
    }

    .thn-modal__footer {
      justify-content: stretch;
    }

    .thn-btn--modal {
      width: 100%;
    }
  }
.thn-contacto{
  width: 100%;
  padding: 90px 20px;
  background: linear-gradient(180deg, #f7f8fc 0%, #f2f4f9 100%);
}

.thn-contacto *{
  box-sizing: border-box;
}

.thn-contacto__wrap{
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.75fr);
  gap: 34px;
  align-items: start;
}

.thn-contacto__form-col{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(81,99,172,0.08);
  border-radius: 30px;
  padding: 38px;
  box-shadow: 0 20px 55px rgba(41,53,95,0.08);
}

.thn-contacto__badge{
  display: inline-block;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #7b88c5;
}

.thn-contacto__form-col h2{
  margin: 0 0 14px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
  color: #24335f;
  font-weight: 800;
}

.thn-contacto__intro{
  margin: 0 0 28px;
  max-width: 820px;
  color: #636a79;
  font-size: 18px;
  line-height: 1.6;
}

.thn-formulario-contacto{
  display: grid;
  gap: 18px;
}

.thn-field{
  display: grid;
  gap: 10px;
}

.thn-field label{
  font-size: 16px;
  font-weight: 700;
  color: #1f2e57;
}

.thn-field input,
.thn-field select,
.thn-field textarea{
  width: 100%;
  border: 1.5px solid #d8ddea;
  border-radius: 16px;
  padding: 16px 18px;
  font-size: 16px;
  color: #364055;
  background: #ffffff;
  outline: none;
  transition: all .25s ease;
}

.thn-field textarea{
  min-height: 150px;
  resize: vertical;
}

.thn-field input:focus,
.thn-field select:focus,
.thn-field textarea:focus{
  border-color: #6478bf;
  box-shadow: 0 0 0 4px rgba(100,120,191,0.12);
}

.thn-check{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 4px;
  font-size: 15px;
  color: #4d5568;
  line-height: 1.5;
}

.thn-check input{
  margin-top: 3px;
  width: 18px;
  height: 18px;
  accent-color: #556cb4;
}

.thn-formulario-contacto__actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.thn-btn-contacto{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 16px 24px;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 800;
  transition: all .28s ease;
}

.thn-btn-contacto--mail{
  background: linear-gradient(135deg, #586eb8 0%, #4860aa 100%);
  color: #fff;
  box-shadow: 0 16px 32px rgba(72,96,170,0.28);
}

.thn-btn-contacto--mail:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 38px rgba(72,96,170,0.34);
}

.thn-btn-contacto--whatsapp{
  background: #ffffff;
  color: #2b3b75;
  border: 2px solid #6679bf;
  box-shadow: 0 12px 26px rgba(41,53,95,0.08);
}

.thn-btn-contacto--whatsapp:hover{
  transform: translateY(-3px);
  background: #f1f4fc;
}

.thn-contacto__info-col{
  position: relative;
}

.thn-contact-card{
  background: linear-gradient(180deg, #ece7c7 0%, #e5dfba 100%);
  border-radius: 26px;
  padding: 34px 28px;
  box-shadow: 0 20px 50px rgba(70,63,28,0.10);
  position: sticky;
  top: 20px;
}

.thn-contact-card__lead{
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.6;
  color: #4e513f;
  text-align: center;
  font-style: italic;
}

.thn-contact-card__block{
  text-align: center;
  margin-bottom: 26px;
}

.thn-contact-card__block:last-child{
  margin-bottom: 0;
}

.thn-contact-card__block h3{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5066b0;
}

.thn-contact-card__block a{
  display: inline-block;
  margin-bottom: 8px;
  color: #2f3c77;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-decoration: none;
  word-break: break-word;
  line-height: 1.35;
}

.thn-contact-card__block a:hover{
  opacity: .88;
}

.thn-contact-card__block p{
  margin: 0;
  color: #4e513f;
  font-size: 15px;
  line-height: 1.6;
}

.thn-contact-card__block ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.thn-contact-card__block li{
  color: #4e513f;
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 991px){
  .thn-contacto__wrap{
    grid-template-columns: 1fr;
  }

  .thn-contact-card{
    position: static;
  }
}

@media (max-width: 767px){
  .thn-contacto{
    padding: 60px 14px;
  }

  .thn-contacto__form-col{
    padding: 24px 18px;
    border-radius: 22px;
  }

  .thn-contact-card{
    padding: 26px 18px;
    border-radius: 22px;
  }

  .thn-contacto__intro{
    font-size: 16px;
  }

  .thn-btn-contacto{
    width: 100%;
    min-width: unset;
  }

  .thn-contact-card__block a{
    font-size: 19px;
  }
}