@font-face {
    font-family: 'AbadiMT';
    src: url('../fonts/AbadiMT-BoldItalic.woff2') format('woff2'),
        url('../fonts/AbadiMT-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Baskervville';
    src: url('../fonts/Baskervville-Italic.woff2') format('woff2'),
        url('../fonts/Baskervville-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Black.woff2') format('woff2'),
        url('../fonts/DINPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loew';
    src: url('../fonts/Loew-Bold.woff2') format('woff2'),
        url('../fonts/Loew-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loew';
    src: url('../fonts/Loew-Regular.woff2') format('woff2'),
        url('../fonts/Loew-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* , 
    url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff')  */
@font-face {
  font-family: "icons";
  src:url("../fonts/icons.eot?v=15");
  src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons.woff?v=15") format("woff"),
    url("../fonts/icons.ttf?v=15") format("truetype"),
    url("../fonts/icons.svg?v=15#icons") format("svg");
  font-weight: normal;
  font-style: normal;
font-display: swap;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-youtube:before {
  content: "\61";
}
.icon-whatsapp:before {
  content: "\62";
}
.icon-flechaabajo:before {
  content: "\63";
}
.icon-flechadere:before {
  content: "\64";
}
.icon-flechaizqui:before {
  content: "\65";
}
.icon-flechaarriba:before {
  content: "\66";
}
.icon-facebook:before {
  content: "\67";
}
.icon-compartir:before {
  content: "\68";
}
.icon-instagram:before {
  content: "\69";
}
.icon-youtube2:before {
  content: "\6a";
}
.icon-twitter:before {
  content: "\6b";
}
.icon-cruz:before {
  content: "\6c";
}
.icon-telefono:before {
  content: "\6d";
}
.icon-twitter2:before {
  content: "\6e";
}
.icon-email:before {
  content: "\70";
}
.icon-point:before {
  content: "\6f";
}
.icon-pinterest:before {
  content: "\71";
}
.icon-celular:before {
  content: "\72";
}
.icon-play:before {
  content: "\73";
}
.icon-menu:before {
  content: "\74";
}
.icon-google:before {
  content: "\75";
}
.icon-close:before {
  content: "\76";
}
.icon-accept:before {
  content: "\77";
}
.icon-check:before {
  content: "\78";
}
.icon-check-mark-2:before {
  content: "\79";
}
.icon-correo:before {
  content: "\7a";
}
.icon-linkedin:before {
  content: "\41";
}
.icon-magnifying-glass:before {
  content: "\42";
}
.icon-angle-double-left:before {
  content: "\43";
}
.icon-angle-double-right:before {
  content: "\44";
}
.icon-angle-double-up:before {
  content: "\45";
}
.icon-angle-double-down:before {
  content: "\46";
}
.icon-quote-left:before {
  content: "\47";
}
.icon-quote-right:before {
  content: "\48";
}
.icon-search:before {
  content: "\49";
}
.icon-images:before {
  content: "\4b";
}
.icon-angle-left:before {
  content: "\4c";
}
.icon-angle-right:before {
  content: "\4d";
}
.icon-carrito:before {
  content: "\4e";
}
.icon-tacho:before {
  content: "\4f";
}
.icon-facebook2:before {
  content: "\50";
}
.icon-angle-down:before {
  content: "\51";
}
.icon-angle-up:before {
  content: "\52";
}
.icon-arrow-left:before {
  content: "\53";
}
.icon-arrow-right:before {
  content: "\54";
}
.icon-messenger:before {
  content: "\55";
}
.icon-send-img2:before {
  content: "\57";
}
.icon-send-img3:before {
  content: "\58";
}
.icon-instagram-1:before {
  content: "\4a";
}
.icon-libro:before {
  content: "\59";
}
.icon-libro2:before {
  content: "\5a";
}
.icon-send-img:before {
  content: "\56";
}
.icon-android-time:before {
  content: "\30";
}
.icon-android-calendar:before {
  content: "\31";
}
.icon-shopping-cart:before {
  content: "\32";
}
.icon-link:before {
  content: "\33";
}
.icon-link-1:before {
  content: "\34";
}
.icon-menu-1:before {
  content: "\38";
}
.icon-search-1:before {
  content: "\39";
}
.icon-close-1:before {
  content: "\21";
}
.icon-new-icons-1:before {
  content: "\35";
}
.icon-sign-out:before {
  content: "\36";
}
.icon-cart-shopping-1:before {
  content: "\37";
}
.icon-user:before {
  content: "\22";
}
.icon-lock-secure-1:before {
  content: "\23";
}
.icon-g-google:before {
  content: "\24";
}
.icon-tiktok:before {
  content: "\25";
}
.icon-linkedin-1:before {
  content: "\26";
}
.icon-ios-world:before {
  content: "\27";
}
.icon-ios-world-outline:before {
  content: "\28";
}
.icon-globe:before {
  content: "\29";
}
.icon-home:before {
  content: "\2a";
}
.icon-heart:before {
  content: "\2c";
}
.icon-heart-o:before {
  content: "\2d";
}
.icon-x:before {
  content: "\2b";
}
.icon-link-2:before {
  content: "\2e";
}
.icon-share:before {
  content: "\2f";
}
.icon-telegram:before {
  content: "\3a";
}
.icon-telegram-2:before {
  content: "\3b";
}:root {
  --color-uno: #474747;
  --color-dos: #474747;
  --color-tres: #CCCCCC;
  --color-cuatro: #E0E0E0;
  --color-cinco: #808080;
  --color-seis: #3a4f66;
  --color-siete: #333;
  --color-ocho:#BDBDBD;
  --color-nueve:#F4F4F5;
  --color-blanco: #fff;
  --color-negro: #000;
  --fuente-uno: "Loew", sans-serif;
  --fuente-dos: 'Gotham', sans-serif;
}
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul { list-style: none;}
blockquote, q {  quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button{border: none;}
video, audio {width: 100% !important;height: auto;}
input,button{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;}
input, textarea{padding: 0 8px;}
button{cursor: pointer;}
figcaption{text-align: center;margin: 0;}
html {font-size: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
img{border:0;max-width: 100%;}
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
*:focus {outline: 0;}
*:before, *:after {
    box-sizing: border-box;
}

html{/*height: 100%;*/font-size: 10px;}
body {
    font-family: var(--fuente-uno);
    font-weight: 400;
    color: var(--color-negro);
    background: var(--color-blanco,#fff);
    /*height: 100%;*/
    overflow-x: hidden;line-height: 1;
    
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fuente-uno);
    font-weight: 400;
    margin: 0;
}
a,button{transition: all 300ms ease-in-out;text-decoration:none;font-family: var(--fuente-uno);color: var(--color-negro);}
input,textarea,button,select{font-family: var(--fuente-uno);}

@media (max-width: 580px){
  html{font-size: 9px;}
}.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

main{position: relative;z-index: 1;}

/**** cabecera */
  
.cabe_cont_alto{height: 80px;}


.cabe_cont{position: absolute;width: 100%;left: 0;right: 0;top: 0;background: var(--color-blanco); z-index: 10;}
.cabe_ct {
    padding: 6px 15px;
    height: 80px;
    display: flex;
    align-items: center;
    box-shadow:  0px 1px 4px rgba(0, 0, 0, 25%);
}
.cabe_m{max-width: 1290px;width: 100%;display: flex;margin: 0 auto;align-items: center;justify-content: center;font-size: 1.6rem;gap: 5px}
.cabe_m_c1 img{display: block;width: 100%}


.menu_active_envivo{background: red;color: var(--color-blanco);border-radius:15px;animation-name: pulse_btn_rojo;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite; }
.menu_active_envivo span{color: var(--color-blanco);}

.cabe_m_c3{display: none;}


.cabe_m_menu_btnabrir {
    font-size: 2.6rem;
    padding: 8px 8px 4px;
    display: block;
    cursor: pointer;
    color: var(--color-dos);
    border: 2px solid var(--color-dos);
    border-radius: 6px;
}

.cabe_popup{overflow: auto; position: fixed;width: 100%;height: 100%;left: 0px;right: 0px;top: 0px;bottom: 0px; background: rgba(32, 32, 32, 0.28);z-index: 12;padding: 10px;display: none;}
.cabe_popup_menu {
  display: table;
  width: 100%;
  height: 440px;
  max-width: inherit;
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;

}

.cabe_popup_menu{height: inherit;top: 0px;bottom: 0px;transform: inherit;left: 0px;right: 0px;width: 100%;}

.cabe_popup_menu nav{display: table-cell;vertical-align: middle;text-align: center;background: rgba(50,54,57,0.96);padding: 30px 0px;position: relative;}
.cabe_popup_menu nav li{display: block;padding: 8px 8px;text-align: center;text-transform: uppercase;}
.cabe_popup_menu nav li a{display: inline-block;padding: 7px;font-size: 1.6rem;color: var(--color-blanco);font-weight: 700;transition: all 300ms ease-in-out;font-family: var(--fuente-dos);}
.cabe_popup_menu nav li a:hover, .cabe_popup_menu nav li a.cabe_popup_menuactive{color: var(--color-dos);}
.cabe_popup_btncerrar{position: absolute;top: 14px;right: 14px;cursor: pointer;font-size: 2.4rem;color: var(--color-blanco);}

.cabe_popup_menu nav li.cabe_popup_menu_submenu a{font-size: 1.5rem;
    font-weight: 400;}
.cabe_popup_menu nav li a.menu_popup_active{    background: var(--color-dos);
    color: var(--color-blanco);}

.cabe_popup_menu nav li a.menu_popup_active_envivo{    background: red;
    color: var(--color-blanco);animation-name: pulse_fondo_rojo;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;}


.cabe_popup_open{overflow: hidden;}
.cabe_popup_open .cabe_popup{display: block;}




@media (max-width: 980px){
  .cabe_m_c3{display: block;margin-left: 8px}
}

@media(max-width: 620px){
  .cabe_popup_menu{height: inherit;top: 0px;bottom: 0px;transform: inherit;left: 0px;right: 0px;width: 100%;}
  .cabe_popup_menu nav li a{font-size: 1.6rem;width: 280px;border-bottom: 1px solid var(--color-blanco);padding: 16px 0px 16px;}
  .cabe_popup_menu nav li:last-child a{ border: 0px;}
  .cabe_popup_menu nav li{padding: 0px;}
}

@media (max-width: 580px){
 .cabe_cont_alto{height: 78px;}
 .cabe_ct{padding: 6px 10px;}
 .cabe_m{height: 66px}

}



/** POPUP ***/
.popup_g{position: fixed;width: 100%;height: 100%;top: 0px;bottom: 0px;right: 0px;left: 0px;    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition-duration: 0.5s;}
.popup_g_act{    opacity: 1!important;
    z-index: 50!important;
    visibility: visible!important;
    transition-duration: 0.5s;}
.popup_g_f{    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(32, 32, 32, 0.8);position: fixed;z-index: 21;}
.popup_g_c{max-width: 500px;position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;z-index: 22;}
.popup_g_c_f1{display: flex;justify-content: flex-end;/*padding-bottom: 10px;*/position: relative;}
.popup_g_x {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background-color: var(--color-dos);
    color: var(--color-blanco);
    border-radius: 50%;
    text-align: center;
    padding-top: 0;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 0;
    display: flex
;
    padding-bottom: 3px;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
}
.popup_g_c_f2{background: var(--color-blanco);text-align: center;padding: 50px 28px;border-radius: 20px;}



#popup_aviso .popup_g_c{max-width: 850px;}
#popup_aviso .popup_g_c_f2 h2{font-weight: bold;font-size: 25px;line-height: 1.3;color: var(--color-dos);margin-bottom: 12px;}
#popup_aviso .popup_g_c_f2 h3{font-weight: bold;font-size: 20px;line-height: 1.3;color: var(--color-dos);margin-bottom: 15px;}
#popup_aviso .popup_g_c_f2 p{font-weight: 600;font-size: 16px;line-height: 1.3;margin-bottom: 12px;}
.popup_lt_btn{display: flex;justify-content: center;gap: 10px;padding-top: 8px}
.popup_lt_btn a{background: var(--color-dos);color: var(--color-blanco); ;display: block;max-width: 300px;padding: 15px 10px 19px;text-align: center;font-weight: 600;
font-size: 16px;width: 100%}
#popup_aviso .popup_g_c_f2 a:hover{opacity: 0.8;}


#popup_registro .popup_g_c{max-width: 520px;}
#popup_registro .popup_g_c img{display: block;margin: 0 auto 30px;}
#popup_registro .popup_g_c p{font-size: 1.6rem;margin-bottom: 30px;}
#popup_registro .popup_g_c a{display: block;max-width: 420px;background: var(--color-uno);color: var(--color-blanco);font-size: 1.6rem;font-weight: 600;padding: 11px 10px 13px;border-radius: 5px;margin: 0 auto;}
#popup_registro .popup_g_c img{}
#popup_registro .popup_g_c img{}

/** FIN POPUP ***/

/**** general ******/
.gn_title_1{color: var(--color-dos);font-size: 3.8rem;text-align: center;margin-bottom: 40px;font-weight: 900}

.gn_title_2{color: var(--color-dos);font-size: 2.8rem;text-align: left;margin-bottom: 30px;font-weight: 700}

@media (max-width: 580px){
  .gn_title_1{margin-bottom: 25px}
  .gn_title_2{margin-bottom: 20px}
}



.gene_banner{ position: relative;z-index: 1;max-width: 1124px;margin: 0 auto;padding-top: 26px}
.gene_banner_m:before{content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.4);z-index: 1}
.gene_banner_m{ background: var(--fondo-gene-dos) center center; no-repeat;padding: 20px 15px;display: flex;align-items: center;justify-content: center;min-height: 200px;background-size: cover; width: 100%;position: relative;z-index: 2;overflow: hidden;border-radius: 5px}
.gene_banner_m h1{font-weight: 900;font-size: 3.6rem;color: var(--color-blanco);text-shadow: 2px 2px 2px var(--color-tres);position: relative;z-index: 3;text-align: center;line-height: 1.3}

@media (max-width: 580px){
  .gene_banner{padding: 10px 10px 0}
  .gene_banner_m{padding: 30px 15px;min-height: inherit;}
  .gene_banner_m h1{font-size: 2.6rem;}

}

.gene_banner2{ background: var(--fondo-gene-dos) center center; no-repeat;padding: 20px 15px;display: flex;align-items: center;justify-content: center;min-height: 300px;background-size: cover;position: relative;z-index: 1}
.gene_banner2_m{ max-width: 1100px;margin: 0 auto;width: 100%;text-align: left;position: relative;z-index: 2}
.gene_banner2_m h1{font-weight: 900;font-size: 3.6rem;color: var(--color-uno);}
.gene_banner2_m h1 span{font-weight: 900;font-size: 2.4rem;color: var(--color-blanco);display: table;margin: 8px 0 12px;}


@media (max-width: 580px){
  .gene_banner2{padding: 30px 15px;min-height: inherit;}
  .gene_banner2_m h1{font-size: 3.4rem;}
  .gene_banner2_m h1 span{font-size: 2.4rem;}
}

/**** fin general ******/

/**** registrarse ******/
.regi_ct{background: var(--gn-fondouno) top right;padding: 50px 15px;background-size: cover;}
.regi_ct_m{max-width: 1290px;margin: 0 auto;width: 100%}
.regi_ct_cua{max-width: 490px;width: 100%;padding: 20px 28px 10px;background: var(--color-blanco);border-radius: 20px}


.regi_ct_cua_f1{padding-bottom: 25px;}
.regi_ct_cua_f1 h1{font-family: 'DIN Pro';font-size: 3rem;line-height: 1.3;text-align: center;font-weight: 900;}


.regi_ct_form_f1{margin-bottom: 20px;}
.regi_ct_form_f1x2{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 20px;}
.regi_ct_form_f1x2 .regi_ct_form_cua{flex: 0 0 calc(50% - 5px);}
.regi_ct_form_cua{}
.regi_ct_form_cua label{font-size: 1.3rem;display: block;padding-bottom: 8px;}
.regi_ct_form_cua input, .regi_ct_form_cua select{width: 100%;border-radius: 6px;border: 1px solid var(--color-cuatro);height: 30px;padding: 6px 8px;font-size:14px; }
.regi_ct_form_cua button{background: var(--color-uno);color: var(--color-blanco);font-size: 16px;font-weight: 600;text-align: center;padding: 10px 10px 12px;max-width: 420px;width: 100%;border-radius: 5px;}
.regi_ct_form_cua button:hover{opacity: 0.8}

.regi_ct_form_cua span{display: block;font-size: 1.4rem;padding-top: 15px}

  .checkbox{
    display: flex;
    margin-bottom: 20px
  }
  .checkbox input[type="checkbox"]{
    -webkit-appearance: checkbox;appearance: checkbox;
  }
  
  .checkbox p{
    font-size: 15px;
    padding-left: 10px;
  }
  .checkbox p a{
    text-decoration: none;
    color: var(--color-uno);font-weight: 600;
  }
.checkbox p:hover a{text-decoration: underline;}


.errorj{border-color: red !important}


.regi_ct_cua_f3{display: flex;justify-content: center;gap: 10px;align-items: center;}
.regi_ct_cua_f3 span{font-size: 1.6rem;line-height: 1.3;}
.regi_ct_cua_f3 span a{font-weight: 600;color: var(--color-uno);}
.regi_ct_cua_f3 span a:hover{text-decoration: underline;}


@media (max-width: 580px){
  .regi_ct_form_f1x2{flex-wrap: wrap;gap: 20px;}
  .regi_ct_form_f1x2 .regi_ct_form_cua{flex: 0 0 100%;}
}

/**** fin registrarse ******/




/**** home ******/
body{background: var(--gn-fondouno) top center;background-size: cover;}
.ho_ct1{width: 100%;position: relative;z-index: 1;padding: 0px 15px 20px;}



.menu_m{max-width: 1530px;margin: 0 auto;width: 100%;padding: 20px 0 40px;display: flex;justify-content: flex-start;gap: 20px;}
.menu_m a{font-size: 1.7rem;}
.menu_m a.menu_active{font-weight: 700}
.menu_m a:hover{text-decoration: underline;}


.ho_ct1_m{max-width: 1740px;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 15px}
.ho_ct1_c1{flex: 1}
.ho_ct1_c1 img{display: block;}
.ho_ct1_c2{flex: 0 0 436px;}

.ho_ct1_c1_i1{display: flex;justify-content: center;width: 100%;margin-bottom: 20px;}
.ho_ct1_c1_i2{display: flex;justify-content: center;width: 100%;margin-bottom: 10px;}
.ho_ct1_c1_ls{display: flex;justify-content: center;gap: 5px;align-items: flex-end;flex-wrap: wrap;}



.ho_ct1_pie {
    font-family: var(--fuente-dos);
    font-size: 3rem;
    letter-spacing: 1.8rem;
    text-align: center;
    font-weight: 500;padding-top: 40px;line-height: 1.2;
}

@media (max-width: 1650px){
      body {
        
        min-height: 100vh;
        background-position: top center;
    }

  .menu_m{max-width: 1200px}
  .ho_ct1_m{max-width: 1200px;gap: 30px}

  .ho_ct1_pie{    font-size: 1.8rem;    letter-spacing: 1.2rem;}
  .ho_ct1_c1_ls{gap: 1%}
  .ho_ct1_c1_i1 img{max-width: 300px}
  .ho_ct1_c1_i2 img{max-width: 466px}
  .prem_1{width: 23%}
  .prem_2{width: 36%}
  .prem_3{width: 19%}
  .prem_4{width: 19%}

  .ho_ct1_c2 {
    flex: 0 0 390px;
  }
  .regi_ct_cua_f1 h1{font-size: 2.5rem;}
  .regi_ct_form_cua label {
    font-size: 1.2rem;
    display: block;
    padding-bottom: 4px;
  }

  .regi_ct_form_f1x2, .regi_ct_form_f1 {    margin-bottom: 10px;}
}

@media (max-width: 1270px){
  .ho_ct1_m{align-items: flex-start;}
}

@media (max-width: 970px){
  .ho_ct1_m{flex-wrap: wrap;justify-content: center;gap: 30px}
  .ho_ct1_c1 {    flex: 0 0 100%;}
  .ho_ct1_c1_ls img{max-width: calc(50% - 5px);}
}
@media (max-width: 680px){
.menu_m{padding-bottom: 20px}
}
@media (max-width: 580px){
  body{background-size: cover;}
      .ho_ct1_c2 {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
    }
 .ho_ct1_pie{font-size: 2rem;letter-spacing: 1.4rem}


  .ho_ct1_c1_i2 img{max-width: 100%}

.ho_ct1_c1_i1 img {
    display: block;
    max-width: 80%;
}

.menu_m{padding-bottom: 20px}
.ho_ct1_c1_ls{gap: 5px}
.prem_1{width: calc(50% - 5px)}
  .prem_2{width: calc(50% - 5px)}
  .prem_3{width: calc(50% - 5px)}
  .prem_4{width: calc(50% - 5px)}

}



.ho_ct2_m{background: var(--color-blanco);border-radius: 17px;padding: 25px 60px;max-width: 1424px;margin: 0 auto;font-family: var(--fuente-dos);overflow: auto;    max-height: calc(100vh - 250px);}

.ho_ct2_m h1{font-size: 2.5rem;text-align: center;font-weight: 700;text-decoration: underline;margin-bottom: 18px;}

.ho_ct2_m h2{font-size: 1.6rem;text-align: left;font-weight: 700;margin-bottom: 16px;line-height: 1.3}

.ho_ct2_m p{font-size: 1.5rem;text-align: left;font-weight: 400;margin-bottom: 18px;line-height: 1.3}

.ho_ct2_m ol{list-style: decimal;padding-left: 17px;margin-bottom: 18px;}
.ho_ct2_m ol li{font-size: 1.5rem;margin-bottom: 10px;line-height: 1.3}

.ho_ct2_m ul{list-style: disc;padding-left: 17px;margin-bottom: 18px;}
.ho_ct2_m ul li{font-size: 1.5rem;margin-bottom: 10px;line-height: 1.3}

.term_ls{flex-wrap: wrap;display: flex;gap: 10px;margin-bottom: 18px}

.term_table{margin-bottom: 18px;max-width: 600px;font-size: 1.5rem;border-left: 1px solid #000}
.term_table thead td{color: #fff;background: #000;padding: 10px;}
.term_table tbody td{padding: 10px;border-bottom: 1px solid #000;border-right: 1px solid #000;line-height:1.3 }

@media (max-width: 580px){
      .term_ls {gap: 0px;}
      
      .term_ls img{display: block;}
      .ho_ct2_m{padding: 20px 20px;    max-height: calc(100vh - 180px);}
    }

/**** fin home ******/





@media (max-width: 990px){
}

@media (max-width: 694px){
}

/**** fin menu ***/


/**** whasap **/


.wsp-mobil {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #25d366;
  border-radius: 50%;
  width: 58px;
  height: 58px;
 
  z-index: 30;
  animation-name: pulse_btn;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  
  bottom: 20px;
  right: 20px;
  border-radius: 50%;display: flex;
}
.wsp-mobil:hover{
  opacity:  1;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
          }
.wsp-mobil span{font-size: 34px;color: var(--color-blanco);line-height: 0;display: table;}
@keyframes pulse_btn {
  0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
      box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

@keyframes pulse_btn_rojo {
  0% {
      box-shadow: 0 0 0 0 rgba(255, 0, 0,0.5);
  }
  80% {
      box-shadow: 0 0 0 14px rgba(255, 0, 0,0);
  }
}

@keyframes pulse_fondo_rojo {
  0% {
      background: rgba(255, 0, 0,1);
  }
  50% {
      background:  rgba(255, 0, 0,0.5);
  }
  90% {
      background:  rgba(255, 0, 0,1);
  }
}/**** flotante ****/
  .rsof_cont{    
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    backface-visibility: hidden;
    display: block;
    position: fixed;
    opacity: 1;
    text-align: left;
    top: 160px;
    z-index: 94034;left: 0}
  .rsof_btn{    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: none;
    cursor: pointer;
    display: block;
    font-size: NaNpx;
    height: 48px;
    line-height: 24px;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 48px;
  }

  .rsof_btn.rsof_face{
    background-color: #4267B2;
  }
  .rsof_btn.rsof_twi {
    background-color: #000;
  }
  .rsof_btn.rsof_what {
    background-color: #25d366;
  }
  .rsof_btn.rsof_email {
    background-color: #7d7d7d;
  }
  .rsof_btn.rsof_copy {
    background-color: #515151;
  }

  .rsof_btn > img {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    height: 24px;
    margin-left: 0;
    vertical-align: top;
    width: 24px;
  }
  .rsof_btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    left: -35px;
    letter-spacing: 0.5px;
    opacity: 0;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
    filter: alpha(opacity=0);
    font-size: 12px;
  }

  .rsof_cont .rsof_btn:last-child {
    margin-right: 0;
  }

  .rsof_btn:hover {
    width: 140px;
  }

  .rsof_btn:hover > span {
    opacity: 1;
    display: inline-block;
    left: 0;
    filter: alpha(opacity=100);
  }

  .rsof_textshare{background: #1e1e1e;color: #fff;padding: 8px 5px;text-align:center; width: 48px}
  .rsof_textshare span{font-size: 12px;display: block;text-align: center;padding-bottom: 3px}
  .rsof_textshare i{font-size: 19px;font-weight: bold;}

  @media(max-width: 650px){

    .rsof_cont{
      bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
    left: 0;
    }

    .rsof_btn {
    width: auto;    flex: 1;
    text-align: center;
    }

    .rsof_btn > span {
    display: none;
    }

    .rsof_btn:hover {
    width: auto;
    }
    .rsof_btn:hover > span{display: none;}
    .rsof_textshare{display: none;}
  }


/**** insertado ***/
  .rsoi_cont{display: flex;text-align: center;width: 100%;padding-bottom: 10px}
  .rsoi_btn{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    color: #fff;
    flex: 1;
  }

  .rsoi_btn.rsoi_face{
    background-color: #4267B2;
  }
  .rsoi_btn.rsoi_twi {
    background-color: #000;
  }
  .rsoi_btn.rsoi_what {
    background-color: #25d366;
  }
  .rsoi_btn.rsoi_email {
    background-color: #7d7d7d;
  }
  .rsoi_btn.rsoi_copy {
    background-color: #515151;
  }

  .rsoi_btn > img {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
  }
  .rsoi_btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 60px;
    opacity: 1;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
    font-size: 12px;
  }

  .rsoi_cont .rsoi_btn:last-child {
    margin-right: 0;
  }

  .rsoi_btn:hover {
    opacity: .8;
    top: -4px;
  }

  @media(max-width: 650px){
   /* .rsoi_cont{padding: 10px 15px 0}*/
    .rsoi_btn > span {
    display: none;
    }
  }