.elementor-456 .elementor-element.elementor-element-1bb78bf{--display:flex;--min-height:35vh;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.3;--padding-top:5vw;--padding-bottom:05vw;--padding-left:10vw;--padding-right:10vw;}.elementor-456 .elementor-element.elementor-element-1bb78bf:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-1bb78bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zonadeofertascolombia.com/wp-content/uploads/2026/08/tienda.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-456 .elementor-element.elementor-element-1bb78bf::before, .elementor-456 .elementor-element.elementor-element-1bb78bf > .elementor-background-video-container::before, .elementor-456 .elementor-element.elementor-element-1bb78bf > .e-con-inner > .elementor-background-video-container::before, .elementor-456 .elementor-element.elementor-element-1bb78bf > .elementor-background-slideshow::before, .elementor-456 .elementor-element.elementor-element-1bb78bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-456 .elementor-element.elementor-element-1bb78bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-456 .elementor-element.elementor-element-c530c12{width:100%;max-width:100%;text-align:center;}.elementor-456 .elementor-element.elementor-element-c530c12.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-c530c12 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-456 .elementor-element.elementor-element-75f3e4d{text-align:center;}.elementor-456 .elementor-element.elementor-element-75f3e4d .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:70px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-456 .elementor-element.elementor-element-ce1d393{--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;--padding-top:5vw;--padding-bottom:05vw;--padding-left:10vw;--padding-right:10vw;}.elementor-456 .elementor-element.elementor-element-762eef4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-a0dfb56{text-align:start;}.elementor-456 .elementor-element.elementor-element-a0dfb56 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:33px;font-weight:800;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-secondary );}.elementor-456 .elementor-element.elementor-element-d7d3dd9{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-55798e4.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-55798e4 .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-55798e4 .elementor-icon{font-size:35px;}.elementor-456 .elementor-element.elementor-element-55798e4 .elementor-icon svg{height:35px;}.elementor-456 .elementor-element.elementor-element-50c4a95{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-456 .elementor-element.elementor-element-e9694b8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-456 .elementor-element.elementor-element-772a6b7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-456 .elementor-element.elementor-element-537ee79.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-537ee79 .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-537ee79.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-537ee79.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-537ee79.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-537ee79.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-537ee79.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-537ee79 .elementor-icon{font-size:30px;}.elementor-456 .elementor-element.elementor-element-537ee79 .elementor-icon svg{height:30px;}.elementor-456 .elementor-element.elementor-element-0ad8830{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-a9c701a.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-a9c701a .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-a9c701a .elementor-icon{font-size:35px;}.elementor-456 .elementor-element.elementor-element-a9c701a .elementor-icon svg{height:35px;}.elementor-456 .elementor-element.elementor-element-1a3fd74{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-456 .elementor-element.elementor-element-c995765 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-456 .elementor-element.elementor-element-98fe2e6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-456 .elementor-element.elementor-element-cc1247f.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-cc1247f .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-cc1247f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-cc1247f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-cc1247f.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-cc1247f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-cc1247f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-cc1247f .elementor-icon{font-size:30px;}.elementor-456 .elementor-element.elementor-element-cc1247f .elementor-icon svg{height:30px;}.elementor-456 .elementor-element.elementor-element-8d43850{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-ae7cc26.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-ae7cc26 .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-ae7cc26 .elementor-icon{font-size:35px;}.elementor-456 .elementor-element.elementor-element-ae7cc26 .elementor-icon svg{height:35px;}.elementor-456 .elementor-element.elementor-element-a0ee3b7{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-456 .elementor-element.elementor-element-42324ce .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-456 .elementor-element.elementor-element-64e67a3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-456 .elementor-element.elementor-element-651eb00.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-651eb00 .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-651eb00.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-651eb00.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-651eb00.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-651eb00.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-651eb00.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-651eb00 .elementor-icon{font-size:30px;}.elementor-456 .elementor-element.elementor-element-651eb00 .elementor-icon svg{height:30px;}.elementor-456 .elementor-element.elementor-element-8024791{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-d6df430.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-d6df430 .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-d6df430 .elementor-icon{font-size:35px;}.elementor-456 .elementor-element.elementor-element-d6df430 .elementor-icon svg{height:35px;}.elementor-456 .elementor-element.elementor-element-0b9d6fc{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-456 .elementor-element.elementor-element-78bbdf9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-456 .elementor-element.elementor-element-77a2d8b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-456 .elementor-element.elementor-element-160936f.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-160936f .elementor-icon-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-160936f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-160936f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-160936f.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-160936f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-160936f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-456 .elementor-element.elementor-element-160936f .elementor-icon{font-size:30px;}.elementor-456 .elementor-element.elementor-element-160936f .elementor-icon svg{height:30px;}.elementor-456 .elementor-element.elementor-element-1397dbe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-db1cc97{text-align:center;}.elementor-456 .elementor-element.elementor-element-db1cc97 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:33px;font-weight:800;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-secondary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:15px;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-15px;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group.recaptcha_v3-bottomleft, .elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-456 .elementor-element.elementor-element-66041ce .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-456 .elementor-element.elementor-element-66041ce .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-456 .elementor-element.elementor-element-66041ce .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-type-html{padding-bottom:0px;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group .elementor-field, .elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-button[type="submit"]{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-456 .elementor-element.elementor-element-66041ce{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-456 .elementor-element.elementor-element-e793b71{--display:flex;--padding-top:0vw;--padding-bottom:5vw;--padding-left:10vw;--padding-right:10vw;}@media(min-width:1025px){.elementor-456 .elementor-element.elementor-element-1bb78bf:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-1bb78bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-456 .elementor-element.elementor-element-1bb78bf{--min-height:30vh;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-456 .elementor-element.elementor-element-c530c12 .elementor-heading-title{font-size:30px;}.elementor-456 .elementor-element.elementor-element-75f3e4d .elementor-heading-title{font-size:50px;}.elementor-456 .elementor-element.elementor-element-ce1d393{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-456 .elementor-element.elementor-element-a0dfb56{text-align:center;}.elementor-456 .elementor-element.elementor-element-a0dfb56 .elementor-heading-title{font-size:30px;}.elementor-456 .elementor-element.elementor-element-d7d3dd9{--justify-content:center;--flex-wrap:nowrap;}.elementor-456 .elementor-element.elementor-element-e9694b8{text-align:center;}.elementor-456 .elementor-element.elementor-element-772a6b7{text-align:center;}.elementor-456 .elementor-element.elementor-element-0ad8830{--flex-wrap:nowrap;}.elementor-456 .elementor-element.elementor-element-1a3fd74{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-c995765{text-align:center;}.elementor-456 .elementor-element.elementor-element-98fe2e6{text-align:center;}.elementor-456 .elementor-element.elementor-element-8d43850{--flex-wrap:nowrap;}.elementor-456 .elementor-element.elementor-element-42324ce{text-align:center;}.elementor-456 .elementor-element.elementor-element-64e67a3{text-align:center;}.elementor-456 .elementor-element.elementor-element-8024791{--flex-wrap:nowrap;}.elementor-456 .elementor-element.elementor-element-0b9d6fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-1397dbe{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-db1cc97 .elementor-heading-title{font-size:30px;}.elementor-456 .elementor-element.elementor-element-e793b71{--padding-top:0px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for heading, class: .elementor-element-75f3e4d */.zo-yellow-gradient .elementor-heading-title {
    background: linear-gradient(
        120deg,
        #D99A20 0%,
        #E5AA2F 38%,
        #F3C24D 68%,
        #E0A12A 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7d3dd9 *//* =========================================================
   ZONA DE OFERTAS — CONTACT CARDS
   ELEMENTOR VERSION

   Classes:
   contact-card
   contact-icon
   arrow-icon
========================================================= */


/* =========================================================
   CARD
========================================================= */

.contact-card {

	--zo-yellow-dark: #C88C18;
	--zo-yellow: #DEA83B;
	--zo-yellow-light: #F0C457;
	--zo-black: #111111;

	position: relative;

	width: 100%;

	min-height: 104px;

	padding:
		10px 20px !important;

	overflow: hidden !important;

	border:
		1px solid #ECECEC !important;

	border-radius:
		16px !important;

	background:
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			#FDFCF9 100%
		) !important;

	box-shadow:
		0 8px 24px
		rgba(0,0,0,.04);

	transition:
		transform .28s ease,
		border-color .28s ease,
		box-shadow .28s ease;
}


/* =========================================================
   YELLOW SIDE DETAIL
========================================================= */

.contact-card::before {

	content: "";

	position: absolute;

	left: 0;
	top: 0;
	bottom: 0;

	width: 3px;

	z-index: 3;

	pointer-events: none;

	background:
		linear-gradient(
			180deg,
			#F0C457 0%,
			#C88C18 100%
		);

	opacity: 0;

	transition:
		opacity .25s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

@media (hover:hover) {

	.contact-card:hover {

		transform:
			translateY(-3px);

		border-color:
			rgba(222,168,59,.42) !important;

		box-shadow:
			0 14px 34px
			rgba(0,0,0,.07);
	}


	.contact-card:hover::before {

		opacity: 1;
	}

}


/* =========================================================
   CONTACT ICON WIDGET
========================================================= */

.contact-icon {

	position: relative !important;

	flex:
		0 0 64px !important;

	width:
		64px !important;

	max-width:
		64px !important;

	height:
		64px !important;

	min-height:
		64px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	z-index: 2;

	border:
		2px solid
		#DEA83B !important;

	border-radius:
		50% !important;

	background:
		#111111 !important;

	box-shadow:
		0 7px 18px
		rgba(0,0,0,.15),
		0 0 0 4px
		rgba(222,168,59,.06);

	overflow: hidden;

	transition:
		background .28s ease,
		transform .28s ease,
		box-shadow .28s ease;
}


/* =========================================================
   CONTACT ICON — ELEMENTOR CONTAINER
========================================================= */

.contact-icon > .elementor-widget-container {

	position: absolute !important;

	inset: 0 !important;

	width:
		100% !important;

	height:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	text-align:
		center !important;

	line-height:
		1 !important;
}


/* =========================================================
   CONTACT ICON — ELEMENTOR ICON WRAPPER
========================================================= */

.contact-icon
.elementor-icon-wrapper {

	position: absolute !important;

	inset: 0 !important;

	width:
		100% !important;

	height:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	text-align:
		center !important;

	line-height:
		1 !important;
}


/* =========================================================
   CONTACT ICON — ACTUAL ICON
========================================================= */

.contact-icon
.elementor-icon {

	position: relative !important;

	top:
		auto !important;

	right:
		auto !important;

	bottom:
		auto !important;

	left:
		auto !important;

	width:
		auto !important;

	height:
		auto !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	border:
		0 !important;

	background:
		transparent !important;

	color:
		#DEA83B !important;

	font-size:
		28px !important;

	line-height:
		1 !important;

	transform-origin:
		center center;

	transition:
		color .25s ease,
		transform .25s ease;
}


/* =========================================================
   CONTACT ICON — SVG
========================================================= */

.contact-icon
.elementor-icon svg {

	position: relative !important;

	display:
		block !important;

	flex:
		0 0 auto !important;

	width:
		28px !important;

	height:
		28px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	top:
		auto !important;

	left:
		auto !important;

	vertical-align:
		middle !important;

	fill:
		currentColor !important;
}


/* =========================================================
   CONTACT ICON HOVER
========================================================= */

@media (hover:hover) {

	.contact-card:hover
	.contact-icon {

		background:
			linear-gradient(
				135deg,
				#C88C18 0%,
				#DEA83B 52%,
				#F0C457 100%
			) !important;

		transform:
			scale(1.05);

		box-shadow:
			0 10px 22px
			rgba(166,114,15,.18);
	}


	.contact-card:hover
	.contact-icon
	.elementor-icon {

		color:
			#111111 !important;

		transform:
			scale(1.04);
	}

}


/* =========================================================
   ARROW ICON WIDGET
========================================================= */

.arrow-icon {

	position: relative !important;

	flex:
		0 0 38px !important;

	width:
		38px !important;

	max-width:
		38px !important;

	height:
		38px !important;

	min-height:
		38px !important;

	margin:
		0 0 0 auto !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	border:
		1px solid
		rgba(222,168,59,.45) !important;

	border-radius:
		50% !important;

	background:
		#FFFFFF !important;

	overflow: hidden;

	transition:
		background .25s ease,
		border-color .25s ease,
		transform .25s ease;
}


/* =========================================================
   ARROW — ELEMENTOR CONTAINER
========================================================= */

.arrow-icon > .elementor-widget-container {

	position: absolute !important;

	inset: 0 !important;

	width:
		100% !important;

	height:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	text-align:
		center !important;

	line-height:
		1 !important;
}


/* =========================================================
   ARROW — ELEMENTOR ICON WRAPPER
========================================================= */

.arrow-icon
.elementor-icon-wrapper {

	position: absolute !important;

	inset: 0 !important;

	width:
		100% !important;

	height:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	text-align:
		center !important;

	line-height:
		1 !important;
}


/* =========================================================
   ARROW — ACTUAL ICON
========================================================= */

.arrow-icon
.elementor-icon {

	position: relative !important;

	top:
		auto !important;

	right:
		auto !important;

	bottom:
		auto !important;

	left:
		auto !important;

	width:
		auto !important;

	height:
		auto !important;

	margin:
		0 !important;

	padding:
		0 !important;

	display:
		inline-flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	border:
		0 !important;

	background:
		transparent !important;

	color:
		#111111 !important;

	font-size:
		17px !important;

	line-height:
		1 !important;

	transform-origin:
		center center;

	transition:
		color .25s ease,
		transform .25s ease;
}


/* =========================================================
   ARROW — SVG
========================================================= */

.arrow-icon
.elementor-icon svg {

	position: relative !important;

	display:
		block !important;

	flex:
		0 0 auto !important;

	width:
		17px !important;

	height:
		17px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	top:
		auto !important;

	left:
		auto !important;

	vertical-align:
		middle !important;

	fill:
		currentColor !important;
}


/* =========================================================
   ARROW HOVER
========================================================= */

@media (hover:hover) {

	.contact-card:hover
	.arrow-icon {

		background:
			#111111 !important;

		border-color:
			#111111 !important;

		transform:
			translateX(3px);
	}


	.contact-card:hover
	.arrow-icon
	.elementor-icon {

		color:
			#DEA83B !important;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

	.contact-card {

		min-height:
			92px;

		padding:
			15px 16px !important;

		border-radius:
			14px !important;
	}


	/* =====================================================
	   CONTACT ICON — SMALLER ON MOBILE
	===================================================== */

	.contact-icon {

		flex:
			0 0 48px !important;

		flex-basis:
			48px !important;

		width:
			48px !important;

		max-width:
			48px !important;

		height:
			48px !important;

		min-height:
			48px !important;
	}


	.contact-icon
	.elementor-icon {

		font-size:
			21px !important;
	}


	.contact-icon
	.elementor-icon svg {

		width:
			21px !important;

		height:
			21px !important;
	}


	/* =====================================================
	   ARROW — STAYS THE SAME
	===================================================== */

	.arrow-icon {

		flex-basis:
			34px !important;

		width:
			34px !important;

		max-width:
			34px !important;

		height:
			34px !important;

		min-height:
			34px !important;
	}


	.arrow-icon
	.elementor-icon {

		font-size:
			15px !important;
	}


	.arrow-icon
	.elementor-icon svg {

		width:
			15px !important;

		height:
			15px !important;
	}

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-66041ce *//* =========================================================
   ZONA DE OFERTAS — CONTACT FORM
   CSS CLASS: zo-contact-form-wow

   Elementor controls:
   - Typography
   - Field sizes
   - Columns / layout
   - Field positions
   - Gaps between fields
========================================================= */

.zo-contact-form-wow,
.zo-contact-form-wow * {
	box-sizing: border-box !important;
}


.zo-contact-form-wow {

	--zo-yellow-dark: #C88C18;
	--zo-yellow: #DEA83B;
	--zo-yellow-light: #F0C457;

	--zo-black: #111111;
	--zo-white: #FFFFFF;

	--zo-border: #E9E4DA;
	--zo-text: #171717;
}


/* =========================================================
   FORM CARD
========================================================= */

.zo-contact-form-wow
.elementor-form {

	position: relative !important;

	/* SPACE BETWEEN CARD EDGE AND FORM CONTENT */
	padding:
		28px !important;

	background:
		linear-gradient(
			145deg,
			#FFFFFF 0%,
			#FFFDF8 54%,
			#FFFFFF 100%
		) !important;

	border:
		1px solid
		rgba(207,194,166,.42) !important;

	border-radius:
		22px !important;

	box-shadow:
		0 24px 55px rgba(17,17,17,.055),
		0 8px 20px rgba(17,17,17,.035),
		inset 0 1px 0 rgba(255,255,255,.95) !important;

	overflow:
		hidden !important;

	isolation:
		isolate;
}


/* =========================================================
   SOFT YELLOW GLOW — TOP RIGHT
========================================================= */

.zo-contact-form-wow
.elementor-form::before {

	content: "";

	position: absolute;

	width:
		280px;

	height:
		280px;

	right:
		-135px;

	top:
		-145px;

	border-radius:
		50%;

	background:
		radial-gradient(
			circle,
			rgba(240,196,87,.18) 0%,
			rgba(222,168,59,.085) 34%,
			rgba(222,168,59,.025) 57%,
			transparent 74%
		);

	pointer-events:
		none;

	z-index:
		0;
}


/* =========================================================
   VERY SOFT SECOND GLOW
========================================================= */

.zo-contact-form-wow
.elementor-form::after {

	content: "";

	position: absolute;

	width:
		210px;

	height:
		210px;

	left:
		-115px;

	bottom:
		-120px;

	border-radius:
		50%;

	background:
		radial-gradient(
			circle,
			rgba(222,168,59,.07) 0%,
			rgba(222,168,59,.025) 46%,
			transparent 72%
		);

	pointer-events:
		none;

	z-index:
		0;
}


/* =========================================================
   KEEP FORM CONTENT ABOVE GLOWS
========================================================= */

.zo-contact-form-wow
.elementor-form-fields-wrapper {

	position:
		relative !important;

	z-index:
		2 !important;
}


/* =========================================================
   FIELDS — VISUAL STYLE ONLY
========================================================= */

.zo-contact-form-wow
.elementor-field {

	background:
		rgba(255,255,255,.84) !important;

	border:
		1px solid
		rgba(207,199,183,.66) !important;

	border-radius:
		13px !important;

	color:
		var(--zo-text) !important;

	outline:
		none !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 7px rgba(17,17,17,.018) !important;

	transition:
		border-color .25s ease,
		box-shadow .25s ease,
		background .25s ease !important;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.zo-contact-form-wow
.elementor-field::placeholder {

	color:
		#99958C !important;

	opacity:
		1 !important;
}


/* =========================================================
   FIELD HOVER
========================================================= */

@media (hover:hover) {

	.zo-contact-form-wow
	.elementor-field:hover {

		border-color:
			rgba(222,168,59,.58) !important;

		background:
			#FFFFFF !important;

		box-shadow:
			0 5px 14px rgba(17,17,17,.035),
			inset 0 1px 0 rgba(255,255,255,1) !important;
	}

}


/* =========================================================
   FIELD FOCUS
========================================================= */

.zo-contact-form-wow
.elementor-field:focus {

	border-color:
		var(--zo-yellow) !important;

	background:
		#FFFFFF !important;

	box-shadow:
		0 0 0 3px rgba(222,168,59,.10),
		0 8px 20px rgba(166,114,15,.045) !important;

	outline:
		none !important;
}


/* =========================================================
   TEXTAREA
========================================================= */

.zo-contact-form-wow
textarea.elementor-field {

	resize:
		none !important;
}


/* =========================================================
   BUTTON
========================================================= */

.zo-contact-form-wow
.elementor-button,

.zo-contact-form-wow
button[type="submit"] {

	--zo-yellow-dark: #C88C18;
	--zo-yellow: #DEA83B;
	--zo-yellow-light: #F0C457;

	--zo-black: #111111;
	--zo-white: #FFFFFF;

	position:
		relative !important;

	isolation:
		isolate !important;

	width:
		100% !important;

	max-width:
		100% !important;

	min-height:
		56px !important;

	padding:
		5px 70px !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	overflow:
		hidden !important;

	background:
		linear-gradient(
			120deg,
			var(--zo-yellow-dark) 0%,
			var(--zo-yellow) 52%,
			var(--zo-yellow-light) 100%
		) !important;

	color:
		var(--zo-black) !important;

	border:
		1px solid
		rgba(255,255,255,.28) !important;

	border-radius:
		999px !important;

	box-shadow:
		0 9px 22px rgba(166,114,15,.18),
		0 3px 8px rgba(40,28,3,.08) !important;

	cursor:
		pointer !important;

	transition:
		transform .35s cubic-bezier(.2,.8,.25,1),
		box-shadow .35s ease !important;
}


/* =========================================================
   BLACK CAPSULE
========================================================= */

.zo-contact-form-wow
.elementor-button::before,

.zo-contact-form-wow
button[type="submit"]::before {

	content: "";

	position:
		absolute !important;

	left:
		7px !important;

	top:
		7px !important;

	width:
		42px !important;

	height:
		calc(100% - 14px) !important;

	background:
		var(--zo-black) !important;

	border-radius:
		999px !important;

	z-index:
		1 !important;

	pointer-events:
		none !important;

	transition:
		width .58s
		cubic-bezier(.22,.82,.25,1) !important;
}


/* =========================================================
   ARROW
========================================================= */

.zo-contact-form-wow
.elementor-button::after,

.zo-contact-form-wow
button[type="submit"]::after {

	content: "";

	position:
		absolute !important;

	left:
		18px !important;

	top:
		calc(50% - 1px) !important;

	width:
		18px !important;

	height:
		18px !important;

	background-color:
		var(--zo-yellow) !important;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain
		no-repeat !important;

	mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain
		no-repeat !important;

	z-index:
		5 !important;

	pointer-events:
		none !important;

	transform:
		translateY(-50%)
		scale(1) !important;

	transition:
		left .58s cubic-bezier(.22,.82,.25,1),
		transform .45s cubic-bezier(.2,.85,.25,1) !important;
}


/* =========================================================
   HIDE NATIVE ELEMENTOR ICON
========================================================= */

.zo-contact-form-wow
.elementor-button-icon {

	display:
		none !important;
}


/* =========================================================
   BUTTON CONTENT
========================================================= */

.zo-contact-form-wow
.elementor-button-content-wrapper {

	position:
		relative !important;

	z-index:
		3 !important;

	width:
		100% !important;

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;
}


/* =========================================================
   BUTTON TEXT
========================================================= */

.zo-contact-form-wow
.elementor-button-text {

	position:
		relative !important;

	z-index:
		3 !important;

	color:
		var(--zo-black) !important;

	white-space:
		nowrap !important;

	transform:
		translateX(15px) !important;

	transition:
		color .35s ease,
		transform .58s cubic-bezier(.22,.82,.25,1) !important;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

@media (hover:hover) {

	.zo-contact-form-wow
	.elementor-button:hover,

	.zo-contact-form-wow
	button[type="submit"]:hover {

		transform:
			translateY(-2px) !important;

		box-shadow:
			0 14px 29px rgba(36,25,3,.18),
			0 5px 12px rgba(0,0,0,.10) !important;
	}


	.zo-contact-form-wow
	.elementor-button:hover::before,

	.zo-contact-form-wow
	button[type="submit"]:hover::before {

		width:
			calc(100% - 14px) !important;
	}


	.zo-contact-form-wow
	.elementor-button:hover
	.elementor-button-text {

		color:
			var(--zo-white) !important;

		transform:
			translateX(-15px) !important;
	}


	.zo-contact-form-wow
	.elementor-button:hover::after,

	.zo-contact-form-wow
	button[type="submit"]:hover::after {

		left:
			calc(100% - 39px) !important;

		transform:
			translateY(-50%)
			translateX(1px)
			scale(1.12) !important;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

	.zo-contact-form-wow
	.elementor-form {

		padding:
			20px !important;

		border-radius:
			18px !important;
	}

}/* End custom CSS */