.elementor-7742 .elementor-element.elementor-element-180d4369{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:1;}.elementor-7742 .elementor-element.elementor-element-180d4369:not(.elementor-motion-effects-element-type-background), .elementor-7742 .elementor-element.elementor-element-180d4369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4F3;background-image:url("https://www.civyl.com.mx/wp-content/uploads/2024/04/civyl-licores.jpg");}.elementor-7742 .elementor-element.elementor-element-180d4369::before, .elementor-7742 .elementor-element.elementor-element-180d4369 > .elementor-background-video-container::before, .elementor-7742 .elementor-element.elementor-element-180d4369 > .e-con-inner > .elementor-background-video-container::before, .elementor-7742 .elementor-element.elementor-element-180d4369 > .elementor-background-slideshow::before, .elementor-7742 .elementor-element.elementor-element-180d4369 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7742 .elementor-element.elementor-element-180d4369 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, var( --e-global-color-3f11ac2 ) 0%, var( --e-global-color-e2c02fa ) 100%);}.elementor-7742 .elementor-element.elementor-element-b150ddf{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:19px;--padding-bottom:0px;--padding-left:19px;--padding-right:19px;--z-index:0;}.elementor-7742 .elementor-element.elementor-element-b150ddf:not(.elementor-motion-effects-element-type-background), .elementor-7742 .elementor-element.elementor-element-b150ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.civyl.com.mx/wp-content/uploads/2024/03/Diseno-sin-titulo-8.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7742 .elementor-element.elementor-element-b150ddf.e-con{--align-self:center;}.elementor-7742 .elementor-element.elementor-element-7d963340{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7742 .elementor-element.elementor-element-7d963340::before, .elementor-7742 .elementor-element.elementor-element-7d963340 > .elementor-background-video-container::before, .elementor-7742 .elementor-element.elementor-element-7d963340 > .e-con-inner > .elementor-background-video-container::before, .elementor-7742 .elementor-element.elementor-element-7d963340 > .elementor-background-slideshow::before, .elementor-7742 .elementor-element.elementor-element-7d963340 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7742 .elementor-element.elementor-element-7d963340 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7742 .elementor-element.elementor-element-7d963340.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 label{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-widget-heading ::placeholder{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-widget-heading .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.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-7742 .elementor-element.elementor-element-63d5485a.elementor-element{--align-self:center;}.elementor-7742 .elementor-element.elementor-element-63d5485a{text-align:center;}.elementor-7742 .elementor-element.elementor-element-63d5485a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;line-height:10px;letter-spacing:1.1px;color:var( --e-global-color-primary );}.elementor-7742 .elementor-element.elementor-element-8255646 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-7742 .elementor-element.elementor-element-8255646.elementor-element{--align-self:center;}.elementor-7742 .elementor-element.elementor-element-8255646{text-align:center;}.elementor-7742 .elementor-element.elementor-element-8255646 .elementor-heading-title{font-family:"EB Garamond", Sans-serif;font-size:55px;font-weight:900;text-transform:uppercase;line-height:62px;letter-spacing:1.1px;color:var( --e-global-color-primary );}.elementor-7742 .elementor-element.elementor-element-054a66a{--display:flex;--min-height:13px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7742 .elementor-element.elementor-element-054a66a:not(.elementor-motion-effects-element-type-background), .elementor-7742 .elementor-element.elementor-element-054a66a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f11ac2 );}.elementor-7742 .elementor-element.elementor-element-b6a9fd7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7742 .elementor-element.elementor-element-b6a9fd7:not(.elementor-motion-effects-element-type-background), .elementor-7742 .elementor-element.elementor-element-b6a9fd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ea2a9a1 );}.elementor-7742 .elementor-element.elementor-element-4755332{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-7742 .elementor-element.elementor-element-4755332.e-con{--order:99999 /* order end hack */;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .wpcf7 label{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-widget-loop-grid ::placeholder{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-widget-loop-grid .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7742 .elementor-element.elementor-element-fe5b7e1{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7742 .elementor-element.elementor-element-fe5b7e1{--grid-columns:2;}}@media(min-width:768px){.elementor-7742 .elementor-element.elementor-element-180d4369{--width:100vw;}.elementor-7742 .elementor-element.elementor-element-7d963340{--width:100%;}}@media(max-width:767px){.elementor-7742 .elementor-element.elementor-element-63d5485a .elementor-heading-title{font-size:18px;}.elementor-7742 .elementor-element.elementor-element-8255646 .elementor-heading-title{font-size:38px;line-height:1.1em;}.elementor-7742 .elementor-element.elementor-element-fe5b7e1{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-b150ddf */.panel {
  cursor: pointer;
  flex: 0.5;
  overflow: hidden;
  transition: flex 0.5s ease;
}


.panel.active {
  flex-grow: 9;
  flex-shrink: .1;
  height:85vh; 
}

.circulo{
 opacity: 1;
}


.panel.active .hide{
 opacity: 0;
}

.panel.active .circulo{
 opacity: 0;
}


.panel .hidden {
  opacity: 0;
}

.panel p {
  position: absolute;
  opacity: 0;
}

.panel .elementor-button {
    /*font-size: calc(24 / 16 * 1rem);*/
  position: absolute;
  opacity: 0;
}


.panel.active .hidden {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

.panel.active .hidden {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

.panel.active p {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

.panel.active .elementor-button {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}/* End custom CSS */