.elementor-11095 .elementor-element.elementor-element-6962e2f0:not(.elementor-motion-effects-element-type-background), .elementor-11095 .elementor-element.elementor-element-6962e2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.sitecsa.com.mx/wp-content/uploads/2024/06/about-us.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11095 .elementor-element.elementor-element-6962e2f0 > .elementor-background-overlay{background-color:#000000;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11095 .elementor-element.elementor-element-6962e2f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 30px 80px 30px;}.elementor-11095 .elementor-element.elementor-element-513d0c2 > .elementor-element-populated{margin:0px 0px 50px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11095 .elementor-element.elementor-element-1d050596 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-11095 .elementor-element.elementor-element-1d050596{text-align:center;}.elementor-11095 .elementor-element.elementor-element-1d050596 .elementor-heading-title{font-size:14px;font-weight:600;letter-spacing:10px;color:#ffffff;}.elementor-11095 .elementor-element.elementor-element-15cdacec{text-align:center;}.elementor-11095 .elementor-element.elementor-element-15cdacec .elementor-heading-title{font-size:65px;font-weight:300;letter-spacing:1.5px;text-shadow:0px 0px 10px rgba(0,0,0,0.65);color:#ffffff;}.elementor-11095 .elementor-element.elementor-element-ec2745f > .elementor-container{max-width:670px;}.elementor-11095 .elementor-element.elementor-element-b64cff3{text-align:center;}.elementor-11095 .elementor-element.elementor-element-b64cff3 .elementor-heading-title{font-size:18px;font-weight:300;letter-spacing:0px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11095 .elementor-element.elementor-element-8c79b2a{--divider-border-style:solid;--divider-color:#1B3663;--divider-border-width:3.5px;}.elementor-11095 .elementor-element.elementor-element-8c79b2a .elementor-divider-separator{width:100%;}.elementor-11095 .elementor-element.elementor-element-8c79b2a .elementor-divider{padding-block-start:25px;padding-block-end:25px;}@media(min-width:1025px){.elementor-11095 .elementor-element.elementor-element-6962e2f0:not(.elementor-motion-effects-element-type-background), .elementor-11095 .elementor-element.elementor-element-6962e2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-11095 .elementor-element.elementor-element-6962e2f0{padding:100px 30px 70px 30px;}.elementor-11095 .elementor-element.elementor-element-513d0c2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-11095 .elementor-element.elementor-element-15cdacec .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-11095 .elementor-element.elementor-element-6962e2f0{padding:70px 30px 30px 30px;}.elementor-11095 .elementor-element.elementor-element-1d050596 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11095 .elementor-element.elementor-element-1d050596 .elementor-heading-title{letter-spacing:0px;}.elementor-11095 .elementor-element.elementor-element-15cdacec .elementor-heading-title{font-size:46px;}}/* Start custom CSS for html, class: .elementor-element-008bbb8 *///updated ver
* {
  box-sizing:border-box;
}
@import url(https://fonts.googleapis.com/css?family=calibri:400,700);
body { 

  font-family:'calibri';
}
.heading-primary {
  font-size:6em;
  padding:2em;
  text-align:center;
}
.accordion dl,
.accordion-list {
   border:1px solid #ddd;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:#1B3663;
     }
}
.accordion dd,
.accordion__panel {
   background-color:#eee;
   font-size:1em;
   line-height:1.5em; 
}
.accordion p {
  padding:1em 2em 1em 2em;
}

.accordion {
    position:relative;
    background-color:#eee;
    cursor: pointer !important;
}
.container {
  max-width:960px;
  margin:0 auto;
  padding:2em 0 2em 0;
}
.accordionTitle,
.accordion__Heading {
 background-color:#1B3663; 
      text-align:center;
     font-weight:700; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#fff !important;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#1B3663, 5%);
  &:before {
   content: "+";
   font-size:1.5em;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#2D81B7, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:#2D81B7;
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:25em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-8c79b2a */body {
  font-family: Poppins;
  margin: 40px 20px;
}

h3 {
  font-weight: 600;
}

h4 {
  color: #454646 !important;
}

h4 sl-icon {
  position: relative;
  top: 3px;
}

.hr-line {
  border-top: 1px solid transparent;
  background: linear-gradient(white, white) padding-box,
    linear-gradient(90deg, White, DimGrey, White) border-box;
}

a {
  text-decoration: none;
}

.custom-container {
  min-width: 480px;
  max-width: 860px;
  min-height: 440px;
  border: 1px solid DimGrey;
  margin: auto;
}

.section {
  min-width: 340px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.main-text {
  max-height: 440px;
  overflow: hidden;
  font-weight: 200;
  font-size: calc(15px +0.390625vw);
  cursor: text;
  color: DimGrey;
  margin: 0px 25px 25px 25px;
  display: none;
}

.button-thin {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid LightGrey;
  border-radius: 50%;
  background-color: transparent;
  & sl-icon {
    position: relative;
    top: 3px;
    left: 1px;
  }
}

.section-1 {
  border-right: 1px solid DimGrey;
  background-color: hsla(218, 57%, 25%, 1);
  & h3 {
    color: hsla(218, 57%, 25%, 1);
  }
  & button {
    color: hsla(218, 57%, 25%, 1);
    border-color: hsla(218, 57%, 25%, 1);
  }
}

.section-2 {
  border-right: 1px solid DimGrey;
  background-color: hsla(203, 61%, 45%, 1);
  & h3 {
    color: hsla(203, 61%, 45%, 1);
  }
  & button {
    color: hsla(203, 61%, 45%, 1);
    border-color: hsla(203, 61%, 45%, 1);
  }
}

.section-3 {
  background-color: DodgerBlue;
  & h3 {
    color: DodgerBlue;
  }
  & button {
    color: DodgerBlue;
    border-color: DodgerBlue;
  }
}

.grow {
  flex: 5;
  background-color: white;
  & h3 {
    padding: 20px 0px 20px 20px;
  }
  & button {
    margin: 20px 20px 0px 20px;
    transform: rotate(180deg);
  }
  & div {
    justify-content: end;
  }
}

.shrink {
  min-width: 65px;
  flex: 0.1;
  & h3 {
    color: WhiteSmoke;
    transform-origin: 20% 100%;
    writing-mode: vertical-rl;
    margin: 20px 0px 15px 15px;
  }
  & button {
    color: WhiteSmoke;
    border: 1px solid WhiteSmoke;
    margin: 20px 0px 0px 10px;
  }
}

@keyframes slide {
  from {
    transform: translateY(-120px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 100%;
  }
}

.show {
  display: block;
}

.hide {
  display: none;
}

.animate {
  animation: slide 0.4s ease;
}

.shadow-dark {
  box-shadow: -12px 0px 20px -15px DimGrey inset;
}

.shadow-blue {
  box-shadow: -12px 0px 20px -15px #0a3a69 inset;
}

.shadow-pink {
  box-shadow: -12px 0px 20px -15px #50213b inset;
}

.shadow-orange {
  box-shadow: -12px 0px 20px -15px #63410b inset;
}
@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}
@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}/* End custom CSS */