/* cosas del root para los colores */
:root {--ColorRojo:#CD001A;--AmarilloObscuro:#ddddb2;--pricipal-boton-color: #083953;--color_happy-boton-color: #7d3f87;--color_relax-boton-color: #414141; --font-size: 0.7em; --bg1: #FFF; --blue: #3498db; --green: #2ecc71; --purple: #9b59b6; --gold: #f1c40f; --red: #e74c3c; --orange: #e67e22; --shadow1: 0 2px 4px #00000026, 0 3px 6px #0000001f; --shadow2: 0 2px 6px #00000044, 0 4px 7px #00000022}
[data-selected-theme="color_eco"] {--color-background: #083953;--color-text: #034435;--color-accent: #00CC66;}
[data-selected-theme="color_happy"] {--color-background: #7d3f87;--color-text: #2B4150;--color-accent: #00D4E7;}
[data-selected-theme="color_relax"] {--color-background: #414141;--color-text: #1E1E24;--color-accent: #F3601C;}
/* cosas del root para los colores */
/*css reset*/
*,*::before,*::after {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}
/*css reset*/
body{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-weight: 400; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:18px;margin:0;line-height:1.5;color:#000;background-color:#fff;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing: -0.061em;word-spacing: -0.05em;font-weight:500;margin:0;color: var(--color-background);}p{margin-bottom:.9rem}a{text-decoration:none;color:#000}.card-highlight h2,.card-highlight h3{color:#fff}.ancho_900_secciones h2{max-width:max-content;border-radius:5px}
/* el css del MENU aqui */
.logo img,.mobile-logo img{height:50px}.mobile-logo{display:none;position:fixed;top:10px;left:20px;z-index:1100;transition:transform .3s}.bottom_nav,.top-menu{left:0;width:100%;z-index:1000}.top-menu{position:fixed;top:0;display:flex;justify-content: center;align-items:center;padding:0 20px;transition:background-color .3s;background-color:transparent;font-weight:500;letter-spacing:-.041em;word-spacing:-0.06em;font-size:16px;text-transform:uppercase}.top-menu.scrolled{background-color:#fff}.logo{margin-right:80px}.logo img{width:190px}.menu-items{display:flex;list-style:none;justify-content:center}.bottom_nav,.bottom_nav_submenu,.submenu-idiomas{display:none;background-color:#fff}.menu-items a{text-decoration:none;color:#000;padding:23px 11px;transition:.3s}.bottom_nav a,.bottom_nav_submenu a{text-align:center;color:#555;text-decoration:none;font-size:14px}.menu-items a.active,.menu-items a:hover{background-color:var(--color-background);color:#fff}.submenu-idiomas{position:absolute;border:1px solid #ccc;padding:10px 0}.submenu-idiomas a{padding:13px 10px}.bottom_nav{position:fixed;bottom:0;height:67px;justify-content:space-around;align-items:center;border-top:1px solid #ccc;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.bottom_nav a{position: relative;flex:1;display:flex;flex-direction:column;align-items:center}.bottom_nav a.active::before, .bottom_nav a:hover::before {content: "";position: absolute;top: 30%;left: 50%;transform: translate(-50%, -55%);width: 22px;height: 22px;background: var(--color-background);opacity: 0.3;border-radius: 8px;z-index: -1;}.bottom_nav a.active span{font-weight: 500}.bottom_nav a:hover{font-weight: 500}.bottom_nav img{width:26px;height:26px;margin-bottom:5px;transition:transform .2s}.bottom_nav a:hover img{transform:scale(1.1)}.bottom_nav a span{font-size:12px}.bottom_nav_submenu{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);border:1px solid #ccc;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;z-index:10}.bottom_nav_submenu a{display:block;padding:10px 20px;background-color:#fff}.bottom_nav_submenu a:hover{background-color:#f5f5f5}@media (width <= 1200px){.top-menu{display:none}.bottom_nav{display:flex}.mobile-logo{left:0;display: flex;justify-content: center;width: 100%;}.gdprcookie{bottom: 90px!important;}}
/* el css del MENU aqui */
/* pagina del HOME */
.centrito{left: 12%;margin: 0;position: absolute;top: 50%;max-width: 630px;width: 87%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 16px;}
/* rotating effect */
.rotating-text {text-transform: uppercase;display: inline-block;}.rotating-text p {display: inline-flex;margin: 0;vertical-align: top;}.rotating-text .fraseinifin{display: block;text-shadow: 2px 2px 0 #727272}.rotating-text p .word {position: absolute;display: flex;opacity: 0;color: var(--color-background);text-shadow: 2px 2px 0 #FFF;}.rotating-text p .word .letter {transform-origin: center center 25px;}.rotating-text p .word .letter.out {transform: rotateX(90deg);transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);}.rotating-text p .word .letter.in {transition: 0.38s ease;}.rotating-text p .word .letter.behind {transform: rotateX(-90deg);} @media (width <= 1366px){.titulo_home{font-size: 70px;line-height: 1.2em;}}
/* rotating effect */
.formas_fondo{background-attachment:fixed;position: absolute;z-index: 0;opacity: 0.29;width: 100%;height: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");}
.resalt{background-color:var(--color-background);color:#fff;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.btn-3d{transition:.38s;cursor:pointer;display:inline-block;margin-top:50px;letter-spacing:1px;outline:0;position:relative;line-height:1.15;padding:15px 40px 15px 100px;border-radius:10px;border:1px dashed #fff;background:var(--color-background);color:#fff;text-align:center}.btn-3d:hover{box-shadow:0px 0px 10px 1px rgba(0,0,0,.5)}
.btn-3d::before{content:"";background-image: url(http://barnastudios.com/images/letsgo.svg);background-size: 30px 30px;background-color:#fff;background-repeat:no-repeat;background-position:center;z-index:2;border-radius:10px 0 0 10px;position:absolute;height:100%;left:0;top:0;width:60px;transition: all 0.3s ease}.btn-3d:hover::before {background-size: 36px 36px;}.btn-3d::after{transition:.38s;content:'';position:absolute;width:20px;height:20px;background:#fff;left:55px;margin:-10px 0 0 -10px;transform:rotate(45deg)}.btn-3d:hover::after{left:60px}.botones_home{background: #fff;border: 1px dashed var(--color-background);color:  var(--color-background);}.botones_home::before {background-image: url(http://barnastudios.com/images/letsgowhite.svg);background-color: var(--color-background);}.botones_home::after {background: var(--color-background);}.botones_home:hover{box-shadow:0px 0px 10px 1px rgba(255,255,255,.5)}.botones{padding: 20px 30px;margin-top: 50px;display: inline-block;align-content:center;align-items:center;text-align:center;border-radius: 5px;}.titulo_home{color: #fff;font-size: 108px;line-height: 1.2em;font-weight: 500;letter-spacing: -0.081em;word-spacing: -0.06em}.maxima_aceleramos{font-size:50px;line-height:1;margin:0 auto;align-content:center;align-items:center;text-align:center}.containerdivisor{max-width:20%;margin:40px auto}.hr-text{line-height:1em;position:relative;outline:0;border:0;color:#000;text-align:center;height:1.5em;opacity:.5}.hr-text::before{content:"";background:linear-gradient(to right,transparent,#818078,transparent);position:absolute;left:0;top:50%;width:100%;height:1px}

.texto_home p {padding: 0 30px}

/* el css del SLIDER aqui */
.slider-container{position:relative;width:100%;height:100vh;z-index:-1;background-color: #eba036;}.slider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-attachment:fixed;background-position:bottom right;background-repeat:no-repeat;background-size:cover;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.slide.show{opacity:1}
/* el css del SLIDER aqui */
/* flecha de indicacion de bajar */
.icon-wrapper{display:inline-block;vertical-align:middle;position:absolute;top:90%;left:95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mouse-icon{position:relative}.mouse-icon .mouse{width:21px;height:31px;background:var(--color-background);border-radius:20px;position:relative;margin-bottom:3px}.mouse-icon .mouse::after{content:"";background:#fff;width:4px;height:6px;position:absolute;top:5px;left:50%;margin-left:-2px;border-radius:20px}.mouse-icon .arrow{width:8px;height:8px;display:block;border-bottom:2px solid var(--color-background);border-right:2px solid var(--color-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;margin:0 auto;}
/* flecha de indicacion de bajar */
/* pagina del HOME */
/* secciones de paginas */
.margin_secciones{padding: 0 30px;}.web_design, .web_shop, .web_apps{margin: 50px 0}.sep_abajo{margin-bottom: 50px}.web_contacto h2, .web_design h2, .web_shop h2, .web_apps h2{font-size: 35px;line-height: 1;margin-bottom:16px}.resalt_H {background-color: var(--color-background);color: #fff;padding: 1px 14px 9px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px dashed #fff;transition: .38s;}.web_design ul, .web_shop ul, .web_apps ul {line-height: 1.67em;margin-top: 10px}.web_design ul li, .web_shop ul li, .web_apps ul li{padding: 3px 0 3px 24px;background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPjxwYXRoIGQ9Ik0wIDBoNnY2SDB6IiBmaWxsPSIjQ0QwMDFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") no-repeat 6px 14px;}.recortados{height: auto;width: 458px;z-index: -1;bottom: 0;right: 0;position: fixed;transition: all .15s ease-out;}@media (width <= 1000px){.recortados {display: none;}}@media (width <= 1250px){.recortados{right: -25%;}}.miron { unicode-bidi:bidi-override; direction:rtl;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none }.miron.uma::before { content:"moc.soidutsan" }.miron.uma::after { content:"@ofni" }.miron.pota::before { content:"- 8" }.miron.pota::after { content:" 25 196 -"}.encabezados_secciones{margin:auto;padding-top: 120px; align-content: center;align-items: center;text-align: center;max-width: 970px;}.encabezados_secciones h1{font-size: 50px;line-height: 1; margin-bottom: 25px;}.encabezados_secciones p{padding: 0 30px;text-align: left}.ancho_900_secciones{max-width: 900px}
/* secciones de paginas */
/* ------------------------------------*/
.container_diseweb{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;position:relative;max-width:1140px}.colores_texto_rojos{color: var(--ColorRojo);}.diseweb_amarillo{box-sizing:border-box;position:relative;width:50%;flex-wrap:wrap;display:inline-grid;margin:-100px 0;background-color:var(--AmarilloObscuro);align-content:center;align-items:center;text-align:center}
.diseweb_gris{background-color:#FFF;padding:20px;transition: all .15s ease-out;border-radius: 5px;border: 1px dashed #000;width: fit-content;}.diseweb_gris h2{margin-bottom: 20px;position: relative;color: var(--color-background);font-size: 22px;line-height: 1.3;}.diseweb_gris li {list-style-type: none;position:relative;margin-bottom:0.4em;}.diseweb_gris li::before {content: '.';font-size: 25px;display: inline-block;position: absolute;left: -0.5em;top: -12px}.diseweb_gris li a{color:#fff;background-color: var(--color-background);padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* ------------------------------------*/
/* SECCION pautas */
ul.infoGraphic{font-size:var(--font-size);display:flex;flex-wrap:wrap;justify-content:center}ul.infoGraphic li{position:relative;width:100%;max-width:25em;background:var(--bg1);border-radius:.5em;padding:.5em;z-index:1;transition:.2s;cursor:pointer;list-style:none}ul.infoGraphic li .numberWrap{position:absolute}ul.infoGraphic li .number{font-size:9em;width:.9em;text-align:center}ul.infoGraphic li .number.fontColor1{color:var(--blue)}ul.infoGraphic li .number.fontColor2{color:var(--green)}ul.infoGraphic li .number.fontColor3{color:var(--purple)}ul.infoGraphic li .number.fontColor4{color:var(--gold)}ul.infoGraphic li .number.fontColor5{color:var(--red)}ul.infoGraphic li .coverWrap{transform:rotate(130deg);position:absolute;width:15em;height:15em;left:-2em;top:-1em}ul.infoGraphic li .coverWrap .numberCover{position:absolute;background:var(--bg1);width:15em;height:7.4em;border-radius:50% 50% 0 0;border-bottom:3px solid #f5f8f7;transition:.4s}ul.infoGraphic li .coverWrap .numberCover::before{position:absolute;content:"";bottom:5px;left:4em;right:4em;top:5em;box-shadow:0 0 30px 17px #48668577;border-radius:100px/10px;z-index:-1}ul.infoGraphic li .coverWrap .numberCover::after{position:absolute;bottom:0;content:"";left:-10%;width:120%;height:150%;background:radial-gradient(at bottom,#48668533,transparent,transparent);z-index:1}ul.infoGraphic li .content_pautas{margin:5em 3em 1em 5em;position:relative}ul.infoGraphic li .content_pautas h2{font-size:1.7em;text-align:center;margin-bottom:10px;text-transform:uppercase}ul.infoGraphic li .content_pautas p{line-height:1.5em;font-size:1.2em}ul.infoGraphic li:hover .coverWrap .numberCover{border-radius:100%}.icon_pautas{position:absolute;font-size:2rem;width:40px;text-align:center;top:-1.3em;left:50%;transform:translatex(-50%)}
/* SECCION pautas */
/* las cards del HOME */
.cardcelote_parent{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;height:auto}.credentialing{--bg-color:#d4ebde;--bg-color-light:#fff;--text-color-hover:#000;--box-shadow-color:rgba(184, 249, 211, 0.48)}.wallet{--bg-color:#ebd4e9;--bg-color-light:#fff;--text-color-hover:#000;--box-shadow-color:rgba(206, 178, 252, 0.48)}.human-resources{--bg-color:#d4e2eb;--bg-color-light:#fff;--text-color-hover:#000;--box-shadow-color:rgba(220, 233, 255, 0.48)}.cardcelote{width:100%;height:auto;background:#fff;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 14px 26px rgba(0,0,0,.04);transition:all .3s ease-out;text-decoration:none}.cardcelote:hover{transform:translateY(-5px);box-shadow:0 24px 36px rgba(0,0,0,.11),0 24px 46px var(--box-shadow-color)}.cardcelote:hover .overlaycelote{transform:scale(4) translateZ(0)}.cardcelote:hover .circlecelote{border-color:var(--bg-color-light);background:var(--bg-color)}.cardcelote:hover .circlecelote::after{background:var(--bg-color-light)}.cardcelote:hover p{color:var(--text-color-hover)}.cardcelote:active{transform:scale(1) translateZ(0);box-shadow:0 15px 24px rgba(0,0,0,.11),0 15px 24px var(--box-shadow-color)}.cardcelote p{display: none;position:absolute;left:160px;font-size:17px;color:#000;margin-top:30px;transition:color .3s ease-out}.circlecelote{width:118px;height:118px;top:0;left:0;border-radius:50%;background:#fff;border:2px solid var(--bg-color);display:flex;justify-content:center;align-items:center;position:relative;z-index:1;transition:all .3s ease-out}.circlecelote::after{content:"";width:100px;height:100px;display:block;position:absolute;background:var(--bg-color);border-radius:50%;top:7px;left:7px;transition:opacity .3s ease-out}.circlecelote img{width: 100px;height: 100px;z-index:10000;transform:translateZ(0)}.overlaycelote{display:none;width:118px;position:absolute;height:118px;border-radius:50%;background:var(--bg-color);top:70px;left:50px;z-index:0;transition:transform .3s ease-out}.row_cosas_web_home{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.col-lg-4_cosas_web_home{position:relative;min-height:1px;padding: 0 5px;-ms-flex:100%;flex:100%;width:100%}.card_cosas_web_home{min-height:170px;margin:0;border-radius:0;border: 1px solid #dbdbdb;color:#000;letter-spacing:.05rem}.gr-1{background:#ebf7f0}.gr-2{background:#f7ebf6}.gr-3{background:#ebf2f7}@media (width >= 768px){.circlecelote img {width: 150px;height: 150px}.col-lg-4_cosas_web_home{padding:0 15px;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.cardcelote{width:220px;height:321px;border-radius: 5px;}.overlaycelote{display:block}.cardcelote p{top:195px;left:10px;display: block}.circlecelote{left:0;top:-30px;width:136px;height:136px}.circlecelote::after{width:118px;height:118px}}@media (width >= 850px){.col-lg-4_cosas_web_home{padding:0 30px}}
/* las cards del HOME */

/* css del scroll */
::-webkit-scrollbar{width:8px;height:12px;background-color:#FFF}::-webkit-scrollbar-thumb{background-color:var(--color-background);border:1px solid #FFF}::-webkit-scrollbar-corner{background-color:#FFF}
/* css del scroll */
footer{background:var(--color-background);color:#fff;margin:auto;display:flex;align-content:center;align-items:center;text-align:center;flex-direction:column;justify-content:center;padding:0;transition: all .15s ease-out;}.footer_telefono{font-size:25px;letter-spacing:3px;color:#fff;padding: 10px;}footer p{font-size: 12px}
/* media queries */
@media (width <= 1050px) {.centrito{left: 5%;}.encabezados_secciones {padding-top: 85px;}.ancho_900_secciones h2{margin: 0 auto 10px !important;font-size: 24px !important;line-height: 33px}.web_design h3{margin-top: -20px;}.titulo_home{font-size: 52px !important;margin-bottom: 35px}.maxima_aceleramos{margin:10px;font-size:30px}.texto_paginas_web .diseweb_gris{width:100%!important;padding:25px!important;margin: 0!important}.diseweb_amarillo h3,.disegrafico_blanco h3,.marketing_amarillo h3{font-size:40px!important;display:none;visibility:hidden}.diseweb_amarillo,.disegrafico_blanco,.marketing_amarillo{display: none}.footer_telefono{font-size:16px!important}.webs{margin:50px 0}.mapa_fondo_home_diseweb{display: none}}
/* media queries */
/* seccion de las cookies */
.gdprcookie{position:fixed;right:30px;bottom:30px;max-width:375px;background-color:#fff;padding:20px;border-radius:5px;border: 1px dashed var(--color-background);margin-left:30px;z-index:999}.gdprcookie .cookie_encabezado{color:var(--color-background)!important;font-weight:500;text-shadow:none}.gdprcookie .cookie_encabezado{font-size:.95em;margin:-9px 0 5px}.gdprcookie a{color:#fff;background: var(--color-background); text-decoration:none;padding-bottom:2px;border:none}.gdprcookie p,.gdprcookie ul{line-height:1.5em;font-size:.65em}.gdprcookie-buttons{text-align:center}.gdprcookie-buttons button{float: left;border:none;background:var(--color-background);color:#fff;font-size:.75em;padding:7px;border-radius:3px;cursor:pointer}.gdprcookie-buttons button:disabled{opacity:.3;cursor:not-allowed}.gdprcookie-types ul{overflow:hidden;padding:0;margin:0 0 1rem}.gdprcookie-types li{display:block;list-style:none;float:left;width:50%;padding:0;margin:0}.gdprcookie-types input[type=checkbox]{margin-right:.25rem}.gdprcookie-types li label{cursor:help}@media (width <= 400px){.gdprcookie-buttons button {border:none;font-size: 13px;padding: 7px 2px;margin-left: 0;margin-right: 5px;}.gdprcookie .cookie_encabezado{font-size: 1em;}}
/* seccion de las cookies */

.buttonlogin {background-color: var(--color-background);color: #fff;font-size: 16px;text-transform: uppercase;padding: 8px 14px;border: none;cursor: pointer;border-radius: 4px;letter-spacing:  -0.06rem;;position: fixed;top: 10px;right: 16px;z-index: 9999;text-decoration: none;display: inline-block;}

/*el menu de los colores*/
#color_eco{background-color:var(--pricipal-boton-color)}#color_happy{background-color:var(--color_happy-boton-color)}#color_relax{background-color:var(--color_relax-boton-color)}.menu {-webkit-user-select: none;  user-select: none;margin: auto;position:fixed;top: 50%; bottom: 50%; left: 0; text-align: center; box-sizing: border-box; z-index: 999;font-size: 13px;  margin-left:-20px;}.menu{color: #FFFFFF;}.button,.cover,.in_colors{border-radius:50%;position:absolute}.button,.in_colors{cursor:pointer;display:flex}.cover{position:absolute}#cb_colors{display:none}.cover{width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:brown;z-index:2;box-shadow:3px 4px 10px 1px rgba(0,0,0,.5)}#cb_colors:checked~.cover>.button,.button{background-color:var(--color-background)}.button,.in_colors{height:100%;width:100%;align-items:center;justify-content:space-around;flex-direction:column}.button{transition:background .8s;align-items:center;justify-content:space-around;flex-direction:column;padding:1.9rem 0}.menu-line{width:24%;height:6px;border-radius:6px;background-color:#f5f5f5;margin:auto auto auto 67px;transition:transform .2s,opacity .2s}.in_colors{opacity:0;height:80%;width:80%;box-shadow:0 0 10px 1px rgba(0,0,0,.5);padding:1rem;top:calc(50% - 40px);left:calc(50% - 40px)}.menu1{transition:transform .1s .1s,opacity .2s .1s}.menu2{transition:transform .1s .2s,opacity .2s .2s}.menu3{transition:transform .1s .3s,opacity .2s .3s}#cb_colors:checked~.cover>.menu1{transform: translateX(72px) translateY(90px);opacity:1}#cb_colors:checked~.cover>.menu2{transform: translateX(120px) translateY(0);opacity:1}#cb_colors:checked~.cover>.menu3{transform: translateX(72px) translateY(-90px);opacity:1}#cb_colors:checked~.cover>.button>.ml2{opacity:0}#cb_colors:checked~.cover>.button>.ml1{transform:translateY(15px) rotate(45deg)}#cb_colors:checked~.cover>.button>.ml3{transform:translateY(-13px) rotate(-45deg)}
/*el menu de los colores*/

/* secciones del home */
.maincete{width:100vw;height:1100px;margin:6% 0 0;display:grid;grid-template-columns:1fr 2fr}.maincete .layer{position:absolute;top:0;left:0;width:100%;height:100%}.maincete .hero-left{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:.5rem}.maincete .hero-left h1{text-align:center;font-size:4rem}.maincete .hero-left button{position:absolute;padding:1rem 1.5rem;margin:1rem;background-color:var(--color-background);transition:.38s;font-size:2.5rem;cursor:pointer;z-index:2;border-radius:10px;border:1px dashed #fff;background:var(--color-background);color:#fff;text-align:center}.box2,.box3{color:#fff;border-radius:10px;display:inline-block;transform:rotate(-15deg);position:relative;font-weight:700}.maincete .hero-left button:last-of-type{right:30px}.maincete .hero-left button:active{transform:scale(.9)}.maincete .hero-left .layers{position:relative;width:100%;height:100%;overflow:hidden;background-image: url(http://barnastudios.com/images/left_background.svg);background-repeat: no-repeat;background-size: 400px auto;background-position: center top;}.maincete .hero-left .layers .layer{display:grid;grid-template-rows:50rem;transition:.5s cubic-bezier(.55, 0, .1, 1);transition-delay:0.5s;transform:translateX(100%);opacity:0}.maincete .hero-left .layers .layer-displayed{transform:translateX(0);opacity:1;z-index:1}.maincete .hero-left .layers .layer-displayed-exit{transform:translateX(-100%);opacity:0;z-index:1}.maincete .hero-left .layers .layer>span{text-align:center;font-size:4rem;font-weight:700}.maincete .hero-left .layers .layer__image{background-repeat:no-repeat;background-size:contain;background-position:center center;display:flex;justify-content:center}.boxes_home{position:relative;width:360px;text-align:center;top:20%}.box1{font-size:24px;position:relative;top:0;left:14px;transform:rotate(-15deg);text-align:left}.box2{background:var(--ColorRojo);padding:10px;top:10px;font-size:61px}.box3{background:var(--color-background);padding:10px 15px;top:-18px;left:60px;font-size:23px}.box_resalt{font-weight:700;font-size:30px;color:var(--color-background);margin-left:10px}.maincete .hero-right{grid-column:2;position:relative;overflow:hidden}.maincete .hero-right>.layer{transform:translateX(100%);transition:transform .5s cubic-bezier(.55, 0, .1, 1);transition-delay:0.5s}.maincete .hero-right>.layer-displayed{transform:translateX(0);z-index:2}.maincete .hero-right>.layer-displayed-exit{transition-delay:1s;transition-duration:0;z-index:1}.maincete .hero-right .photo-name{position:absolute;top:27%;left:65%;width:40%;font-size:1.5rem;z-index:2}.maincete .hero-right .photo-name span{display:block}.maincete .hero-right .photo-name__wrapper{position:relative}.maincete .hero-right .photo-name__title{font-weight:700}.maincete .hero-right .photo-name .layer{padding:1rem;transform:translateX(-100%);transition:transform .5s cubic-bezier(.55, 0, .1, 1)}.maincete .hero-right .photo-name .layer-displayed{transform:translateX(0);transition-delay:0.5s}.maincete .hero-right .photo-frame{position:absolute;overflow:hidden;animation-play-state:paused}.maincete .hero-right .photo-frame:nth-child(4){top:0;left:10%;width:55%;height:100%;z-index:3}.maincete .hero-right .photo-frame:nth-child(4) .cover_ayay{background-color:#fff;z-index:5}.maincete .hero-right .photo-frame:last-child{top:36%;left:20%;width:65%;height:50%;z-index:2}.maincete .hero-right .photo-frame .cover_ayay{z-index: 3;position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-background);transition:width .5s cubic-bezier(.55, 0, .1, 1)}.maincete .hero-right .photo-frame .layer{background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0;transition-delay:0.5s}.maincete .hero-right .photo-frame .layer-displayed{opacity:1;z-index:1}@keyframes cover_ayay{0%,100%,95%{width:0}50%{width:100%}}.cambiado{grid-template-rows:1fr;grid-template-columns:4fr 2fr}.cambiado_left{grid-column:2;grid-row:1}.cambiado_right{grid-column:1!important;grid-row:1!important}@media (width <= 1200px){.cambiado_left,.cambiado_right{grid-column:1!important}.maincete{grid-template-columns: 1fr;grid-template-rows: 0.7fr 1.4fr;margin: 0;height: 1080px}.btn-3d{margin-top:0}.maincete .hero-left{padding:1rem}.maincete .hero-left .layers .layer>span,.maincete .hero-left h1{font-size:3rem}.maincete .hero-left button{font-size:2rem;padding:.8rem 1.2rem;margin:.5rem}.maincete .hero-left .layers .layer{grid-template-rows:auto}.maincete .hero-right{grid-column:1}.cambiado_right{grid-row:2!important}.maincete .hero-right .photo-name{top:20%;left:10%;width:50%;font-size:1.2rem}.maincete .hero-right .photo-frame:nth-child(4){top:5%;left:2%;width:96%}.maincete .hero-right .photo-frame:last-child{top:35%;left:5%;width:90%;height:50%}}
/* secciones del home */

/* Faqs */
.accordeon {width: 100%;max-width: 45.5rem;}.accordeon-item {border-top: 1px dashed  #bebebe;}.accordeon-item:last-child {border-bottom: 1px dashed  #bebebe;}.accordeon-title{font-weight: 700;padding: 1rem;display: flex;justify-content: space-between;}.accordeon-title:after {content: '+';transition: 0.3s ease-out;color: var(--ColorRojo)}.accordeon-item.opened .accordeon-title:after {transform: rotate(45deg);}.accordeon-content {overflow: hidden;padding: 0 1rem;transition: 0.3s ease-out;}.accordeon-item:not(.opened) .accordeon-content {max-height: 0 !important;}