/* Theme Name: CIC Consulting Informático Theme URI: http://webcic-pre.cic.es/ Author: David González Dopico Author URI: http://webcic-pre.cic.es/ Description: Theme para la web de CIC Consulting Informático Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */ .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: #333; } /* ---- 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; } /*! Modal Video https://appleple.github.io/modal-video/ ---------------------------------------------- */ @keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px} ::-webkit-scrollbar{width: 8px; background: #f2f2f2} ::-webkit-scrollbar-button {display:none;} ::-webkit-scrollbar-thumb{background-color: rgba(145, 145,145, 0.4);} ::-webkit-scrollbar-thumb:hover{background-color: rgba(145, 145,145, 0.6);} html, body {height: 100%; min-height: 100%;} body {font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; color:#666666; margin: 0; padding: 0; background:#ffffff;} body.admin-bar {margin-top:-32px;} a, a:hover, a:focus, a:active {text-decoration: none; outline: none; box-shadow: none;} a:hover, a:focus, a:active {color:#027fb7;} input, select, textarea, button, fieldset {font-family: 'Raleway', sans-serif; border:none; outline: none !important; box-shadow: none !important;} /*input:read-only {cursor: not-allowed}*/ img, svg {max-width: 100%; height: auto;} h2 {font-weight: 700; font-size:34px; line-height: 42px; color:#44546A; margin:40px 0;} p {margin:0 0 10px;} main {padding:120px 0 80px; position: relative;} .flex {display: flex;} .white {width: 25%; margin-right: 15px;} .container {width:90%; margin: 0 auto; max-width: 1200px;} .btn {font-size:12px; font-weight: 700; text-transform: uppercase; color:#0090d1; padding:0; margin:5px 0; transition: all 0.4s; position:relative; box-shadow: none !important;} .btn:hover, .btn:focus, .btn:active {color:#0090d1;} .btn:before {content:" "; position:absolute; left:-35px; top:7px; width:0; height: 2px; background:#0090d1; transition: all 0.4s;} .btn:hover:before, .btn:focus:before, .btn:active:before {width:25px;} .p-20 {padding: 20px;} .spinner {background: #ffffff; position: fixed; width: 100%; height: 100%; z-index: 9999; top:0; left:0;} .line-spinner {width: 100px; display: block; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .line-spinner:after {content: ''; height: 4px; width: 5px; position: absolute; left: 0; top: 3rem; border-radius: 4px; background: #cccccc; animation: line 1s ease-in-out infinite reverse; } @keyframes line {0% {left: 0; box-shadow: 4px 0 3px rgba(#2BADE9, 0); } 25% {-webkit-transform-origin: 0 0; -webkit-transform: scaleX(2.85); box-shadow: 4px 0 3px rgba(#2BADE9, 1); } 50% {left: 95%; -webkit-transform-origin: 0 0; -webkit-transform: scaleX(1); box-shadow: -4px 0 3px rgba(#2BADE9, 0); } 75% {-webkit-transform-origin: 0 0; -webkit-transform: scaleX(2.85); box-shadow: -4px 0 3px rgba(#2BADE9, 1); } } .spinner .line-spinner svg path {fill:#cccccc !important;} header {position:fixed; z-index:5000; width:90%; transition: all 0.5s ease-in-out; background:#ffffff; border-bottom:1px solid #F2F2F2; top:0; left:0; right: 0; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; padding: 0;} .admin-bar header {top:32px;} header .toggle {display:none;} header.minify {background:#ffffff; width: 100%;} header.minify .logo {padding:15px 0;} header.minify .logo svg {width:90px; height: 45px;} header .logo {margin-left: 2em; padding:25px 0; transition: all 0.8s ease-in-out 0.5s;} header .logo svg {width:110px; height: 55px; display: block; transition: all 0.8s ease-in-out 0.5s;} header nav {margin: 0 0.8em 0 0; display: flex;} header ul {display: flex; margin:0; padding:0 0.3em; border-right:1px solid #f4f4f4;} header ul.nav-social {display: flex; margin:0 0.5em; padding:0 0; border:none;} header ul li {padding: 0; align-self: stretch; display: inline-flex; align-items: center; border-top: 3px solid transparent; transition: all 0.4s;} header ul.nav-social li {display: inline-block; padding: 0; align-self: center;} header ul li a, header ul li a:focus {color: #333333; font-size: 13px; font-weight: 700; text-transform: uppercase; padding:20px 1em; transition: all 0.4s;} header ul.nav-social li a {padding: 20px 0.5em;} header ul li a:hover, header ul li.current a {color: #0090d1;} header ul li.current {border-color: #0090d1;} header ul li a svg {width: 24px; height: 24px;} header ul li a svg path {transition: all 0.4s;} header ul li a[href*="linkedin"]:hover > svg path {fill:#0077b5 !important;} header ul li a[href*="twitter"]:hover > svg path {fill:#00aced !important;} header ul li a[href*="youtube"]:hover > svg path {fill:#CD201F !important;} header ul li a[href*="facebook"]:hover > svg path {fill:#3b5998 !important;} header ul li a[href*="instagram"]:hover > svg path {fill:#EF25CB !important;} header ul.nav-buscador li a > svg path {fill:#333333 !important; transition: all 0.4s;} header ul.nav-buscador li a:hover > svg path, header ul.nav-buscador li.close-search a > svg path {fill:#0090d1 !important;} header .dropdown .dropdown-menu { margin-top:-40px; position:absolute; border-radius: 0; visibility:hidden; opacity:0; transition: all 0.3s ease-in-out, top 0.8s ease-in-out 0.5s; background:#f9f9f9; border: none; border-bottom:1px solid #F2F2F2; padding: 45px 0; text-align: left; left:0; top:106px; z-index: -1; width: 100%;} header .dropdown .dropdown-menu.open {opacity:1; visibility:visible; margin-top:0;} header.minify .dropdown-menu {top:76px;} header .dropdown-menu .container {display: flex; align-items: flex-start;} header .dropdown-menu .container dl {flex:1; margin:0 15px;} header .dropdown-menu .container dl:first-child {margin-left:0;} header .dropdown-menu .container dl:last-child {margin-right:0;} header .dropdown-menu dl dt {color:#666666; font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px;} header .dropdown-menu dl dt a {color:#666666; padding:0;} header .dropdown-menu dl.listado dd {color: #999999; background: none; font-size: 13px; font-weight: 500; padding: 4px 0 0; margin:0; line-height: 22px;} header .dropdown-menu dl.listado dd a {color:#999999; background:none; text-transform:none; font-size: 13px; font-weight: 500; padding:0 3px 0 0; display: block; transition:all 0.4s;} header .dropdown-menu dl.listado dd a span {color:#0090d1;} header .dropdown-menu dl.listado dd a:hover {color:#777777; background:none; padding:0 0 0 3px;} header .dropdown-menu dl.listado button {font-size:13px; cursor:pointer; color:#0090d1; font-weight: 600; display:inline-block; transition: all 0.4s; padding:0; background:none; border:none;} header .dropdown-menu dl.listado button:hover {color:#0090d1; padding-left:3px;} header .dropdown-menu dl.listado input {color:#555555; font-weight: 500; font-size:13px; line-height: 20px; border:none; margin-right: 5px; background:none;} header .dropdown-menu dl.listado input::placeholder {color:#c1c1c1; font-weight: 500;} header .dropdown-menu dl.actualidad dd {position:relative; height: 60px; margin:0 0 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} header .dropdown-menu dl.actualidad dd a {color:#999999; background:none; font-size: 13px; text-transform:none; font-weight: 500; line-height:18px; padding:5px 3px 0 70px; display: block; transition:all 0.4s;} header .dropdown-menu dl.actualidad dd a:hover {color:#777777; background:none; padding:5px 0 0 73px;} header .dropdown-menu dl.actualidad dd a img {position: absolute; left:0; top:2px; width: 60px; height: 60px;} header .dropdown-menu .enlace-blog {position: absolute; bottom: -20px; text-align: center; width: 100%; display: block; background: #f9f9f9; padding: 25px 0;} .close-search {display:none;} .search-input {visibility:hidden; opacity:0; position:fixed; transition: all 0.3s ease-in-out, width 0.5s ease-in-out, top 0.8s ease-in-out 0.5s; top:106px; width:90%; margin:-40px auto 0; left:0; right: 0; background:#f9f9f9; padding:20px 0; border-bottom: 1px solid #F2F2F2; z-index: 4000;} .admin-bar .search-input {top:138px;} .search-input.open {opacity:1; visibility:visible; margin-top:0;} .search-input.minify {width: 100%; top:76px;} .admin-bar .search-input.minify {top:108px;} .search-input form {padding: 0 1.6em;} .search-input label {display:none;} .search-input input {width:100%; background:none; border:none; box-shadow: none; outline: none; color: #333333; font-weight: 700; font-size: 20px; padding: 10px 8px; line-height: 24px;} .search-input input[type=submit] {display: none;} .search-input input::placeholder {color:#999999; font-weight: 600;} .shadow {width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 500; background:rgba(0,0,0,0.6); display: none;} .portada {width:100%; height:100%; display: flex; align-items: center; justify-content: center; position:relative; background-image:url(img/bg-portada.jpg); background-image: -webkit-image-set(url(img/bg-portada.webp) 1x); background-size:cover; background-position: center;} .portada:before {content: " "; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;} .portada h1 {color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 70px; width:90%; max-width: 1200px; margin:220px 0 150px; position: relative; z-index: 1;} .cabecera {width:100%; height:auto; overflow:hidden; display: flex; align-items: center; justify-content: center; position:relative; background-size:cover; background-position: center;} .cabecera.simple {margin-bottom: -240px} .cabecera:before {content: " "; width: 100%; height: 100%; background: rgba(0,0,0,0.35); position: absolute; left: 0; top: 0; z-index: 300;} .cabecera.simple:before {content: none;} .cabecera h1 {color: #ffffff; text-align: center; font-weight: 700; font-size: 65px; width:90%; max-width: 1200px; margin:250px 0 180px; position: relative; z-index: 400;} .cabecera.simple h1 {color: #44546A; text-align: left; font-weight: 700; font-size: 65px; width:90%; max-width: 1200px; margin:250px 0 180px; position: relative; z-index: 400;} .cabecera video {position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;} .destacado {margin-top:-90px;} .destacado > div {display: flex; flex-direction: row; justify-content: space-between;} .destacado > div:first-child {flex-direction: row-reverse;} .destacado img {transition: all 0.4s;} .destacado img.grayscale {filter:grayscale(100%); -webkit-filter: grayscale(100%);} .destacado .evento {width:40%; z-index: 1;} .destacado .evento .tipo {padding: 20px; background: #10CF9B; color: #ffffff; font-size: 15px; font-weight: 600; display: inline-block; width: 60%; margin: 0 0 0 20px; top: 10px; position: relative; z-index: 1; } .destacado .evento.old .tipo {background: #0BD0D9; top:40px;} .destacado .evento h2 {text-align: right; margin:75px 0 0;} .destacado .evento.next {margin-top:-65px;} .destacado .evento.old img {width: 80%; margin: 0 0 0 auto; display: block;} .destacado .evento fieldset {background:#ffffff; border:none; position: relative; z-index: 1; left:30px; top:-40px; padding:25px; font-size:13px; line-height: 20px} .destacado .evento fieldset h3 {color:#444; font-weight: 700; font-size:20px; margin:5px 0 15px; padding:0; line-height: 24px;} .destacado .evento.next fieldset .btn {color:#10CF9B;} .destacado .evento.next fieldset .btn:before {background:#10CF9B;} .destacado .evento.old fieldset .btn {color:#0BD0D9;} .destacado .evento.old fieldset .btn:before {background:#0BD0D9;} .destacado .evento.old fieldset {left:auto; right: 50px; text-align: right;} .destacado .noticia {flex:1; z-index: 1; margin:30px 0; position: relative;} .destacado .noticia:nth-child(2) {padding:0 25px;} .destacado .noticia fieldset {padding:25px; margin:0; background:#ffffff; position: absolute; width: 60%; min-height: 150px; bottom:0; right:0;} .destacado .noticia fieldset .fecha {font-size: 12px; color:#999999; margin:0 0 10px;} .destacado .noticia fieldset h3 {color:#444; font-weight: 700; font-size:18px; margin:5px 0 15px; padding:0; line-height: 24px;} .destacado .noticia fieldset .caption {display: none;} .destacado .noticia fieldset .btn {display: block; text-align: left;} .clientes {margin: 80px 0 -145px;} .home .clientes {margin: 150px 0 130px;} .clientes h2 {text-align: center;} .clientes .logos {background:#f4f4f4; padding:50px 0; margin:0 5%;} .clientes .logos ul {margin:0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} .clientes .logos ul li {width: calc(100% * (1/6)); text-align: center; margin: 20px 0;} .clientes .logos ul li img {width: 65%; filter: grayscale(100%); opacity: 0.5; transition: all 1s;} .clientes .logos ul li img:hover {filter: grayscale(0); opacity: 1;} .clientes .logos .carousel-clientes .carousel-cell {text-align: center; width: 20%;} .clientes .logos .carousel-clientes img {filter: grayscale(100%); opacity: 0.5; transition: all 1s;} @media (min-width: 769px) { .clientes .logos .carousel-clientes img {width: 65%;} } .clientes .carousel-testimonios {margin:-50px 45px 0;} .clientes .carousel-testimonios .carousel-cell {padding-top:50px; width: 100%;} .clientes .carousel-testimonios .btn-slide {background:#0BD0D9; width: 45px; height: 45px; position:absolute; bottom:48px; right: -44px; z-index: 2; cursor: pointer; transition: all 0.4s;} .clientes .carousel-testimonios .btn-slide:hover {background:#0cc5ce;} .clientes .carousel-testimonios .btn-slide.next {background:#0090d1; bottom:3px;} .clientes .carousel-testimonios .btn-slide.next:hover {background:#027fb7;} .clientes .carousel-testimonios .btn-slide img, .carousel-testimonios .btn-slide svg {margin:0; width: 45px; height: 45px;} .clientes .carousel-testimonios .btn-slide.next img, .carousel-testimonios .btn-slide.next svg {transform: rotate(180deg);} .clientes .testimonio {display: flex; flex-direction: row; justify-content: center;} .clientes .testimonio blockquote {width: 85%; text-align: center; font-style: italic; border:none; padding:0; margin:40px 0 0; color:#999999; font-size:16px; line-height: 30px;} .clientes .testimonio blockquote span {color:#0090d1; font-weight: 600; text-align: center; font-style: italic; font-size: 14px; display: block; margin:20px 0 0;} .clientes .testimonio .foto {width:35%; margin-right: 1px;} .clientes .testimonio .foto img {margin-top:-50px;} .clientes .flickity-button-icon {fill: #0085CA; opacity: .8;} .clientes .flickity-button-icon:hover {opacity: 1;} .productos .bloque-productos {margin:auto; width:750px; max-width: 100%;} .productos .producto {width: 100%; height: 140px; margin-bottom:25px; position: relative; background-position: center right; background-repeat: no-repeat;} .productos .producto:nth-child(2) {background-color: #0090d1;} .productos .producto:nth-child(3) {background-color: #0BD0D9;} .productos .producto:nth-child(4) {background-color: #10CF9B;} .productos .producto a {display: flex; flex-direction: column; width: 100%; height: 100%; align-items: flex-start; justify-content: flex-end;} .productos .producto h3 {color:#ffffff; text-transform: uppercase; font-weight: 700; font-size:20px; position: relative; left:25px; margin:0; transition: 0.5s;} .productos .producto:hover h3 {padding-left:10px;} .productos .producto h3:before {background:#0090d1; position:absolute; content: " "; left:-55px; width: 0; height: 2px; top:12px; transition: all 0.1s 0.1s;} .productos .producto:nth-child(3) h3:before {background:#0BD0D9;} .productos .producto:nth-child(4) h3:before {background:#10CF9B;} .productos .producto:hover h3:before {width: 30px; transition: all 0.2s;} .productos .producto h3:after {background:#ffffff; position:absolute; content: " "; left:-25px; width: 0; height: 2px; top:12px; transition: all 0.1s;} .productos .producto:hover h3:after {width: 10px; transition: all 0.3s 0.2s;} .productos .producto .caption {color: rgba(0,0,0,0.3); width:calc(100% - 50px); font-size: 13px; font-weight: 600; position: relative; left: 25px; margin: 7px 0 20px; transition: all 0.5s;} .productos .producto:hover .caption {padding-left: 10px;} /* Productos Grupo CIC */ .sidebar nav.productos-grupo ul li {text-transform: initial;} .breadcrumbs {background: #0090d1; width: 90%; margin: 0 auto; top: -50px; z-index: 400; position: absolute; left: 0; color: rgba(0, 0, 0, 0.3); right: 0; padding: 40px 0; font-weight: 600; font-size: 13px;} .breadcrumbs a {color:rgba(0, 0, 0, 0.3); transition: all 0.4s;} .breadcrumbs a:hover {color:rgba(0, 0, 0, 0.5);} .sidebar {width: 25%; margin-right: 15px;} .sidebar nav {border-right: 1px solid #f4f4f4; padding: 40px 0 15px; margin-right: 20px;} .sidebar.share nav {border:none;} .sidebar nav ul {padding:0; margin:0; list-style: none;} .sidebar nav ul li {font-size:12px; font-weight: 600; text-transform: uppercase; padding:3px 0;} .sidebar nav ul li a {padding:5px 0; color:#666666; display: block; position: relative; transition: all 0.4s;} .sidebar nav ul li a:hover, .sidebar nav ul li a:focus, .sidebar nav ul li a:active, .sidebar nav .current-menu-item a, .sidebar nav .current-menu-parent a {color:#0090d1; padding-left: 5px;} .sidebar nav ul li a:before {content:" "; position:absolute; left:-35px; top:12px; width:0; height: 2px; background:#0090d1; transition: all 0.4s;} .sidebar nav ul li a:hover:before, .sidebar nav ul li a:focus:before, .sidebar nav ul li a:active:before, .sidebar nav .current-menu-item a:before, .sidebar nav .current-menu-parent a:before, .sidebar nav .current-page-ancestor a:before {width:25px;} .sidebar nav ul.sub-menu {display:none; padding:3px 0;} .sidebar nav .current-menu-item ul.sub-menu, .sidebar nav .current-menu-parent ul.sub-menu, .sidebar nav .current-page-ancestor ul.sub-menu {display:block;} .sidebar nav ul.sub-menu li {padding:1px 0; font-weight: 500; text-transform: none;} .sidebar nav ul.sub-menu li a:before {content:none;} .sidebar nav ul.sub-menu li a {color:#a9a9a9; font-size: 12px; padding-left: 5px;} .sidebar nav ul.sub-menu li a:hover, .sidebar nav ul.sub-menu li a:focus, .sidebar nav ul.sub-menu li.current-menu-item a, .sidebar nav ul.sub-menu li.current-page-ancestor a {color:#0090d1; padding-left: 8px;} .sidebar.categorias {margin-left:50px; margin-right:0; text-align: right;} .sidebar.categorias h2 {margin-top: 30px; margin-bottom: -20px;} .sidebar.categorias nav { border:none; margin-right: 0;} .sidebar.categorias nav ul li a:hover, .sidebar nav ul li a:focus, .sidebar nav ul li a:active, .sidebar nav .current-menu-item a, .sidebar nav .current-menu-parent a, .sidebar nav .current-page-ancestor a {color:#0090d1; padding-right: 5px; padding-left: 0;} .sidebar.categorias nav ul li a:before {left:auto; right:-35px; top:12px;} .sidebar nav > ul:nth-child(2) {margin-top: 30px; position: relative;} .sidebar nav > ul:nth-child(2):before {content: " "; position: absolute; width: 80px; height: 1px; right: 0; background: #f2f2f2; top: -15px;} .sidebar.share nav {padding-top: 21px;} .sidebar.share nav ul li {text-align: right;} .sidebar.share nav ul li a {padding:0; display: inline-block;} .sidebar.share nav ul li a:before {content:none;} .detalle {width: 75%} .detalle article.no-foto > img:first-child {display: none;} .detalle article.no-foto > h2:nth-child(2) {margin-top:-12px;} .detalle article {margin-top:30px; font-size:15px; line-height: 32px; font-weight: 400;} .detalle article h2 {font-size:28px; line-height:45px; margin:35px 0 20px;} .detalle article h3 {color: #0090d1; font-size: 20px; font-weight: 700; line-height: 32px; padding: 0; margin: 30px 0 15px;} .detalle article a {color:#0090d1; text-decoration: none; font-weight: 500; border-bottom: 1px dotted #0090d1;} .detalle article ul li {margin-bottom: 7px;} .detalle article ul li ul {margin-top: 7px;} .detalle article blockquote {color: #b5b5b5; font-size: 18px; font-weight: 500; padding: 20px 10%; background-image: url(img/ico-quote.png); background-repeat: no-repeat; background-position: top left; margin: 30px 0 15px 0; min-height: 80px;} .detalle article > img:first-child {width: 100%; height: auto;} .detalle article img.aligncenter {margin: 10px auto; display: block;} .detalle article table {border-collapse: collapse; margin:25px 0; font-size: 13px; line-height: 32px;} .detalle article table thead {background:#F2F2F2; padding:5px 0; display: table-caption;} .detalle article table tbody tr td {border: none; padding: 10px 15px 8px; border-bottom:1px solid #F2F2F2;} .detalle article .info-evento {color: #3CDBC0; font-weight: 500; font-size:17px; text-align:center;} .detalle article .info-evento a {background: #0BD0D9; display: block; margin: 50px auto 0; width: 580px; font-weight: 700; line-height: 25px; padding: 30px; max-width: 100%; color: #ffffff; font-size: 20px; text-transform: uppercase; transition: all 0.4s; } .detalle article .info-evento a:hover {background: #0dbbc3;} .detalle article .info-evento a span {display: block; color: #000; font-size: 14px; line-height: 20px; text-transform: none; opacity: 0.3; font-weight: 600; margin-bottom: 5px;} .detalle .video-modal {display: block; margin: 70px auto 100px; text-align: center; position: relative;} .detalle .video-modal:before {pointer-events: none; z-index:2; content: " "; width: 350px; height: 350px; border: 20px solid #10CF9B; position: absolute; top: -24px; left: 50%; margin-left:-195px; opacity: 0.8;} .detalle .video-modal button {background: none; border: none; cursor:pointer;} .detalle .video-modal img {transition: all 0.6s; -webkit-backface-visibility: hidden;} .detalle .video-modal img:hover {opacity: 0.8;} .page-id-3516 .detalle article a, .page-id-131 .detalle article a {word-wrap: break-word;} .nosotros {font-size:15px; line-height: 30px; font-weight: 400; margin: 30px 0 0;} .nosotros .columns {display: flex; flex-direction: row; flex-wrap: wrap;} .nosotros .columns p {margin-right: 0; margin-left: 15px; width: calc(50% - 15px);} .nosotros .columns p:first-child {margin-right: 15px; margin-left: 0;} .nosotros h2 {color: #44546A; font-weight: 700; font-size: 28px; line-height: 38px; margin: 80px 0 20px;} .nosotros h3 {color: #0090d1; font-weight: 500; font-style: italic; font-size: 18px; margin:40px 0; line-height: 35px;} .nosotros .video-corporativo {display: block; margin: 100px auto 130px; text-align: center; position: relative;} .nosotros .video-corporativo:before {pointer-events: none; z-index:2; content: " "; width: 350px; height: 350px; border: 20px solid #10CF9B; position: absolute; top: -48px; left: 50%; margin-left:-195px; opacity: 0.8;} .nosotros .video-corporativo button {background: none; border: none; cursor:pointer;} .nosotros .video-corporativo img {transition: all 0.6s; -webkit-backface-visibility: hidden;} .nosotros .video-corporativo img:hover {opacity: 0.8;} .nosotros .certificaciones {display: block; width: 630px; margin:50px auto;} .nosotros .team {background:#f9f9f9; padding:50px 0 80px; margin:50px 0 30px;} .nosotros .team .carousel-team {position: relative; margin-top: 40px;} .nosotros .team .carousel-cell {width: 40%; margin-right: 30px; opacity: 1; transition: opacity 0.4s;} .nosotros .team .carousel-cell.is-selected {opacity: 1;} .nosotros .team .carousel-cell ul {display: block; list-style: none; margin:0 0 0 35px; padding:0;} .nosotros .team .carousel-cell ul li {display: inline-block; margin-right: 2px;} .nosotros .team .carousel-cell ul li a {border:none;} .nosotros .team .carousel-cell ul li a svg path {fill:#b5b5b5 !important; transition: all 0.4s;} .nosotros .team .carousel-cell ul li a[href*="linkedin"]:hover > svg path {fill:#0077b5 !important;} .nosotros .team .carousel-cell ul li a[href*="twitter"]:hover > svg path {fill:#00aced !important;} .nosotros .team .carousel-cell h4 {font-size: 13px; line-height: 17px; font-weight: 500; padding-left:40px; margin:20px 0 10px; position: relative;} .nosotros .team .carousel-cell h4 span {color:#b5b5b5; display: block; margin-top: 3px;} .nosotros .team .carousel-cell h4:before {content: "";position: absolute; top: -40px; left: 20px; background: #10CF9B; width: 40%; height: 20px;} .nosotros .team .carousel-cell:nth-child(even) h4:before {background: #0BD0D9;} .nosotros .team .carousel-cell:nth-child(3n+0) h4:before {background: #0090d1;} .nosotros .partners {margin: 40px 0 0; padding:0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap;} .nosotros .partners li {width: calc(100% * (1/6)); text-align: center;} .nosotros .detalle a {color:#0090d1; text-decoration: none; font-weight: 500; border-bottom: 1px dotted #0090d1} .nosotros aside.sidebar {line-height: normal;} .nosotros .galeria {padding:50px 0; background-image: url(img/mapa.png); background-size: auto 100%; overflow: hidden; background-position: center; background-repeat: no-repeat;} .nosotros .galeria .imagen {width:100%; height:600px; background-image: url(img/galeria.png); animation: animatedBackground 200s linear alternate infinite; background-repeat: repeat-x; background-size: auto 600px;} @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: -7800px 0; } } /*Nuestro propósito*/ .page-id-9983 .nuestro-proposito blockquote, .page-id-10349 .nuestro-proposito blockquote {max-width: 100%;} .page-id-9983 span.subrayado, .page-id-10349 span.subrayado {background-image: linear-gradient(120deg, #3CDBC0 0%, #05C3DE 100%);background-repeat: no-repeat;background-size: 100% 0.2em;background-position: 0 98%;transition: background-size 0.25s ease-in;} .page-id-9983 span.subrayado:hover, .page-id-10349 span.subrayado:hover {background-size: 100% 100%;color: #fff;} .page-id-9983, .pd-left, .page-id-10349 .pd-left {padding-left: 27px;} .empleados .profesionales, .empleados .practicas {margin-top: 80px;} .empleados .title h3 {color: #FFFFFF; padding: 3px 25px; font-weight: 600; margin-left: 25px; margin-top: 35px;} .empleados .title.prim-empl h3 {background: #0085CA;} .empleados .title.prof h3 {background: #05C3DE;} .empleados .title.pract h3 {background: #3CDBC0;} .empleados .main-carousel {margin:-50px 45px 0;} .empleados .main-carousel .carousel-cell {padding-top:50px; width: 100%;} .empleados .main-carousel .btn-slide {width: 45px; height: 45px; position:absolute; z-index: 2; cursor: pointer; transition: all 0.4s;} .empleados .main-carousel .btn-slide.left {bottom:148px; left: -44px;} .empleados .main-carousel .btn-slide.right {bottom:148px; right: -44px;} .empleados .main-carousel .btn-slide img, .main-carousel .btn-slide svg {margin:0; width: 45px; height: 45px;} .empleados .main-carousel .btn-slide.right img, .main-carousel .btn-slide.right svg {transform: rotate(180deg);} .empleados .main-carousel.carousel-testimonios-prof .btn-slide svg path {stroke: #05C3DE;} .empleados .main-carousel.carousel-testimonios-pract .btn-slide svg path {stroke: #3CDBC0;} .empleados .main-carousel .testimonio {display: flex; flex-direction: row; justify-content: space-between;} .empleados .main-carousel .testimonio blockquote {width: calc(65% - 30px); text-align: left; background-image: none; font-style: italic; border:none; padding:0; margin:40px 0 0; color:#999999; font-size:16px; line-height: 30px;} .empleados .main-carousel .testimonio blockquote span {font-weight: 600; font-style: normal; text-align: left; font-size: 14px; line-height: 24px; display: block; margin:20px 0 0;} .empleados .main-carousel .testimonio blockquote span em {font-weight: 500; font-style: italic; color: #999999;} .empleados .main-carousel .testimonio .foto {width:35%; margin-right: 1px;} .empleados .main-carousel .testimonio .foto img {margin-top:-40px;} .empleados .main-carousel.carousel-testimonios-pract .testimonio .foto img {margin-top:0px;} .empleados .cta {padding: 50px 0 80px; margin: 80px 0 30px; background: #f9f9f9;} .empleados .cta .detalle h3 {color: #0090d1; font-size: 20px; font-weight: 700; line-height: 32px; padding: 0; margin: 30px 0 15px;} .empleados .cta p {margin-bottom: 50px;} .empleados .cta p > a {color: #0090d1; text-decoration: none; font-weight: 500; border-bottom: 1px dotted #0090d1;} .empleados .cta .btn-cta {font-size: 20px; font-weight: 700; padding: 10px 40px; color: #0085CA; background: #FFFFFF; box-shadow: 0px 4px 15px rgb(0 0 0 / 10%); border-radius: 4px;} .actualidad .columns {display: flex; flex-direction: row; flex-wrap: wrap; margin: 60px 0 0;} .actualidad .columns p {font-size:15px; line-height: 30px; font-weight: 400; margin-right: 0; margin-left: 15px; width: calc(50% - 15px);} .actualidad .columns p:first-child {margin-right: 15px; margin-left: 0;} .actualidad h2 {color: #44546A; font-weight: 700; font-size: 28px; line-height: 38px; margin: 60px 0 20px;} .actualidad h3 {color: #0090d1; font-weight: 500; font-style: italic; font-size: 18px; margin:30px 0; line-height: 35px;} .actualidad .ultimas {display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;} .actualidad .noticia {z-index: 1; margin: 30px 0; position: relative; padding: 0 15px; width: calc(33.33% - 30px);} .actualidad .noticia fieldset {padding:25px; margin:0; background:#ffffff; position: absolute; width: 60%; /*min-height: 150px;*/ bottom:0; right:0;} .actualidad .noticia fieldset .fecha, .actualidad .noticia fieldset .fecha a {font-size: 12px; color:#999999; margin:0 0 10px;} .actualidad .noticia fieldset h3 {color:#444; font-weight: 700; font-size:18px; margin:5px 0 15px; padding:0; line-height: 24px; font-style: normal;} .actualidad .noticia fieldset .caption {display: none;} .actualidad .noticia fieldset .btn {display: block; text-align: left;} .actualidad .noticia img {transition: all 0.4s;} .actualidad .noticia img.grayscale {filter:grayscale(100%); -webkit-filter: grayscale(100%);} .actualidad .entradas-destacadas .noticia {width: 100%; margin:20px 0; padding:0; min-height: 110px;} .actualidad .entradas-destacadas .noticia img {width: 110px; height: auto; margin-right: 25px; float:left;} .actualidad .entradas-destacadas .noticia fieldset {position:relative; top:5px; left:0; width: calc(100% - 150px); padding: 0; min-height: auto; display: inline-block;} .actualidad .entradas-destacadas .noticia fieldset .btn {color:#10CF9B;} .actualidad .entradas-destacadas .noticia fieldset .btn:before {background:#10CF9B;} .actualidad .entradas-destacadas .noticia fieldset .excerpt {display: none; font-size: 13px; line-height: 22px; font-weight: 400; margin: 0 0 20px;} .actualidad .entradas-destacadas .noticia:first-child img {width:80%;} .actualidad .entradas-destacadas .noticia:first-child fieldset {bottom: auto; left: 110px; padding: 25px; margin-top: -105px;} .actualidad .entradas-destacadas .noticia:first-child fieldset .excerpt {display: block;} .actualidad .alm-btn-wrap {width: 100%; text-align: center; margin: 60px 0 0;} .actualidad .alm-btn-wrap .alm-load-more-btn {background-color: #0BD0D9; display: inline-block; margin: auto; width: 340px; font-weight: 700; line-height: 22px; padding: 20px; max-width: 100%; color: #ffffff; font-size: 16px; text-transform: uppercase; transition: all 0.4s; cursor: pointer;} .actualidad .alm-btn-wrap .alm-load-more-btn.done {display: none;} .actualidad .alm-btn-wrap .alm-load-more-btn:hover {width: 360px;} /* post-autor */ .single .autor-post-up {margin-top: 40px; margin-right: 20px; padding: 20px; border-top: 3px solid #0bd0d9; border-bottom: 3px solid #0bd0d9; display: flex; flex-direction: column;} .single .autor-post-up .image {text-align: center;} .single .autor-post-up .image img {width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin-bottom: 20px;} .single .autor-post-up .content-autor .gerency {font-weight: 500; font-style: italic; font-size: 14px;} .single .autor-post-up .content-autor .name {font-weight: 700; font-size: 15px; margin-bottom: 5px;} .single .autor-post-up .content-autor .description {margin-bottom: 0; line-height: 24px;} .datos-cabecera {width: 90%; max-width: 1200px; display: block; position: absolute; top: 220px; color: #999; font-size: 12px;} .datos-cabecera a {color: #999;} .datos-cabecera .post-ratings {width: 100%; opacity: 1; display: inline; margin-left: 5px; position: relative; top: 1px;} .relacionadas {background: #f9f9f9; padding: 50px 0 80px; margin: 80px 0 0;} .relacionadas.interior {background: #ffffff; padding: 0 0 50px; margin:0;} .relacionadas.interior h4 {font-size: 28px; line-height: 45px; margin: 35px 0 20px; color:#44546A;} .relacionadas .noticia {width: 100%; margin:20px 0; padding:0; min-height: 120px;} .relacionadas .noticia h3 {color: #444; font-weight: 700; font-size: 18px; margin: 5px 0 15px; padding: 0; line-height: 24px; font-style: normal;} .relacionadas .noticia img {transition: all 0.4s; width: 120px; height: auto; margin-right: 25px; float:left;} .relacionadas .noticia img.grayscale {filter:grayscale(100%); -webkit-filter: grayscale(100%);} .relacionadas .noticia fieldset .fecha, .relacionadas .noticia fieldset .fecha a {font-size: 12px; color: #999999; margin: 0 0 10px;} .relacionadas .noticia fieldset {position:relative; top:5px; left:0; width: calc(100% - 150px); padding: 0; min-height: auto; display: inline-block;} .relacionadas .noticia fieldset .btn {color:#0090d1} .relacionadas .noticia fieldset .btn:before {background:#0090d1;} .relacionadas .noticia fieldset .excerpt {display: none; font-size: 13px; line-height: 22px; font-weight: 400; margin: 0 0 20px;} /* Ocultar reCaptcha v3 Google: En todas las páginas excepto las que tengan formularios */ body:not(.page-id-303):not(.page-id-2106):not(.page-id-2517) .grecaptcha-badge { display: none; } .contacto {margin:120px 0;} .contacto .flex .detalle {flex-grow: 2;} .contacto h1 {font-weight: 700; font-size: 64px; line-height: 65px; color: #44546A; margin: 35px 0 20px; width: 280px;} .contacto .sede {margin-right: 0; margin-left: 15px; width: 50%;} .contacto .sede:first-child {margin-right: 15px; margin-left: 0;} .contacto .sede h2 {font-weight: 700; font-size: 34px; line-height: 42px; color: #fff; margin: -75px 30px 0; position: relative;} .contacto .sede h2:before {content: ""; position: absolute; bottom: -40px; left: -10px; background: #10CF9B; width: 60%; height: 25px;} .contacto .sede:first-child h2:before {background:#0BD0D9;} .contacto .sede address {margin: 60px 50px 0; font-size: 13px; line-height: 23px; font-weight: 500; font-style: normal;} .contacto .sede address a {color:#cccccc;} .contacto .sede address .btn {color:#10CF9B;} .contacto .sede address .btn:before {background:#10CF9B;} .contacto .sede:first-child address .btn {color:#0BD0D9;} .contacto .sede:first-child address .btn:before {background:#0BD0D9;} .contacto .form {background:#f9f9f9; padding:40px 40px 0; margin-top:120px;} .contacto .form h2 {font-weight: 700; font-size: 34px; line-height: 42px; color: #666666; margin: 25px 10px 40px; position: relative;} .contacto .form .group {width:100%; padding:20px 10px;} .contacto .form label {margin-bottom: 10px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #999; display: block;} .contacto .form input, .contacto .form textarea {width: 100%; transition: all 0.4s; background: none; border-bottom: 1px solid #dedede; color: #0090d1; font-weight: 600; padding: 8px 0; font-size: 14px;} .contacto .form textarea {height:80px;} .contacto .form input:focus, .contacto .form textarea:focus {border-color: #0090d1} .contacto .form input[type="checkbox"] {display: inline; width: auto; float: left; position: relative; top: 0px; padding: 0; margin: 0 5px 0 0;} .contacto .form a {color:#777; border-bottom: 1px dotted #777;} .contacto .form .btn-enviar { width:auto; background-color: #0090d1; /*cursor:pointer;*/ display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 10px -20px;} .contacto .form .legal {font-size: 8px; font-weight: 400; padding: 0 10px; display: block; line-height: 12px; margin:0 0 5px; color: #999;} span.wpcf7-list-item {margin:0;} .como-nos-conoces span.wpcf7-list-item {margin-right: 30px; white-space: nowrap;} .form span.vacante input:read-only {cursor: not-allowed} span.wpcf7-not-valid-tip {color: #ff9800; font-size: 8px; font-weight: 700; display: block; margin-top: 5px; text-transform: uppercase; } .wpcf7-validation-errors {-webkit-animation: slideUpContact 5s ease; animation: slideUpContact 5s ease; border:none !important; opacity: 0; position: fixed; visibility: hidden; bottom: 0; left: 0; background: rgba(244, 67, 54, 0.88); z-index: 1000; color: #ffffff; padding: 25px 25px 23px !important; width: 100%; font-size: 18px; font-weight: 500; text-align: center; margin:0 !important;} .wpcf7-mail-sent-ok {-webkit-animation: slideUpContact 5s ease; animation: slideUpContact 5s ease; border:none !important; opacity: 0; position: fixed; visibility: hidden; bottom: 0; left: 0; background: rgba(16, 207, 155, 0.88); z-index: 1000; color: #ffffff; padding: 25px 25px 23px !important; width: 100%; font-size: 18px; font-weight: 500; text-align: center; margin:0 !important;} .mensaje-form {-webkit-animation: slideUpContact 5s ease; animation: slideUpContact 5s ease; border:none !important; opacity: 0; position: fixed; visibility: hidden; bottom: 0; left: 0; background: rgba(16, 207, 155, 0.88); z-index: 1000; color: #ffffff; padding: 25px 25px 23px !important; width: 100%; font-size: 18px; font-weight: 500; text-align: center; margin:0 !important;} .mensaje-form.error {background: rgba(244, 67, 54, 0.88);} @-moz-keyframes slideUpContact {0% {opacity:0;-moz-transform: translateY(100%); visibility:visible;} 15% {opacity:1;-moz-transform: translateY(0%);} 80% {opacity:1;} 100% {opacity:0;} } @keyframes slideUpContact {0% {opacity:0; transform: translateY(100%); visibility:visible;} 15% {opacity:1;transform: translateY(0%);} 80% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes slideUpContact {0% {opacity:0;-webkit-transform: translateY(100%); visibility:visible;} 15% {opacity:1;-webkit-transform: translateY(0%);} 80% {opacity:1;} 100% {opacity:0;} } .newsletter .form {background:#f9f9f9; padding:40px 40px 0; margin-top:60px;} .newsletter .form h2 {font-weight: 700; font-size: 34px; line-height: 42px; color: #666666; margin: 25px 10px 40px; position: relative;} .newsletter .form .group {width:100%; padding:20px 10px;} .newsletter .form label {margin-bottom: 10px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #999; display: block;} .newsletter .form input, .newsletter .form textarea {width: 100%; transition: all 0.4s; background: none; border-bottom: 1px solid #dedede; color: #0090d1; font-weight: 600; padding: 8px 0; font-size: 14px;} .newsletter .form input:focus, .newsletter .form textarea:focus {border-color: #0090d1} .newsletter .form input[type="checkbox"] {display: inline; width: auto; float: left; position: relative; top: 0px; padding: 0; margin: 0 5px 0 0;} .newsletter .form a {color:#777; border-bottom: 1px dotted #777;} .newsletter .form button {background-color: #0090d1; cursor:pointer; display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 10px -20px;} .newsletter .form .legal {font-size: 8px; font-weight: 400; padding: 0 10px; display: block; line-height: 12px; margin:0 0 5px; color: #999;} .newsletter .form .btn-enviar { width:auto; background-color: #0090d1; /*cursor:pointer;*/ display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 10px -20px;} .webinar .sidebar {width: 5%;} .webinar .contacto {width: 45%;} .webinar .contacto .form, .webinar .contacto {margin-top: 0;} .webinar .contacto .form h2 {font-size: 26px; margin-left: 0; margin-bottom: 25px;} .webinar .contacto .form input#em-booking-submit {width: auto; background-color: #0090d1; cursor: pointer; display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 0px;} .webinar .contacto .form .em-booking-message-error.em-booking-message {color: #ff0000;} .webinar .contacto .form span.em-form-required {color: #0bd0d9;} .webinar .detalle {width: 65%; margin-right: 60px;} .webinar .detalle.ponentes {width: 100%; margin-right: 0px;} .webinar .detalle article h2 {margin-top: -10px;} .webinar .detalle .ponente-webinar {margin-top: 60px;} .webinar .detalle .imagen-ponente {width: 25%;} @media (max-width: 1025px) { .webinar .detalle .imagen-ponente {width: 30%;} } .webinar .detalle .imagen-ponente img {width: 120px; border-radius: 50%;} .webinar .detalle .info-ponente {width: 75%;} .webinar .detalle .info-ponente h3 {margin-top: -10px; margin-bottom: 0;} .webinar .detalle .info-ponente h4 {margin-bottom: 0; margin-top: 0;} .webinar .detalle .ponente-webinar a {border-bottom: none;} .webinar .detalle .ponente-webinar a.myBtn {color: #666666; font-weight: 700; border-bottom: 1px dotted #666; cursor: pointer;} .webinar .detalle .ponente-webinar a.myBtn:hover {color: #0085CA; border-bottom-color: #0085CA; transition: .3s;} .webinar .detalle .ponente-webinar a > svg {margin-left: -5px;} .webinar .detalle .ponente-webinar a:hover > svg path {fill: #0077b5 !important; transition: .5s ease-in-out;} .webinar .detalle iframe {width: 100%;} .webinar .mesa-redonda .ponente-webinar {width: 45%; margin-right: 0px; display: inline-block;} .webinar .mesa-redonda .ponente-webinar h4 {margin-bottom: 0;} .webinar .mesa-redonda .imagen-ponente {width: 45%;} .webinar .mesa-redonda .ponente-webinar {margin-top: 30px;} @media (min-width: 1025px) { .webinar .mesa-redonda .ponente-webinar {width: 33%;} } @media (max-width: 426px) { .webinar .mesa-redonda .ponente-webinar {width: 100%;} } .webinar .itot .info-ponente, .webinar .mesa-redonda .info-ponente {line-height: 22px; align-self: flex-end;} .webinar .itot ul {list-style: none; padding-left: 0;} .webinar .itot ul li:nth-child(odd) {background: #f9f9f9;} .webinar .itot ul li {padding: 5px 10px;} .webinar-it-ot {background: #f9f9f9; padding: 50px 0 80px; margin: 50px 0;} .webinar .logos ul {list-style: none; padding-left: 0;} .webinar .logos ul li {display: inline-block; margin: 0 35px;} .call.webinar {margin-top: -100px;} /* pagina aerolineas */ .aerolineas .detalle {width: 100%; margin-right: 0;} .aerolineas .contacto {margin-top: -38px;} .aerolineas .contacto .form input[type="checkbox"] {margin: 0 10px 36px 0;} .aerolineas .contacto .form .legal {padding: 0;} .aerolineas .contacto .form .politica label, .aerolineas .contacto .form .eventos label, .aerolineas .contacto .form .comunicaciones label {line-height: 16px;} /* pagina kit digital */ .kitdigital .sidebar {width: 5%;} .kitdigital .detalle {width: 100%; margin-right: 0;} .kitdigital .detalle .m-0 {margin: 0;} .kitdigital .box {background: #FFFFFF; border-radius: 8px; padding: 20px;cursor: pointer;} .kitdigital .box:hover {box-shadow: 2px 3px 12px rgba(0, 0, 0, 0.08); transition: all 0.4s;} .kitdigital .form {background:#f9f9f9; padding:40px 40px 0; margin-top:40px;} .kitdigital .form h2 {font-weight: 700; font-size: 34px; line-height: 42px; color: #666666; margin: 25px 10px 40px; position: relative;} .kitdigital .form .group {width:100%; padding:20px 10px;} .kitdigital .form label {margin-bottom: 10px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #999; display: block;} .kitdigital .form input, .kitdigital .form textarea {width: 100%; transition: all 0.4s; background: none; border-bottom: 1px solid #dedede; color: #0090d1; font-weight: 600; padding: 8px 0; font-size: 14px;} .kitdigital .form textarea {height:80px;} .kitdigital .form input:focus, .kitdigital .form textarea:focus {border-color: #0090d1} .kitdigital .form input[type="checkbox"] {display: inline; width: auto; float: left; position: relative; top: 8px; padding: 0; margin: 0 5px 0 0;} .kitdigital .form a {color:#777; border-bottom: 1px dotted #777;} .kitdigital .form .btn-enviar { width:auto; background-color: #0090d1; /*cursor:pointer;*/ display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 10px -20px;} .kitdigital .form .legal {font-size: 8px; font-weight: 400; padding: 0 10px; display: block; line-height: 12px; margin:0 0 5px; color: #999;} .kitdigital .collapse {margin-bottom: 20px;} .kitdigital .collapse .content {margin-top: -25px; padding: 0 20px 20px 20px;} .kitdigital .collapse .content h4 {margin-bottom: 0;} .kitdigital .collapse .content ul {margin-top: 0;} .kitdigital .collapsible {padding: 24px 50px 20px 20px;} .kitdigital .collapsible small {font-weight: 600; font-size: 15px; color: #3CDBC0;} .kitdigital .collapsible h3 {margin-bottom: 0; margin-top: 5px;} .kitdigital .collapsible h4 {color: #666666; font-size: 18px; margin: 0; padding-bottom: 10px;} .kitdigital .collapsible p {font-size: 15px;line-height: 30px;font-weight: 400;color: #666;margin-bottom: 0;} .kitdigital .collapsible .price {font-weight: 600; color: #05C3DE;} .kitdigital .collapsible:after {top: 22px;} .kitdigital .content-collapsible {padding: 0;} .kitdigital figure.mt--5 {margin-top: -60px;} .kitdigital span.subrayado {background-image: linear-gradient(120deg, #05C3DE 0%, #05C3DE 100%);background-repeat: no-repeat;background-size: 100% 0.2em;background-position: 0 98%;transition: background-size 0.25s ease-in;} .kitdigital span.subrayado:hover {background-size: 100% 100%;color: #fff;} /* pagina nuestros ODS */ .our-ods .collapse {margin-bottom: 20px;} .our-ods .collapse .content {padding: 0 20px 20px 20px;} .our-ods .collapse .content h4 {margin-bottom: 0;} .our-ods .collapse .content ul {margin-top: 0;} .our-ods .collapsible {padding: 24px 50px 20px 20px;} .our-ods .collapsible h4 {color: #666666; font-size: 18px; margin: 0; padding-bottom: 10px;} .our-ods .collapsible p {font-size: 15px;line-height: 30px;font-weight: 400;color: #666;margin-bottom: 0;} .our-ods .collapsible img {float:left; padding: 0 20px 14px 0;} .our-ods .collapsible:after {top: 22px;} .our-ods .content-collapsible {padding: 0;} /* sostenibilidad - RSC */ .page-template-page-rsc .box {box-shadow: 2px 3px 12px rgb(0 0 0 / 8%) !important; padding: 0px 20px; border-radius: 8px;} /* formulario registro - manager pro plugin */ .em-booking-form-details {width: 100%; padding: 0px;} .em-booking .em-booking-buttons {position: relative;} .em-booking .em-booking-submit {position: absolute; bottom: -380px;width: auto !important; background-color: #0090d1 !important; cursor: pointer; display: inline-block; font-weight: 700 !important; line-height: 25px; padding: 20px 50px !important; color: #ffffff !important; font-size: 15px !important; text-transform: uppercase; transition: all 0.4s !important; margin: 25px 10px -20px;} .em-booking-form p label {display: block; width: 100%;} .em-booking-form p {margin-bottom: 40px;} .em-booking-form .input-checkbox label {float: right; width: 95%;} .em-booking-legal p.legal {padding-left: 0px !important; padding-right: 0px !important;} .em-booking-legal p.legal:last-child {padding-bottom: 80px !important;} @media (min-width: 1025px) and (max-width: 1333px) { .em-booking .em-booking-submit {bottom: -380px;} .em-booking-form .input-checkbox label {width: 92%;} } @media (min-width: 949px) and (max-width: 1025px) { .em-booking .em-booking-submit {bottom: -500px;} .em-booking-form .input-checkbox label {width: 92%;} } @media (min-width: 768px) and (max-width: 949px) { .em-booking-form .input-checkbox label {width: 88%;} .em-booking .em-booking-submit {bottom: -600px;} } @media (max-width: 768px) { .em-booking .em-booking-submit {bottom: -300px;} .em-booking-form .input-checkbox label {width: 97%;} } @media (min-width: 426px) and (max-width: 736px) { .em-booking-form .input-checkbox label {width: 95%;} } @media (min-width: 380px) and (max-width: 426px) { .em-booking .em-booking-submit {bottom: -470px;} .em-booking-form .input-checkbox label {width: 92%;} } @media (max-width: 380px) { .em-booking .em-booking-submit {bottom: -515px;} .em-booking-form .input-checkbox label {width: 92%;} } @media (min-width: 330px) and (max-width: 380px) { .em-booking .em-booking-submit {bottom: -542px;} .em-booking-form .input-checkbox label {width: 90%;} } @media (max-width: 330px) { .em-booking .em-booking-submit {bottom: -605px;} .em-booking-form .input-checkbox label {width: 90%;} } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 30px 60px; border: 1px solid #888; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 500px; overflow-y: scroll; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /* Collapsibles */ .collapse { background-color: #ffffff; border-radius: 8px; box-shadow: 2px 3px 12px rgb(0 0 0 / 8%) !important; margin-bottom: 40px; } @media (min-width: 1201px) { .coll-ml-2, .coll-mr-2 { width: 47.5%; } } @media (min-width: 1020px) and (max-width: 1200px) { .coll-ml-2, .coll-mr-2 { width: 46.5%; } } @media (min-width: 1020px) { .doble-collapse { display: flex; width: 100%; } .coll-ml-2, .coll-mr-2 { display: inline-block; min-height: 123px; vertical-align: top; } .coll-ml-2 { margin-left: 20px; } .coll-mr-2 { margin-right: 20px; } } .collapsible { position: relative; background-color: #ffffff; color: #0090d1; font-size: 20px; font-weight: 700; cursor: pointer; padding: 35px 50px 35px 20px; width: 100%; border: none; text-align: left; outline: none; } .collapsible:after { content: url(img/arrow-blue.svg); position: absolute; right: 20px; top: 35px; } .collapsible.active:after { transform: rotate(180deg); } .content-collapsible { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } /*Portada*/ section.jumbotron-fluid.home.fcaps.header-events{background-image: url(img/bg-header.png); background-position: center; background-size: cover; width: 100%; height: auto;} /* EVENTOS */ .tab-content { display: none;} .tab-content.active { display: block;} section.jumbotron-fluid.home.fcaps .container p {color: #FFF; font-size: 15px; line-height: 30px; font-weight: 400; font-family: 'Raleway', sans-serif;} section.jumbotron-fluid.home.fcaps.header-events .container.header-events{padding-bottom: 0rem;} section.events .container .event-tabs{ margin-bottom: 8rem ! important;} section.header-events .container .contador{font-size: 1rem; color: #FFF; font-weight: 500;} section.header-events .container .contador span{padding: 0.5rem; font-size: 2rem; background-color: #ffffff4a; border-radius: 3px;} section.header-events .container h2{font-size: 2.5rem; font-weight:700; color: #ffff; margin: 1rem 0;} section.events .container .event-tabs .tab-content .container-events{margin: 4rem 0;} section.events .container .event-tabs .tab-content .container-events .event-description .card-deck-event .card{ margin-bottom: 0px !important; border: 1px solid #ccc; border-radius: 4px;} section.events .container .event-tabs .tab-content .container-events .event-description .card-deck-event .card-body{ padding: 0.75rem; width: auto !important;} section.events .container .event-tabs .tab-content .container-events .event-description .card-deck-event .card-body h5{ font-size: 1rem; font-weight: 500; margin-top: 1rem; margin-bottom: 0px;} section.header-events .container .card-deck-event .card{ margin-bottom: 0px !important; border-radius: 4px; background: none; border: 1px solid #ffffff42;} section.header-events .container .card-deck-event .card-body{ padding: 0.75rem; width: auto !important;} section.header-events .container .card-deck-event .card-body h5{ font-size: 0.9rem; font-weight: 500; margin-top: 1rem; margin-bottom: 0px; color: #fff;} section.header-events .container .card-deck-event .card-body svg .cls-1{stroke: #fff !important;} section.events .container .event-tabs .tab-content a.btn.btn-primary{background-color: #0090d3;} section.events .container .event-tabs .tab-content a.btn.btn-primary:hover{background-color: #0386c3;} .no-events p{padding-top: 5em; padding-bottom: 3em; color: #FFF; font-size: 30px;} /* estilos de EVENTOS TABS*/ .eventos-tabs h2{ padding-top: 0.7em; font-size: 50px; font-weight:700; color: #44546A; margin: 1rem 0;} .event-description h3 { margin: 30px 0 15px;font-size: 24px;color: #0090D3;font-weight: 700;line-height: 38px;} .event-description p { font-size: 15px; line-height: 30px; font-weight: 400; font-family: 'Raleway', sans-serif; color: #666666;} section.events .container .event-tabs { margin-bottom: 8rem ! important; box-sizing: border-box;} .eventos-tabs ul.tabs.nav.justify-content-center { background-color: #fafafac2; padding: 0.5rem;border-radius: 4px; margin-top: 2rem;} .eventos-tabs ul.tabs.nav.justify-content-center li.nav-item {width: 28%;text-align: center;color: #888;} .eventos-tabs ul.tabs.nav.justify-content-center li.nav-item.active a {background-color: #0090d3;color: #fff;border-radius: 4px;animation-duration: 1s;font-weight: 600;} .eventos-tabs ul li:hover {background-color: rgba(170, 170, 170, 0.2);border-radius: 4px;} .eventos-tabs ul.tabs.nav.justify-content-center li.nav-item a {color: #888;animation-duration: 1s;} .eventos-tabs a, a:hover, a:focus, a:active {text-decoration: none; outline: none; box-shadow: none;} .eventos-tabs .nav-link {display: block;padding: .9rem 1rem;} .eventos-tabs li {display: list-item;text-align: -webkit-match-parent;unicode-bidi: isolate;} .eventos-tabs .nav {display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;list-style: none;} .eventos-tabs ul {display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px; unicode-bidi: isolate;} *, ::after, ::before {box-sizing: border-box;} .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;} /*Estilos eventos contenedor*/ .align-items-center { -ms-flex-align: center !important; align-items: center !important;} @media (min-width: 768px) {.col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}} @media (min-width: 768px) {.col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}} .col-md-4, .col-md-8{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;} .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .mb-3, .my-3 {margin-bottom: 1rem !important;} .text-left {text-align: left !important;} /* estilos de EVENTOS */ /*ponemos*/ section.header-events .container .card-deck-event .card {margin-bottom: 0px !important; border-radius: 4px; background: none;border: 1px solid #ffffff42;} .card-deck-event{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;} .card-deck-event .card{margin-bottom:15px} @media (min-width:576px){ .card-deck-event{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px} .card-deck-event .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px} } section.events .container .event-tabs { margin-bottom: 8rem ! important; } .eventos-tabs ul.tabs.nav.justify-content-center { background-color: #fafafac2; padding: 0.5rem; border-radius: 4px; margin-top: 2rem; } .eventos-tabs .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; list-style: none; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .container{width: 90%;margin: 0 auto;max-width: 1200px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:576px){.container{max-width:540px}} @media (min-width:768px){.container{max-width:720px}} @media (min-width:992px){.container{max-width:960px}} @media (min-width:1200px){.container{max-width:1440px}} .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{max-width: 100%; position:relative;width:100%;padding-right:15px;padding-left:15px} .col-lg-12{max-width: 100%; position:relative;width:100%;} .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first{-ms-flex-order:-1;order:-1} .order-last{-ms-flex-order:13;order:13} .order-0{-ms-flex-order:0;order:0} .order-1{-ms-flex-order:1;order:1} .order-2{-ms-flex-order:2;order:2} .order-3{-ms-flex-order:3;order:3} .order-4{-ms-flex-order:4;order:4} .order-5{-ms-flex-order:5;order:5} .order-6{-ms-flex-order:6;order:6} .order-7{-ms-flex-order:7;order:7} .order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11} .order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%} /* eventos */ #banner-eventos {position: fixed; width: 60%; bottom: 0; left: 0; right: 0; margin: 0 auto; padding: 30px 40px; color: #ffffff; z-index: 999; background: linear-gradient(to bottom, rgba(83,126,196,1) 0%, rgba(117,189,218,1) 100%);} #banner-eventos .close-eventos {position: absolute; right: 20px; top: 20px; width: 27px; height: auto; cursor: pointer;} #banner-eventos .info-eventos {position: absolute; right: 100px; bottom: 12px; width: 310px; height: auto;} #banner-eventos .time-event {width: 32%; margin: 0 auto; margin-top: -35px;} #banner-eventos .info-event {width: 48%;} #banner-eventos .btn-evento {color: #fff; border: 2px solid #fff; padding: 10px 20px; font-size: 20px; font-weight: 600;} #banner-eventos .btn-evento:hover {background: rgb(255 255 255 / 10%); transition: .3s;} #banner-eventos .fecha-evento {font-size: 18px;} #banner-eventos .title-evento {font-weight: 600; line-height: 36px; margin-bottom: 32px;} #banner-eventos .timer > div {text-align: center; display: inline-block; width: 24%;} #banner-eventos .timer span {font-size: 22px;} @media (min-width: 1375px) { #banner-eventos .info-eventos {right: 70px; bottom: 30px;} #banner-eventos .info-event {width: 58%;} } @media (min-width: 1201px) and (max-width: 1376px) { #banner-eventos .time-event {display: none;} #banner-eventos .info-eventos {right: 40px; bottom: 6px;} #banner-eventos .info-event {width: 60%;} } @media (max-width: 1201px) { #banner-eventos .info-eventos {display: none;} #banner-eventos .time-event {display: none;} #banner-eventos .info-event {width: 94%;} } @media (max-width: 481px) { section.events .container .event-tabs .tab-content.active .row.align-items-center.container-events .col-md-4.event-image{padding: 0; margin-bottom: 1rem;} section.events .container .event-tabs .tab-content.active .row.align-items-center.container-events .col-md-4.event-image img{width: 100%; border-radius: 4px;} section.events .container .event-tabs .tab-content.active .row.align-items-center.container-events .col-md-8.event-description{padding: 0;margin-bottom: 1rem;} section.events .container .event-tabs .tab-content.active .row.align-items-center.container-events .col-md-8.event-description .card-deck.mb-3.text-left{gap: 1rem;} } .innovacion .proyecto {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-bottom:1px solid #F2F2F2; padding:12px 0;} .innovacion .detalle {width: 90%;} .innovacion .proyecto:first-child {color:#ccc;} .innovacion .proyecto .nombre {width: 100%;} .innovacion .proyecto .nombre h2 {font-size:22px; padding:8px 5px 8px 0; margin: 0; transition: all 0.4s; cursor: pointer;} .innovacion .proyecto .nombre h2:hover {padding:8px 0 8px 5px;} .innovacion .proyecto .descripcion {width: 100%; line-height: 25px; display: none;} .innovacion .proyecto .descripcion p:first-child {padding-top:25px;} /*.innovacion .proyecto .descripcion h3 {font-size:14px; font-weight: 700; margin:20px 0 5px;}*/ .innovacion .proyecto .descripcion ul {margin:0 0 10px; /*padding:0 0 0 15px;*/} .innovacion .proyecto .descripcion ul li {margin:0 0 5px;} .innovacion .proyecto .descripcion img {margin:20px 0;} .innovacion .proyecto .descripcion figure.mx-0, .innovacion .proyecto .descripcion figure.mx-0 img {margin: 0;} .innovacion .proyecto .descripcion figure.text-center {text-align: center;} .buscador .resultado {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-bottom:1px solid #F2F2F2; padding:12px 0;} .buscador .resultado:first-child {color:#ccc;} .buscador .resultado .nombre {width: 85%;} .buscador .resultado .nombre h2 {font-size:22px; padding:8px 5px 8px 0; margin: 0; transition: all 0.4s; cursor: pointer;} .buscador .resultado .nombre h2:hover {padding:8px 0 8px 5px;} .buscador .resultado .nombre h2 a {color: #44546A;} .buscador .resultado .tipo {width: 15%;} .buscador .no-post {padding:20px 0; } .recursos {font-size:15px; line-height: 30px; font-weight: 400; margin: 30px 0;} .recursos h2 {margin-top: 70px;} .recursos .brand {width:50%; margin-right: 0; margin-left: 15px; margin-bottom: 25px;} .recursos .brand:first-child {margin-right: 15px; margin-left: 0;} .recursos .brand img {border:1px solid #f4f4f4; margin-bottom: 20px;} .recursos .color {width:25%; margin: 0 15px;} .recursos .color:first-child {margin-right: 15px; margin-left: 0;} .recursos .color:last-child { margin-right: 0; margin-left: 15px;} .recursos .color span {width: 100%; padding-bottom: 100%; display: block;} .recursos .color p {border: 1px solid #f4f4f4; padding: 15px; border-top: 0; font-size: 13px; line-height: 22px; display: block;} .recursos .color p strong {font-size: 15px; display: block; margin: 3px 0 7px;} .ofertas .oferta {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-bottom:1px solid #F2F2F2; padding:15px 0;} .ofertas .oferta:first-child {color:#ccc;} .ofertas .oferta .vacante {width: 60%;} .ofertas .oferta .vacante h2 {font-size:26px; padding:10px 5px 10px 0; margin: 0; transition: all 0.4s; cursor: pointer;} .ofertas .oferta .vacante h2:hover {padding:10px 0 10px 5px;} .ofertas .oferta .fechaPubli {width: 20%; text-align: center;} .ofertas .oferta .vacanteOferta {width: 20%; text-align: center;} .ofertas .oferta .compartir {width: 70%;} .ofertas .oferta .compartir .nav-share {list-style: none; padding-left: 0;} .ofertas .oferta .compartir .nav-share li {display: inline-block;} .ofertas .oferta .descripcion {width: 70%; line-height: 25px; display: none;} .ofertas .oferta .descripcion p:first-child {padding-top:25px;} .ofertas .oferta .descripcion h3 {font-size:14px; font-weight: 700; margin:20px 0 5px;} .ofertas .oferta .descripcion ul {margin:0 0 10px; padding:0 0 0 15px;} .ofertas .oferta .descripcion ul li {margin:0 0 5px;} .ofertas .oferta .descripcion .btn {display:block; margin:20px 0; padding-left:0; padding-right: 5px;} .ofertas .oferta .descripcion .btn:hover {padding-left:5px; padding-right: 0;} .ofertas .oferta .descripcion .btn:before {content:none;} .becas .oferta .contrato, .becas .oferta .localizacion {width: 20%;} .call {margin:100px 0 0; text-align: center;} .call a {background-color: #0BD0D9; display: inline-block; margin: auto; width: 550px;font-weight: 700; line-height: 25px; padding: 30px; max-width: 100%; color: #ffffff; font-size: 20px; text-transform: uppercase; transition: all 0.4s;} .call a:hover {width: 580px;} .call a span {display: block; color:#000; font-size: 14px; text-transform: none; opacity: 0.3; font-weight: 600; margin-bottom: 5px;} .error404 .error {height: 100%; width: 100%; display: flex; text-align:center; align-items: center; justify-content: center; background-image: url(img/bg-404.jpg); background-size: cover;} .error404 .error h1 {color:#ffffff; font-size: 160px; margin:60px 0 0;} .error404 .error h2 {color:#ffffff; font-size:35px; margin:20px 0;} .error404 .error p {color:#ffffff; font-size: 16px; line-height: 26px;} .error404 .error .btn404 {background-color: #10CF9B; cursor: pointer; display: inline-block; font-weight: 700; line-height: 25px; padding: 20px 50px; color: #ffffff; font-size: 15px; text-transform: uppercase; transition: all 0.4s; margin: 25px 10px -20px;} footer {padding:50px 0; font-size:13px; display: flex; flex-direction: row;} .subfooter {display: flex; flex-direction: row; margin:0 -15px;} .subfooter > div {flex:1; margin:0 15px;} .subfooter h4 {color:#666666; font-weight: 700; font-size:16px; margin:20px 0 10px; padding:0;} .subfooter p {color:#888888; font-size:12px; line-height: 20px;} .subfooter p a, .subfooter button {font-size:12px; cursor:pointer; color:#0090d1; font-weight: 600; display: block; transition: all 0.4s; padding:0; background:none; border:none;} .subfooter button {display: inline-block;} .subfooter p a:hover, .subfooter button:hover {color:#0090d1; padding-left:3px;} .subfooter p a span {top:-2px; position:relative; background: #0bd0d9; color: #fff; padding: 0; border-radius: 30px; width: 21px; height: 22px; display: inline-block; margin-left: 5px; text-align: center; font-size: 12px; font-weight: 700; padding-right: 1px;} .subfooter input {background:none; color:#555555; font-weight: 500; font-size:12px; line-height: 20px; border:none; margin-right: 5px;} .subfooter input::placeholder {color:#c1c1c1; font-weight: 500;} footer hr {margin:30px 0 40px; border: 0; border-top: 1px solid #f2f2f2;} .footer {display: flex; align-items: center;} .footer .logo {width:66px; height: 33px; margin-right: 15px;} .footer nav {flex-grow: 2; } .footer nav ul {margin:0; padding:0;} .footer nav ul li {display: inline-block; margin-right: 10px} .footer nav ul li a {color:#666666; font-weight: 600; display: block; transition: all 0.4s; font-size:12px;} .footer nav ul li a:hover {color:#999999;} .footer nav p.copy {font-size: 10px; margin: 4px 0; color:#888888;} .footer .social {text-align: right; margin:0; padding:0; min-width: 160px;} .footer .social li {display: inline-block; margin-right: 0; margin-left:10px;} .footer .social li > a > svg {width: 26px; height: 26px;} .footer .social li > a > svg path {transition: all 0.4s;} .footer .social li > a[href*="linkedin"]:hover > svg path {fill:#0077b5 !important;} .footer .social li > a[href*="twitter"]:hover > svg path {fill:#00aced !important;} .footer .social li > a[href*="youtube"]:hover > svg path {fill:#CD201F !important;} .footer .social li > a[href*="facebook"]:hover > svg path {fill:#3b5998 !important;} .footer .social li > a[href*="instagram"]:hover > svg path {fill:#EF25CB !important;} /* POPUP 2023 */ div#popmake-14789 .pum-content.popmake-content{ font-size: 14px !important; line-height: 1.2rem !important;} div#popmake-14789 .contendorImgpopup{margin: 1rem 0rem !important; } div#popmake-14789 .contendorImgpopup img{width: 100% !important; } div#popmake-14789 .textPopUp{line-height: 1.4rem !important;} div#popmake-14789 .textPopUp br{display: none !important;} div#popmake-14789 .lineaPopUp{ border-top: 3px solid #44546a !important; width: 20% !important; margin-bottom: 1rem !important;} div#popmake-14789 .contendorLinkpopup{background-color: #0090d1 !important;padding: 1rem !important;text-align: center !important;color: #fff !important;} div#popmake-14789 a.popup-button{ color: #fff !important; font-weight: 700 !important; width: 100% !important;} div#popmake-14789 .contendorLinkpopup button{display: none;} /* POPUP hack2progress */ div#popmake-15433 .pum-content.popmake-content{ font-size: 14px !important; line-height: 1.2rem !important;} div#popmake-15433 .contendorImgpopup{margin: 1rem 0rem !important; } div#popmake-15433 .contendorImgpopup img{width: 100% !important; } div#popmake-15433 .textPopUp{line-height: 1.4rem !important;} div#popmake-15433 .textPopUp br{display: none !important;} div#popmake-15433 .lineaPopUp{ border-top: 3px solid #44546a !important; width: 20% !important; margin-bottom: 1rem !important;} div#popmake-15433 .contendorLinkpopup{background-color: #0090d1 !important;padding: 1rem !important;text-align: center !important;color: #fff !important;} div#popmake-15433 a.popup-button{ color: #fff !important; font-weight: 700 !important; width: 100% !important;} div#popmake-15433 .contendorLinkpopup button{display: none;} /* Banner cookies */ #CybotCookiebotDialogHeader {display: none !important;} #CybotCookiebotDialogPoweredbyCybot {visibility: hidden;} #cookie-msg {display:none; position: fixed; z-index: 99999; bottom:-1px; left:0; width: calc(100% - 30px); line-height: 17px; text-align: center; background: #333333; color:#fff; font-size: 11px; padding:15px;} #cookie-msg #cookie-msg-inner {display: inline;} #cookie-msg #cookie-msg-inner a {color:#ffffff; border-bottom:1px dotted #bbb; transition:all 0.4s;} #cookie-msg #cookie-msg-inner a:hover {opacity:0.5;} #cookie-msg #cookieClose {display: inline-block; cursor: pointer; color:#0bd0d9; font-weight: 500; transition: all 0.4s;} #cookie-msg #cookieClose:hover {opacity:0.5;} #cookie-law-info-bar {font-size: 12px;} #cookie-law-info-bar a.cookie_action_close_header:hover, #cookie-law-info-bar a.cli_settings_button:hover {opacity:0.5; cursor: pointer;} #cookie-law-info-bar a.cli_settings_button {border-bottom: 1px dotted #bbb; transition: all 0.4s;} .cli-privacy-content-text a {color: #0090d1; text-decoration: none; font-weight: 500; border-bottom: 1px dotted #0090d1;} /* Estilos timeline */ .cool-timeline-block-5196cb6d-2837-4efe-bb43-5ff38367811a .cool-vertical-timeline-body .timeline-content .timeline-block-icon, .detalle article .timeline .cool-vertical-timeline-body .timeline-content .timeline-block-icon { border-color: #0085CA !important; border: 3px solid #0085CA !important; } .cool-timeline-block-5196cb6d-2837-4efe-bb43-5ff38367811a .cool-vertical-timeline-body .timeline-content .timeline-block-icon, .detalle article .timeline .cool-vertical-timeline-body .timeline-content .timeline-block-icon { background: #FFFFFF !important; } .cool-timeline-block-ebd95115-a7ad-47bf-af88-b3d674531ddf .cool-vertical-timeline-body::before, .detalle article .timeline .cool-vertical-timeline-body::before { background: #0085CA !important; opacity: 1 !important; } .cool-vertical-timeline-body .timeline-content.icon-false .timeline-block-icon, .cool-timeline-block-ebd95115-a7ad-47bf-af88-b3d674531ddf .cool-vertical-timeline-body .timeline-content .timeline-block-icon { background: #FFFFFF !important; } .cool-vertical-timeline-body.both-sided .timeline-content .position-right .story-details::before, .cool-vertical-timeline-body.one-sided.left .timeline-content .story-details:before, .cool-vertical-timeline-body.both-sided .timeline-content .position-left .story-details::before, .cool-vertical-timeline-body.one-sided.right .timeline-content .story-details:before { display: none !important; } body.both-sided .timeline-content .position-left .story-details, .cool-vertical-timeline-body.one-sided.right .timeline-content .story-details, .cool-vertical-timeline-body.both-sided .timeline-content .position-right .story-details, .cool-vertical-timeline-body.one-sided.left .timeline-content .story-details, .cool-vertical-timeline-body.both-sided .timeline-content .position-left .story-details, .cool-vertical-timeline-body.one-sided.right .timeline-content .story-details { border-left: none !important; border-right: none !important; } .cool-timeline-block-ebd95115-a7ad-47bf-af88-b3d674531ddf .cool-vertical-timeline-body .timeline-content .story-details, .cool-timeline-block-ebd95115-a7ad-47bf-af88-b3d674531ddf .cool-vertical-timeline-body .timeline-content .story-details, .cool-timeline-block-ebd95115-a7ad-47bf-af88-b3d674531ddf .cool-vertical-timeline-body .timeline-content .story-details { border-color: transparent !important; } /* Responsive */ @media (min-width: 769px) { header nav {display: flex !important;} header .dropdown .dropdown-menu {display: flex !important;} header .dropdown .dropdown-menu.open {display: flex !important;} .search-input .close-search-input {display: none;} .banner-empleo {margin: 155px 0 -80px;} } @media (min-width: 426px) and (max-width: 769px) { .banner-empleo {margin: 100px 0 -30px;} } @media (max-width: 768px) { main {padding:50px 0 0;} .portada {height:auto;} .flex {display: block;} .shadow {opacity: 0 !important;} .flickity-viewport {touch-action: pan-y;} header .toggle {display:block; position: absolute; top: 40px; right: 30px; width: 25px; height: auto; cursor: pointer; transition:all 0.8s ease-in-out 0.5s} header.minify .toggle {top: 26px;} header {display: block;} header .logo {width: 120px; margin-left:20px;} header nav {border-bottom:1px solid #F2F2F2; margin: 0; display: none; position: absolute; background: #ffffff; width: 100%; padding: 0 0 20px; max-height: 380px; overflow-y: auto;} header ul {display: block; padding:0;} header ul li {display: block;} header ul li.current {border-color: #ffffff;} header ul li a, header ul li a:focus {display: block; font-size: 15px; padding: 12px 25px; color:#555555;} header ul.nav-social {display: none;} header .dropdown .dropdown-menu {visibility: visible; opacity: 1; position: static; margin-top:0; padding:0; display: none;} header .dropdown .dropdown-menu.open {display: block;} header .dropdown-menu .container {display: block; width: auto; padding: 0 25px;} header .dropdown-menu dl dt {margin-bottom: 5px;} header .dropdown-menu .container dl {margin:20px 0;} header .dropdown-menu .enlace-blog {position: static; margin: 0; padding: 0 0 10px 0; } header ul.nav-buscador {padding:0; border: none;} .search-input {width: 100%; height: 100%; z-index: 888888; top: 0 !important;; padding:0; margin-top:0 !important;} .search-input form {transform:translateY(-50%); position: absolute; top:50%; left:0;} .search-input .close-search-input {position: absolute; top: 35px; right: 45px;} .cabecera h1 {font-size:35px; margin:200px 0 150px;} .cabecera h2 {font-size:26px; line-height: 30px; text-align: center;} .contacto h1 {font-size:35px; line-height: 45px;} .cabecera.simple {margin-bottom: -190px;} .cabecera.simple h1 {margin:160px 0; font-size:35px;} .datos-cabecera {top:135px; font-size:10px;} .portada h1 {font-size: 40px;} .home .clientes {margin:90px 0;} .home .clientes .logos {padding:20px 0;} .clientes .logos {padding:20px 0 80px;} .clientes .carousel-testimonios {margin-top:20px;} .clientes .carousel-testimonios .carousel-cell {padding-top:0;} .clientes .testimonio .foto img {margin-top:0;} .clientes .testimonio blockquote {margin:0; font-size: 15px; line-height: 23px;} .clientes .testimonio blockquote span {font-size:12px;} .clientes .carousel-testimonios .btn-slide {top:0; bottom:auto;} .clientes .carousel-testimonios .btn-slide.next {top:45px; bottom:auto} .destacado {margin-top: -25px; } .destacado .evento .tipo {padding:15px;} .destacado .noticia {margin:0;} .destacado .noticia fieldset {position: static;padding: 20px 10px; width: calc(100% - 20px); min-height: auto;} .destacado .noticia:nth-child(2) {padding:0;} .webinar .sidebar {width: 100%;} .webinar .contacto {width: 100%; margin-top: 50px;} .webinar .detalle {width: 100%;} .webinar .detalle .imagen-ponente {width: 100%;} .webinar .detalle .info-ponente {width: 100%;} .detalle {width:100%;} .detalle article {margin-top:0;} .detalle article h2 {font-size: 22px; line-height: 35px;} .detalle article ul {padding:0 30px;} .detalle article iframe {max-width: 100%;} .call a {width: 70% !important; padding: 20px; font-size: 16px; margin-top: -20px;} .call a span {font-size:13px; margin:0;} .relacionadas .noticia img {width:80px; margin-right: 20px;} .relacionadas .noticia fieldset {top: 0; width: calc(100% - 115px);} .actualidad .entradas-destacadas .noticia {margin-bottom:40px;} .actualidad .entradas-destacadas .noticia:first-child img {width:100%;} .actualidad .entradas-destacadas .noticia:first-child fieldset {width: 100%; position: static; margin: 25px 0; padding: 0;} .actualidad .entradas-destacadas .noticia img {width:80px; margin-right: 20px;} .actualidad .entradas-destacadas .noticia fieldset {width: calc(100% - 115px); margin: -8px 0 0;} .actualidad .columns p {width:100%; margin-left:0; margin-right: 0;} .sidebar.categorias {width: 80%; margin: 0; text-align: left;} .actualidad .noticia fieldset {padding: 0; margin: 25px 0; position: static; width: 100%; } .nosotros .columns p {width:100%; margin-left:0; margin-right: 0;} .nosotros .video-corporativo:before {width: 80%; height: 120%; top: 50%; transform: translate(-50%,-50%); margin: 0 auto; max-width: 450px;} .nosotros .team .carousel-cell h4 {padding-left:0;} .nosotros .team .carousel-cell ul {margin:0;} .sidebar {width:100%;} .sidebar nav {border:0; border-bottom: 1px solid #f4f4f4;} .sidebar.share nav ul li {display: inline;} .sidebar nav > ul:nth-child(2):before {left:0; right:auto;} .buscador, .innovacion {margin-top:40px;} .buscador .tipo {display:none;} .buscador .resultado .nombre {width: 100%;} .ofertas {margin-top:40px;} .ofertas .oferta .vacante {width:70%;} .ofertas .oferta .vacante h2 {font-size: 20px; line-height: 30px;} .ofertas .oferta .descripcion {width:100%;} .ofertas .oferta .contrato {display: none;} .contacto {margin: 120px 0 70px; } .contacto .sede {margin-top: 20px; } .contacto .detalle .flex {display:flex;} .contacto .form {padding:40px 30px 0; margin-top: 50px;} .contacto .form .group {margin-left:-10px;} .contacto .form .legal {font-size: 9px; padding: 0; line-height: 13px;} .newsletter .form {padding:40px 30px 0; margin-top: 50px;} .newsletter .form .group {margin-left:-10px;} .newsletter .form .legal {font-size: 9px; padding: 0; line-height: 13px;} .subfooter {display: block; } .subfooter h4 {margin:25px 0 5px} .footer {display: block; text-align:center;} .footer .logo {width: 106px; height: auto; margin-right: 0; margin-bottom: 10px;} .footer nav ul li {display: block;} .footer nav ul li a {font-size: 13px; margin: 10px 0;} .footer .social {text-align: center; margin:30px 0 0;} .footer .social li > a > svg {width: 32px; height: 32px;} .footer nav p.copy {margin:20px 0;} .recursos .flex {display:flex;} } @media (max-width: 680px) { .portada h1 {font-size: 35px;} .destacado {margin:50px 0;} .destacado > div {display: block;} .destacado .evento {width:100%; margin-bottom: 40px;} .destacado .evento h2 {text-align: left; margin-bottom:20px;} .destacado .evento h3 {width: 70%;} .destacado .evento fieldset {left:0; margin:0; padding:20px 0;} .destacado .evento.old img {width:100%;} .destacado .evento.old fieldset {left: auto; right: 0; text-align: left; margin: 0; padding:20px 0;} .destacado .evento.old .tipo, .destacado .evento .tipo {top:20px;} .destacado .noticia {margin:30px 0;} .destacado .noticia fieldset {position: static; padding:20px 0; width:100%; min-height: auto;} .clientes .logos ul li {width: calc(100% * (1/2)); text-align: center; margin: 10px 0;} .clientes .logos ul li img {width: 85%;} .clientes .carousel-testimonios .carousel-cell {margin-top:0;} .clientes .carousel-testimonios {margin:40px 0;} .clientes .testimonio {display:block;} .clientes .testimonio blockquote {width:100%; text-align: center;} .clientes .testimonio blockquote span {font-size:14px; text-align: center;} .clientes .testimonio .foto {width:100%;} .clientes .testimonio .foto img {margin-top:20px;} .clientes .carousel-testimonios .btn-slide {left: 0; bottom: 3px; top: auto;} .clientes .carousel-testimonios .btn-slide.next {bottom: 3px; top: auto; right: 0; left: auto;} .contacto .detalle .flex {display:block;} .contacto .sede {width:100%; margin:0 0 50px;} .nosotros .team .carousel-cell {width: 75%;} .nosotros .partners li {width: calc(100% * (1/2));} .actualidad .noticia {width:100%; margin: 30px 0 0;} .recursos .flex {display:block;} .recursos .brand {width:100%;} .recursos .color {width:100%; margin:20px 0 !important;} } @media (max-width: 426px) { .banner-empleo {margin: 100px 0 -20px;} .banner-empleo img.banner-desktop {display: none;} .banner-empleo img.banner-mobile {display: block !important;} } @font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2'); font-display: swap; }