.gestion_bar{ position:fixed; z-index:10000; top:10px; left:10px; background:#fff; border:1px solid #e9e9e9; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width:44px;} .gestion_bar *{ margin:0;padding:0;} .gestion_bar .gestion_bar_cont{ padding:1px 0px;} .gestion_bar .item_bar{ width:40px; height:40px; margin:1px 2px 1px; background:#333; cursor:pointer; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .item_bar .icon img{ padding:8px; border:0;} .gestion_bar .item_bar:hover{ background:#000; padding:0 8px 0 0; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;} .gestion_bar .item_bar .submenu{ display:none; margin-left:48px; width:170px; padding:3px; background:#000; position:absolute; top:0;left:0; -moz-border-radius: 0px 2px 2px; -webkit-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px;} .gestion_bar .item_bar:hover .submenu{ display:block;} .gestion_bar .item_bar .submenu .submenuItem{ width:150px; margin:0 0 1px; position:relative; color:#fff; font-size:12px; font-weight:bold; background:#222; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height:30px; padding:0 10px;} .gestion_bar .item_bar .submenu .submenuItem img{ margin:5px 0 0; float:left;} .gestion_bar .item_bar .submenu .submenuItem span{ float:left; display:block; color:#ccc; margin:8px 0 0 5px;} .gestion_bar .item_bar .submenu .submenuItem a{ float:left; display:block; color:#fff; text-decoration:none; margin:8px 0 0 5px;} .gestion_bar .item_bar .submenu .submenuItem:hover{ background:#000;} /*2do Nivel*/ .gestion_bar .item_bar .submenu .submenuItem .submenu2{ display:none; position:absolute; top:-3px; left:170px; width:170px; background:#000; padding:5px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px;} .gestion_bar .item_bar .submenu .submenuItem:hover .submenu2{ display:block;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item{ position:relative; background:#222; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:0 0 1px;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item a{ color:#fff; text-decoration:none; margin:0; float:none; padding:6px 6px 7px;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item span{ color:#fff; margin:0; padding:6px 6px 7px;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover{ background:#000;} /*3er Nivel*/ .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item .submenu3{ display:none; position:absolute; top:-5px; left:170px; width:150px; background:#000; padding:5px; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3{ display:block; } .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a{ display:block; color:#fff; padding:6px; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background:#222; margin:0 0 1px; float:none;} .gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a:hover{ background:#000;} /*Icon edit*/ .gestion_bar .itembarEdit{ width:40px; height:40px; margin:1px 2px 1px; background:#96C742; cursor:pointer; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarEdit img{ padding:8px; border:0;} .gestion_bar .itembarEdit:hover{ background:#96C742; padding:0 8px 0 0; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;} .gestion_bar .itembarEdit .itembarEditCont{ display:none; background:#96C742; position:absolute; top:0; left:48px; padding:10px; width:190px; -moz-border-radius: 0px 2px 2px; -webkit-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px;} .gestion_bar .itembarEdit:hover .itembarEditCont{ display:block;} .gestion_bar .itembarEdit:hover .itembarEditCont a{ display:block; padding:8px; margin:0 0 2px 0; font-size:12px; color:#fff; font-weight:bold; background:#729F25; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarEdit:hover .itembarEditCont a:hover{ background:#143D16;} .gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPortal{} .gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPag{} .gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigAddComp{} /*Icon Eye*/ .gestion_bar .itembarEye{ width:40px; height:40px; margin:1px 2px 1px; background:#f26e45; cursor:pointer; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarEye img{ padding:8px; border:0;} .gestion_bar .itembarEye:hover{ padding:0 12px 0 0;} .gestion_bar .itembarEye .barEyeCont{ display:none; background:#f26e45; position:absolute; top:0; left:48px; padding:10px; -moz-border-radius: 0px 2px 2px; -webkit-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px; } .gestion_bar .itembarEye:hover .barEyeCont{ display:block; width:190px;} .gestion_bar .itembarEye .barEyeCont .selectView{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background:#fff; padding:3px;} .gestion_bar .itembarEye .barEyeCont .selectView select{ border:0; color:#333; font-weight:bold; font-size:14px; width:180px; padding:2px;} .gestion_bar .itembarEye .barEyeCont .options{ padding:10px 0 2px; overflow:hidden;} .gestion_bar .itembarEye .barEyeCont .options a{ display:block; float:left; padding:5px 8px; font-size:12px; color:#fff; text-decoration:none; background:#d15a34; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#fff;} .gestion_bar .itembarEye .barEyeCont .options a:hover{ background:#c34d28;} .gestion_bar .itembarEye .barEyeCont .options a.editTheme{} /*Icon Add*/ .gestion_bar .itembarAdd{ width:40px; height:40px; margin:1px 2px 1px; background:#31ce31; cursor:pointer; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarAdd img{ padding:8px; border:0;} /*Icon Info User*/ .gestion_bar .itembarUser{ width:40px; height:40px; margin:1px 2px 1px; background:#0d83dd; cursor:pointer; position:relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarUser img{ padding:8px; border:0;} .gestion_bar .itembarUser:hover{ padding:0 12px 0 0;} .gestion_bar .itembarUser .barUserCont{ display:none; background:#0d83dd; position:absolute; top:0; left:48px; padding:10px; -moz-border-radius: 0px 2px 2px; -webkit-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px; } .gestion_bar .itembarUser:hover .barUserCont{ display:block; width:190px;} .gestion_bar .itembarUser .barUserCont .userName{ padding:5px 0; color:#fff; font-size:16px; font-weight:bold;} .gestion_bar .itembarUser .barUserCont .userMail{ font-size:12px; color:#fff; padding:0 0 10px} .gestion_bar .itembarUser .barUserCont .options{ overflow:hidden;} .gestion_bar .itembarUser .barUserCont .options a{ display:block; float:left; padding:5px 8px; margin:0 2px 2px 0; font-size:12px; color:#fff; background:#8cc2ec; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarUser .barUserCont .options a:hover{ background:#036ebe;} .gestion_bar .itembarUser .optionsApp{ margin:5px 0 0; background:#8cc2ec; padding:8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarUser .optionsApp h4{ color:#fff; font-weight:normal; font-size:12px; padding:3px;} .gestion_bar .itembarUser .optionsApp h4 b{} .gestion_bar .itembarUser .optionsApp a.actualizarApp{ display:block; margin:5px 0 0; padding:5px 8px; font-size:12px; color:#fff; text-align:center; background:#0d83dd; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gestion_bar .itembarUser .optionsApp a.actualizarApp:hover{ background:#0A5B98;} /* ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */ .bg_edit_text{ position:fixed; top:0; left:0; z-index:11999; width:100%; height:100%; background: rgba(0,0,0,0.5);} .bg_edit_text form.form_html_text{ position:absolute; left:18%; right:18%; top:10px; width: 60% !important; background:#fff; padding:2%;} .bg_edit_text form.form_html_text textarea{ width:100%;} .bg_edit_text form.form_html_text table{ width:100%;} .bg_edit_text form.form_html_text button[type="cancel"], .bg_edit_text form.form_html_text button[type="submit"]{ margin:10px 0 0; padding:10px; border:0; color:#fff; border-radius:3px; cursor:pointer;} .bg_edit_text form.form_html_text button[type="submit"]{ float:right; background:#25641d;} .bg_edit_text form.form_html_text button[type="cancel"]{ float:left; background:#8d2f2f;} .bg_edit_text form.form_html_text button[type="submit"]:hover{ background:#183d13;} .bg_edit_text form.form_html_text button[type="cancel"]:hover{ background:#701313;} /* FIN ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */ /*=====BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/ .widget_container{ position:relative;} .widget_edit{ position:absolute; top:3px; left:3px; z-index:1000;} .widget_edit a{ background: #fff url(/statics/images/icon_conf.png) 2px 2px no-repeat; width:15px; height:15px; z-index:9999; overflow:hidden; text-indent:-9999px; display:block; -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .editProd, .editPub, .editPubItem{ position:absolute; top:5px; right:5px; z-index:900;} .editProd a, .editPub a, .editPubItem a{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display:block; background:#333; color:#fff; padding:4px; font-weight:bold; font-size:10px; cursor:pointer;} /*=====FIN BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/ /* ================== PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */ .loadOrisom{ background: rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;} .loadOrisom .loadOrisomImg{ background: url(/statics/images/loader.gif) top left no-repeat; background-size: contain; width: 12%; height: 12%; position: absolute; top: 50%; left: 50%;} /* ================== FIN PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */ /* ================== PAGE SLIDE ===================== */ #pageslide{ /* Estos estilos son importantes para el funcionamiento */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; padding:0; /* Estos estilos son opcionales y muestran como se va a ver el pageslide*/ border-left:1px solid #000; background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222;} /* ================== FIN PAGE SLIDE ===================== */ /* ================== MENU FRONT WWW DASHBOARD PAGE ===================== */ .frontAdminMenu{ position:fixed; bottom:5px; right:10px; z-index: 99999999; background:#000; padding:5px; } .frontAdminMenu a{ cursor: pointer; color:#fff; } .frontAdminMenu .tagButon { color:#f93232; } .frontAdminMenu .active{ color:#5edc48; } /* ================== LOGIN PAGES ===================== */ .userInfo{ text-align: center; padding: 3px;display:none; } .userInfoImg{ max-height:100px; max-width:100px; border-radius: 50%; } .userInfoUsername{ padding: 7px; font-size: 19px; } .userInfoEmail{ padding: 7px; font-size: 15px; } .btnChangeUser a{ text-align:right; display: block; font-size: 14px; color: #666; text-decoration: none; padding: 2px 0 0; } .loginWeb{ width:100%; height:100%; display:table; font-family: 'Montserrat', sans-serif; text-align:center;} .loginWeb main{ width:100%; display:table-cell; vertical-align:middle; text-align:center;} .logWeb{ width:300px; margin:0 auto;} .logWeb .logCont{ text-align:center;} .logWeb .logCont .logo{ padding:0 0 25px; position:inherit; } .logWeb .logCont .logo img{ max-width:200px;} .logWeb .loginContent{ text-align:left;} .logWeb .loginContent .defaultCont {} .logWeb .loginContent .defaultCont .wrapper{ padding:20px; background-color: #f7f7f7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-shadow: 0px 7px 30px -7px #ccc; -webkit-box-shadow: 0px 7px 30px -7px #ccc; box-shadow: 0px 7px 30px -7px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#ccc'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 7, Direction = 180, Color = '#ccc')";} .logWeb .loginContent h4{ text-align:center; padding:0 20px 0px; color:#0d83dd;} .logWeb .subtitle{ padding:0 0 20px; font-size:14px; color:#333; text-align:center;} .logWeb .campo{ width:100%; padding:0 0 2px 0;} .logWeb .campo input{ width:100%; padding:10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .logWeb .campo input.inpError{ border:1px solid #cd3840;} .logWeb .campoBtn{ width:100%; padding:2px 0 0;} .logWeb .campoBtn input{ width:100%; padding:10px; font-size:18px; cursor:pointer; background:#0d83dd; color:#fff; text-align:center; border:1px solid #077bd3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .logWeb .campoBtn input:hover{ background:#077bd3;} .logWeb .options{ padding:20px 0;} .logWeb .options ul{ list-style-type:none;} .logWeb .options ul li{} .logWeb .options ul li a{ display:block; font-size:14px; color:#666; text-decoration:none; padding:2px 0 0;} .logWeb .options ul li a:hover{ color:#0d83dd;} .logWeb .note{ padding:20px 0; font-size:14px; color:#666; text-align:center;} .logWeb .btnBack{ -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-size:14px; color:#333; cursor:pointer; padding:5px; width:100px; margin:20px auto; border:1px solid #c5e3fa; text-align:center;} .logWeb .btnBack:hover{ border: 1px solid #0d83dd;} .logWeb .mensaje_error{ text-align:center; padding:10px; border:1px solid #e58085; background:#f5e0e1; font-size:14px; margin:0 0 2px;} .logWeb .mensaje_ok{ text-align:center; padding:10px; font-size:18px;} .logWeb .infoApp{ text-align:center; padding:5px; margin:0 0 2px;} .logWeb .infoApp img{ display:inline-block; vertical-align:middle; max-height:28px; max-width:28px;} .logWeb .infoApp h5{ display:inline-block; vertical-align:middle; font-size:16px; color:#666;} :root{ --link-menu-color: #222222; --link-menu-color-hover: #FF5325; --primary-color-text: #333333; --secondary-color-text: #E22177; --primary-color: #154B86; --secondary-color: #FF5325; --secondary-color-hover: #340C99; --third-color: #173969; --total-color: #d0dbe6; --background-color-primary: #f1f6fd; --background-color-secondary: #e5eefa; --invert: invert(0); } html { scroll-behavior: smooth; } body{ margin:0; padding:0; / font-family: 'Open Sans', sans-serif; / font-family: 'Questrial', sans-serif; / font-family:'banks-miles-single' !important; font-family: "Montserrat", Sans-serif !important; -webkit-font-smoothing: subpixel-antialiased !important; font-size: 16px; } /*=====Generico====*/ *{ margin:0; padding:0; outline:0;} input, select, textarea{ outline:0; font-family: 'banks-miles-single', sans-serif;} input::-moz-focus-inner { border:0; padding:0 } img{ border:0; outline:0;} @font-face{ font-family:"banks-miles-single"; src:url("/drive/repo/editorweb/banks-miles-single.ttf") format("woff"), url("/drive/repo/editorweb/banks-miles-single.ttf") format("opentype"), url("/drive/repo/editorweb/banks-miles-single.ttf") format("truetype"); } @keyframes zoomIn{ from { opacity:0; transform:scale3d(.3,.3,.3) } 50%{ opacity:1 } } @keyframes fadeInRight{ from{ opacity:0; transform:translate3d(100%,0,0) } to { opacity:1; transform:none } } @keyframes fadeInLeft{ from{ opacity:0; transform:translate3d(-100%,0,0) } to { opacity:1; transform:none } } @keyframes sliding-vertically{ from{ opacity:0; transform:translate3d(-100%,0,0) } to { opacity:1; transform:none } } @keyframes blur{ from{ text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 50px #fff, 0px 0px 50px #fff, 0px 0px 5px #ff6b35, 0px 0px 15px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px -10px 10px #ff6b35, 0px -10px 10px #ff6b35;} } .loadOrisom { display: none !important; } /*===== Correcciones de gestion ====*/ .slide .widget_container{ position:static;} /*===== Transitions ====*/ .mp .accesMp .menuItem, .btnCatalog .menuTitle a, .btnAccion01 .contMenu .menuLink a, .btnUbicacion .menuItem, .slide .menuLink a, .catalog .addCart .text, .mainForm .formButtons input{ -webkit-transition:all 0.3s ease-out; /* Chrome y Safari */ -o-transition:all 0.3s ease-out; /* Opera */ -moz-transition:all 0.3s ease-out; /* Mozilla Firefox */ -ms-transition:all 0.3s ease-out; /* Internet Explorer */ transition:all 0.3s ease-out; /* W3C */ } img { vertical-align: middle; } a, a:focus, a:visited{ text-decoration: none; } .ori-icon{ font-size: 25px !important; } ::-webkit-scrollbar { width: 5px; height: 7px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #525965; border: 0px none #ffffff; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: #525965; } ::-webkit-scrollbar-thumb:active { background: #525965; } ::-webkit-scrollbar-track { background: transparent; border: 0px none #ffffff; border-radius: 50px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } /*=====--------Estructura----------====*/ .w2{} .w2 .web{ margin-top:87px;} /*===== Apartado Aviso API */ .whatsapp_banner .avisoapi{ margin-top: -5px; text-align: center; max-width:100%; padding-bottom: 10px; / border-bottom: 2px dotted #fff; } /*===== Footer + Mapa */ .map{ width:100%;} .map iframe{ width:100% !important; height:400px !important;} footer{ / background: url(/drive/repo/general/fondo_a1.png) no-repeat 55% 63%/cover; / border-top: 7px solid #fecc7c; / background: rgba(0,0,0,0.65); / background: rgba(50,153,247,0.85); } .footerCont{ width:94%; padding:0 3%;} .footerCont .bgFooter{ padding:20px 0;} .col3Cols{ overflow:hidden; padding:20px 0; text-align:center;} .col3Cols .col1{ display:inline-block; vertical-align:middle; width:33%;} .col3Cols .col2{ display:inline-block; vertical-align:middle; width:33%;} .col3Cols .col3{ display:inline-block; vertical-align:middle; width:33%;} /*=====Home====*/ .web{} .w1{} .w1 .web{ position: absolute; width: 100%; / height: 84vh; } /*===== Logo superior ====*/ .logoGB{ display:block;} .logoGB-black{ display:none;} .logoGB-icon{ display:none;} /* ------------------------------------------------- WHATSAPP [ BANNER / BOTÓN HEADER ] ------------------------------------------------- */ .whatsapp_banner { overflow:hidden; position: relative; background: #7a8057; / background: url('/drive/repo/general/fondoD_v.png') no-repeat center/cover; width:94%; / height: 633px; margin:0 auto; padding:25px 3%; } .whatsapp_banner .menuItem img { max-width: 10%; max-height: 10%; padding: 0 0 5px; } .whatsapp_banner .menuItem { padding: 1px 5% 27px; margin-left: 5%; margin-right: 5%; width:80%; / background-color: rgba(255,160,90,.80); font-size: 1.4rem; font-weight: 600; text-align: center; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; / border-bottom: 2px dotted #fff; } .whatsapp_banner p { color: #fff; font-size: 1.1rem; line-height: 1.5; font-weight: 500; } /* ------------------------------------------------- POP UPS / FLOTANTES ------------------------------------------------- */ .popup_1 { margin: 20px auto 0; } .ui-dialog { background: var(--secondary-color); width: 100% !important; height: 100% !important; position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 99999999; } .ui-dialog-content { width: 90% !important; max-width: 1080px; height: auto !important; min-height: 100px !important; overflow: hidden; font-size: 1.5rem; color: var(--primary-color); position: relative; text-align: center; padding-top: 100px; font-weight: bold; } .ui-dialog-titlebar { display: none; } .ui-dialog h3 { margin-bottom: 8px; font-size: 1.5rem; color: #fff; margin-right:50px; } .ui-dialog p { font-size: 1.2rem; color: #fff; padding: 0 0 10px; color: #f78e69; } .ui-dialog p a { color: #e61616; text-decoration: underline; } .ui-dialog p a:hover { text-decoration: none; } .boton_popup_cerrar_1 { position: absolute; top: 0; right: 0; display: inline-block; } .boton_popup_cerrar_1 span{ background: url('/drive/repo/editorweb/CloseButton.png') no-repeat center; background-size: 60%; background-position: 100%; width: 40px; height: 40px; display: block; cursor: pointer; font-size: 0; margin: 0; padding-top: 100px; } /* ------------------------------------------------- ESTRUCTURAS PRE-HEADER ------------------------------------------------- */ .w2 header{ / background: url(/drive/repo/general/fondo_v.png) no-repeat 55% 63%/cover; / background: url('/drive/repo/general/fondoA_v.png') no-repeat center/cover; background: rgb(255, 255, 255); / background:#88ad94;} .pageBlock{ width:100%; padding:20px 3%; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .pageBlock .col1{ display:inline-block; vertical-align:top; width:59%; padding:0 45px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .pageBlock .col2{ display:inline-block; vertical-align:top; width:29%;} .pageBlock .col1Small{ display:inline-block; vertical-align:top; width:18.8%; margin-right: 0.2%; padding:0 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .pageBlock .col2Big{ display:inline-block; vertical-align:top; width:80%;} /* ------------------------------------------------- BUTTON TO TOP ------------------------------------------------- */ .toTop { position: fixed; right: 0.2%; bottom: 5%; display: none; width: 45px; height: 45px; background: #E22177 url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto; border-radius: 3px; z-index: 100; cursor: pointer; transition: all 0.3s ease; } .toTop:hover{ background: #340C99 url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto; } .toVerum { position: fixed; right: 7.1%; top: 0; / display: none; width: 67%; height: 67%; background: transparent url('/drive/repo/general/VerumOra4JGP.png') no-repeat center/50% auto; z-index: 100; cursor: pointer; opacity: 0.6; / transition: all 0.3s ease; animation-name: fadeInRight; animation-duration: 1.25s; } /* ------------------------------------------------- SOLAPITAS FLOTANTES ------------------------------------------------- */ .sCorporativa { position: fixed; right:0px; top:140px; z-index: 999; } .sCorporativa ul.navjgp { list-style: none; display: block; width: 90px; position: relative; top: 0px; right: 0px; padding: 120px 0 0px 0;} .sCorporativa li {margin: 2px 0 2px 0; float:right;} .sCorporativa ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: rgba(0,0,0,0.65);; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; } .sCorporativa ul.navjgp li a:hover { background: #f2d600; color: #000; padding: 7px 30px 7px 15px;} .sCorporativa ul.navjgp li a img {border:0px none;} .sCorporativa li.menor {margin: 2px 0 2px 0; float:right; color: #000; font-size:9.5px; font-family:Arial, Helvetica, sans-serif; } .sCorporativa ul.navjgp li.menor a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: rgba(0,0,0,0.65);; color: #fff; padding: 7px 7px 7px 7px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; width:80px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px transparent; } .sCorporativa ul.navjgp li.menor a img {vertical-align:middle; border:0px none; width: 40%; height: 40%;} .sCorporativa ul.navjgp li.menor a:hover { background: #f2d600; color: #000; padding: 7px 20px 7px 7px;} .sWA { position: fixed; right:1%; bottom:8%; z-index: 999; } .sWA li {margin: 2px 0 2px 0; float:right;} .sWA ul.navjgp1 { list-style: none; display: block; width: 47px; height: 47px; position: relative; top: 0px; right: 0px; padding: 0px 0 0px 0;} .sWA ul.navjgp li a img {border:0px none; width:20%;} .sWA ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background:#f2d600; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; } /* ------------------------------------------------- MENU PIE VOLVER ------------------------------------------------- */ .volverm { background: rgba(0,0,0,0.65); width: 100%; overflow:hidden; } .volverm .wdgTitle{ text-align: center; padding:7px 0 7px; } .volverm .wdgTitle .title{ margin-top: 80px; font-size: 2.3rem; font-weight: 800; line-height: 2.3; text-align: center; } .volverm .contMenu { width: 100%; text-align: center; } .volverm .menuItem { display: inline-flex; width: 20%; padding: 0; font-size: 1.4rem; font-weight: 600; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; / margin-left: 2%; padding: 0 0 0 0; } .volverm .menuItemCont { width: 95%; } .volverm .menuPic { float: left; width: 20%; margin: 0 auto; } .volverm .menuItem img { width: 80%; height: 80%; / padding-bottom: 15px; } .volverm .menuItem .menuTitle { float: right; text-align: left; width: 80%; margin-top: 7%; padding-bottom: 2px; border-bottom: 1px dotted white; } .volverm .menuItem .menuTitle a { font-size: 10px; font-weight: 500; text-decoration: none; color: white; } .volverm .menuItem .menuTitle a:hover { color: aquamarine; } .volverm .menuPic img:hover { width: 90%; height: 90%; padding-bottom: 5px; } .volverm p { color: #fff; font-size: 1.1rem; line-height: 1.5; font-weight: 500; } .cuerpo { width: 90%; margin: 0 auto; } /* ------------------------------------------------- AJUSTES REGISTRO ------------------------------------------------- */ .loginWeb-ori, .user_options-forms .forms_field-input, .user_options-forms .forms_buttons-forgot, .user_options-forms .forms_buttons-action, .conectWith a { font-family:'banks-miles-single' !important; } .user_options-forms .logo { width: 30%; } .user_options-forms .forms_title { margin-bottom: 20px; font-size: 1.3rem; color: #ff6b35; letter-spacing: 0.1rem; text-transform: none; margin-top: 10px; text-align: center; } .user_options-forms .forms_buttons-action, .conectWith a { background-color: #f78e69; } .user_options-forms .forms_buttons-action:hover, .conectWith:hover a { background-color: #ff6b35; } .conectWith { margin-top: 20px; } .user_options-forms .or-with { /* margin: 10px 0; */ display:none; } .user_options-text { background: gray; } .conectWith{ display:none; } /* ------------------------------------------------- MEDIA QUERIES ------------------------------------------------- */ /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .copyGB{ font-size:8px; } .jorge{ margin-top: -25px; } .categBlock .contCateg { margin-top: -5px; } .categBlock .categItem { display: block; vertical-align: top; margin-left: 10%; width: 80%; } /* .categBlock .categItemCont { margin-top:5px; margin-bottom: 9px; border-radius: 15px; border: 15px solid #FEAA26; } .categBlock .categItemCont .categPic img { top: 100; bottom: 100; } .categBlock .wdgTitle{ padding:3px 0 1px;} .categBlock .categItemCont .categTitle > div a { background: #FEAA26; font-size: 1rem; } */ .toTop { right: 0.2%; bottom: 5%; } } /* FIN MEDIA QUERIES 1023 */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .toTop { left: 0.2%; bottom: 15%; } /* ------------------------------------------------- FIN HEADER - SIGO CON EL RESTO ------------------------------------------------- */ } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- HEADER ------------------------------------------------- */ .l-header{ position: fixed; z-index: 111; width: 100%; } .l-subheader { padding-left: 5vw; padding-right: 2.5rem; background: #ffff; } .l-subheader.middle { color: #525f6a; } .l-sunheader.middle{ line-height: 130px; height: 130px; } .l-subheader-h{ display: flex; align-items: center; position: relative; margin: 0 auto; height: inherit; background: #fff; } /* .l-subheader-h{ max-width: 1140px; } */ .l-subheader-cell { display: flex; align-items: center; flex-grow: 1; } .l-subheader-cell.left{ justify-content: flex-start; } .l-subheader-cell.center{ justify-content: center; } .l-subheader-cell.right{ justify-content: flex-end; margin-top: 20px; } .l-header .w-image { flex-shrink: 0; transition: height 0.3s; height: 35px; } .ush_image_2 { margin-bottom: 15px !important; padding-top: 15px !important; / padding-left: 40px!important; } .w-image-h[href] { position: relative; } .l-header .w-image-h { height: inherit; } .w-image-h { display: block; border-radius: inherit; border-color: inherit!important; color: inherit!important; } .l-header .w-image img { display: block; height: inherit; width: auto; / filter: invert(1); } .w-image img { vertical-align: top; border-radius: inherit; } img { height: auto; max-width: 100%; } .l-header .w-text:not(.wrap) { white-space: nowrap; } .header_hor .l-subheader-cell.at_right>* { margin-left: 1.4rem; } .l-header .w-text { line-height: 1.5; } .ush_text_8 { / font-family: 'Open Sans', sans-serif!important; font-size: 13px!important; font-weight: 700!important; margin: 0!important; padding: 0 0 0 20px!important; } .w-text { padding: 0; } .w-nav.type-mobile.mobile-align-left { display: none; text-align: left; } .l-subheader-cell .w-nav { margin-left: 0; margin-right: 0; } .ush_menu_1 { margin-left: 0!important; font-size: 16px!important; } .l-header a, .l-header .g-preloader { color: inherit; color: var(--secondary-color); font-weight: bold; cursor: pointer; font-size: 0.85rem; / font-family: 'Oswald'; text-transform: uppercase; } .l-header .navbar-links a:hover{ color: var(--primary-color); / text-shadow: 1px -1px 2px #FEAA26; border-bottom: 3px solid var(--secondary-color); } .l-header-btn { color: inherit; / color: #FEAA26; font-weight: normal; / font-family: 'Oswald'; text-transform: uppercase; } .w-nav-control { display: none; line-height: 50px; height: 50px; padding: 0 0.8rem; color: inherit; cursor: pointer; } .w-nav-control.active .w-nav-icon i { transform: translateY(-50%) rotate(45deg); transition-delay: 0.15s; } .w-nav-control.active .w-nav-icon i:before { top: 0; opacity: 0; transition: top 0.15s cubic-bezier(0,1,.8,1), opacity 0.15s cubic-bezier(0,1,.8,1) 0.15s; } .w-nav-control.active .w-nav-icon i:after { top: 0; transform: rotate(90deg); transition: top 0.15s cubic-bezier(0,1,.8,1), transform 0.15s cubic-bezier(0,1,.8,1) 0.15s; } .ush_menu_1 .w-nav-control { display: block; } .w-nav-icon { display: inline-block; vertical-align: top; font-size: 20px; position: relative; height: inherit; width: 1em; } .ush_menu_1 .w-nav-icon i { border-width: 3px; } .w-nav-icon i { top: 50%; transform: translateY(-50%); transition: transform 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i { border-bottom: 0.15em solid; } .w-nav-icon i:before { top: -0.3333em; transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, opacity 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i:after { top: 0.3433em; transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, transform 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i:before, .w-nav-icon i:after { border-bottom: inherit; } .w-nav-icon i, .w-nav-icon i:before, .w-nav-icon i:after { content: ''; display: block; position: absolute; height: 0; width: inherit; } .w-html { line-height: 1.5; } .w-html .contMenu{ display: flex; column-gap: 10px; } .w-html img { width: 40px; height: 40px; / margin-left: 5px; } .user-no-reg{ margin-left: 10px; } .links_head a { color: #525f6a; font-size: 14px; line-height: 22px; margin-right: 15px; font-weight: 600; } .btn-blue{ background: #ff885d; color: #fff !important; border: 2px solid white; } .l-header-btn{ width: 100%; } .btn-blue:hover{ / background: #999999; background: rgba(242,242,242,1); color: #000 !important; } @media (max-width: 800px){ .l-subheader-cell.center{ justify-content: flex-start; } .l-subheader.bottom, .l-subheader-cell{ margin: 0 0 0 0!important; padding: 0 0 0 0!important; /width: 100%; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem { border: 1px solid #ccc!important; transition: all .5s ease; background: #fff; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem i{ padding: 15px; background: #ff885d; color: #fff; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem.selected{ background: #ff885d; color: #fff; } .toggle-section .buscador-toggle{ width: 90% !important; } } @media screen and (min-width: 760px){ .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ width: 25%!important; text-align: center!important; padding: 8px; / margin-bottom: 15px; background: #ff885d; color: #fff !important; border: 2px solid white; border-bottom: 0px; transition: background .3s ease; cursor: pointer; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem.selected{ / background: #c1c1c1; background: rgba(242,242,242,1); color: #000 !important; } .l-subheader.bottom .l-subheader-cell .w-text:hover, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem:hover{ / background: #c1c1c1; background: rgba(242,242,242,1); color: #000 !important; } .l-subheader.bottom .l-subheader-cell .contMenu{ display: flex; justify-content: center; } } @media (min-width: 765px) and (max-width: 1104px) { .ush_image_2 { height: 35px!important; } .ush_image_2 { margin-right: 0px!important; padding-top: 15px!important; } .ush_menu_1 .w-nav-icon { font-size: 18px; } } @media (min-width: 1105px) { .ush_image_2 { height: 70px!important; } .ush_text_8 { font-size: 11px!important; } /*.l-subheader.bottom { line-height: 40px; height: 40px; }*/ } /*---------------------------------------------------------------------------------*/ .headCont{ width:90%; margin-left: 5%; padding:5px; overflow:hidden; display: flex; align-items: center; justify-content: space-between; margin-top: 7px; } .logo{ margin-top: 0px; float:left; width: 25%; padding-top: 110px; } .logo > div{ width: 90%; } .logo img{ width: 90%; padding: 5%; border-top-left-radius: 15%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 15%; background: rgba(255,255,255,0.2); } .headBox{ width: 75%; height: 100%; float: left; margin-top: -200px; overflow:hidden; display:flex; align-items: center; justify-content: flex-end; } .contNavs{ z-index:999; width: 100%; / background: #fff; padding: 10px 0; } .contNavFix{} header .boxizq { align-items: center; width: 35%; float: right; justify-content: flex-end; display: flex; } .contMovil { display:none; } .contMovil .responsiveMenu{ display:inline-block; vertical-align:middle; float: left; margin-top: 15px; } .btnMovil{ cursor:pointer; display: none; } /* ------------------------------------------------- MENU SUPERIOR ------------------------------------------------- */ .nav1 { display: flex; float: left; overflow:hidden; z-index: 999; width: 65%; text-align: right; /margin-top: 6px; justify-content: flex-end; align-items: center } .nav1 .contMenu{ display: flex; justify-content: flex-end; } .nav1 .menuItem { float: left; } .nav1 .menuItem a{ display: block; padding: 2px 0px 3px; margin: 6px 8px; font-size: 0.8em; color: #fff; font-weight: 400; transition: all .5s ease; } .nav1 .menuItem a:hover, header.fixed .nav1 .menuItem a:hover{ border-bottom: 1px solid #ccc; padding: 2px 0px 2px; } .nav1 .menuItem.selected a{ color: #FEAA26; } header.fixed .nav1 .menuItem.selected a{ color: #d42e2d;} header .lang{ float: left; display: flex; /margin-top: 6px; margin-right: 6px; } header .ob{ float: right; margin-right: 0px; margin-left: 5px; } header .acc{ float: right; } header .acc .wdgMenu{ margin-left: 10px; } /*===== Usuario No Registrado ====*/ .acc .menuitem { display: inline-block; vertical-align: top; } .acc .menuItem .menuPic img { width: 40px; height: 40px; border: 1px solid black; border-radius: 50%; } /*===== Multi-Idioma ====*/ lang .langItemCont{ display: flex; justify-content: center; align-items: center; margin-right: 5px; } .lang .langItemCont .langItem{ font-size: 16px; font-weight: 600; cursor: pointer; text-transform: uppercase; color: #525f6a; } header.fixed .lang .langItemCont .langItem{ color: #525f6a; } .lang .langItemCont .langItem:not(.selected):hover{ color: #FEAA26; } .lang .langItemCont .langItem.selected { color: #a13e36; cursor: default; } header.fixed .lang .langItemCont .langItem.selected { color: #a13e36; cursor: default; } .lang .langItemCont .langSeparator{ margin: 0 8px 0 3px; border: 1px solid #ccc; } .lang .menuItem .MenuImg { display: inline-block; width: 40px; height: 40px; background: no-repeat center/auto 100%; } .lang .menuItem .MenuImg.Idioma_1 { background-image: url('/drive/repo/general/lang_spa.png'); } .lang .menuItem .MenuImg.Idioma_2 { background-image: url('/drive/repo/editorweb/lang_eng.png'); } .lang .menuItem .menuPic img { width: 49px; height: 49px; } header .carrito{ float: left; } .categories{ float: left; margin-right: 5px; } .categories .wdgCateg .wdgTitle{ font-size: 44px; width: 40px; height: 40px; position: relative; cursor: pointer; margin: 0 5px; text-align: center; display: flex; align-items: center; } .categories .wdgCateg .wdgTitle i{ color: #fff; transition: all .3s ease; } .categories .wdgCateg .wdgTitle:hover i{ color: #ccc; } .categories .wdgContent { position: fixed; top: 0; left: -400px; bottom: 0; width: 18%; padding: 50px 20px 20px; box-sizing: border-box; / background-color: rgba(0,0,0,0.95); background-color: black; text-align: left; overflow-y: scroll; list-style-type: none; z-index: 999; border-top-right-radius: 30px; transition: all 0.5s ease; } .categories .wdgContent.active { left: 0; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } .categories .categItem { display: block; position: static; margin: 0 0 3px; border: 0; } .categories .closeBtn { position: absolute; top: 21px; right: 26px; width: 25px; height: 25px; background: transparent url('/drive/repo/general/icono_close3t.png') no-repeat center/80%; cursor: pointer; / border-radius: 50%; } .categories .categTitle a{ display:block; color:green; font-weight:bold; padding:10px 20px 5px; margin: 8px 0 0px; font-size: 11px; text-transform: uppercase; text-decoration:none; } .categories .categTitle:hover a { background-color: rgba(255,255,255,0.25); } .categories img{ display: none; width: 40px; height: 40px; border-radius: 50%; } .categories .categItem.selected .contCateg_nivel0 .categItem .categTitle a, .categories .categItem .contCateg_nivel0 .categItem .categTitle a{ display:block; color:#eea243; padding:3px 40px 3px; font-size: 9px; font-weight: bold; text-decoration:none; text-align: left; margin: 0px 0 0px; } .categories .contCateg_nivel0 img{ display: none; } /* ------------------------------------------------- BOTON FAVORITOS ------------------------------------------------- */ .btnFavoritos .menuItem{ cursor:pointer; padding:10px 14px; border:1px solid #fff; border-radius:3px;} .btnFavoritos .menuItem .menuItemCont{ display:flex; flex-direction:row; align-items:center;} .btnFavoritos .menuPic{ margin-right:10px;} .btnFavoritos .menuPic img{ max-height:20px;} .btnFavoritos .menuPic svg{ max-height:20px;} .btnFavoritos .menuPic svg .fil0{ fill:#fff;} .btnFavoritos .menuTitle{ font-weight:bold; font-size:0.8em;} .btnFavoritos .menuItem:hover{ background: #fff;} .btnFavoritos .menuItem:hover .menuPic svg .fil0{ fill:#333;} .btnFavoritos .menuItem:hover .menuTitle a{ color:#333;} /* ------------------------------------------------- HEADER FIXED ------------------------------------------------- */ header.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 900; /overflow: hidden; width: 100%; border-bottom: 1px dotted gray; } header.fixed .headCont{ width: 90%; padding: 5px 5px 3px 5px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding-bottom: 11px; transition: box-shadow 0.5s ease, border 0.4s ease; } header.fixed .logo{ margin-top: -10px; float:left; padding-top: 0px; margin-left: 5px; } header.fixed .logo img{ width: 40%; padding: 1%; border-radius: 5%; background: transparent; } header.fixed .headBox{ margin-top: 0px; } header.fixed .logo .img_logo_claro { display: block; width: 100%; margin: 0; } header.fixed .logo .img_logo_oscuro { display: none; width: 100%; margin: 0; } header.fixed .categories .wdgCateg .wdgTitle i{ color:#fff; } header.fixed .categories .wdgCateg:hover .wdgTitle i{ color: #ccc; } header .logo .img_logo_claro { display:none; } /*===== Estructura Multi-Idioma y Registro ====*/ .contMovil .lang { cursor:pointer; float: right; } .contMovil .acc { cursor:pointer; margin-top: 5px; float: right; } .contMovil .ob { cursor:pointer; margin-top: 2px; float: right; margin-right: 5px; } /* ------------------------------------------------- ORISOM BAR ------------------------------------------------- */ .ob .left{ float:none;} .ob .right{ float:none;} .ob{ float:right; / height:42px; margin-left: 0px; margin-top: 0px; padding:0 0 0 0; display: block !important; } .ob .obCont{ / position:relative; } .ob .oItem { display:inline-block; vertical-align:top; position:relative; } .ob .obIcon{ overflow:hidden; cursor:pointer; position:relative; -moz-border-radius: 250px; -webkit-border-radius: 250px; border-radius: 250px;} .ob .obIcon.iconApps{ background: #fff url(/drive/repo/editorweb/9pEMETE1.png); background-position: 10px 11px; background-repeat:no-repeat; background-size: 20px 20px; width:40px; height:40px; margin-left: -5px; border: 1px solid transparent; padding-top: 3px; } .ob .obIcon.iconApps:hover{ background: #fff url(/drive/repo/editorweb/9pEMETE.png); background-position: 10px 11px; background-repeat:no-repeat; background-size: 20px 20px; /border: 1px solid #8a0e04; } .ob .obIcon.iconUser{ width:40px; height:40px; / display:table; background: #fff; position: relative; margin-left: -4px; bottom: 3px; / margin-top: -0.6px; / border: 1px solid black; } .ob .obIcon.iconUser:hover{ -moz-box-shadow: 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc; } .ob .obIcon.iconUser .userimg{ /vertical-align:middle; /object-fit: cover; / background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iIzQyNDI0MWZmIj4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDIyMy42MCA0NS41MSBDIDIzMC42MiA0My44OSAyMzcuODUgNDMuNDAgMjQ1LjAzIDQzLjI0IEMgMjUwLjMzIDQzLjE0IDI1NS42MiA0Mi4yMyAyNjAuOTIgNDIuNzggQyAyNzIuMzcgNDMuODYgMjgzLjg3IDQ1LjQ2IDI5NC44MCA0OS4xNyBDIDI5OC43OSA1MC40OSAzMDIuNDggNTIuNjAgMzA1LjY1IDU1LjM2IEMgMzEyLjczIDYxLjMyIDMyMS43NiA2NC4yOCAzMjkuMDAgNjkuOTcgQyAzMzQuMDUgNzMuNjQgMzMzLjE4IDgwLjQ5IDMzNC4wOSA4NS45NSBDIDMzNC43MCA4OS4xNSAzMzIuODkgOTEuOTYgMzMyLjE3IDk0Ljk0IEMgMzMzLjczIDk2Ljk1IDMzNS45NCA5OC40MCAzMzcuMjkgMTAwLjU4IEMgMzM4LjQ1IDEwMi41NCAzMzguMTkgMTA0Ljg5IDMzOC4zNyAxMDcuMDcgQyAzMzguNjIgMTEyLjk3IDM0MS44OSAxMTguMjEgMzQyLjY0IDEyNC4wMSBDIDMzOS43NyAxMzEuODYgMzM2Ljg5IDE0MC4xMyAzMzcuNDQgMTQ4LjYyIEMgMzM5LjMwIDE1MC43MSAzNDEuNTcgMTUyLjU2IDM0Mi42MSAxNTUuMjUgQyAzNDUuOTIgMTYyLjQ0IDM0My4xMyAxNzAuMzggMzQxLjY3IDE3Ny42NyBDIDM0MC40NiAxODMuNjggMzM1Ljc2IDE4OC44NCAzMjkuNDggMTg5LjQ4IEMgMzI2LjM1IDIwOC42NCAzMjAuMjYgMjI3LjE5IDMxMi45MyAyNDUuMTMgQyAzMTEuNzMgMjQ4LjY4IDMwOS4zMyAyNTIuMTEgMzA5Ljk5IDI1Ni4wMyBDIDMxMS40MyAyNjkuNzMgMzEzLjA1IDI4My43NSAzMTguMzIgMjk2LjU2IEMgMzU4LjkzIDMwOS4yOCAzOTkuMjMgMzIzLjEzIDQzOC42NSAzMzkuMjEgQyA0NDMuNjUgMzQxLjE3IDQ0OC41MCAzNDMuNzAgNDUzLjg3IDM0NC41NSBDIDQ1OC44OSAzNDUuNDggNDYzLjQyIDM0OC4zMCA0NjYuODEgMzUyLjA4IEMgNDcyLjc0IDM1OC43NiA0NzUuODMgMzY3LjQwIDQ3Ny45MyAzNzUuOTUgQyA0ODAuNDUgMzg1Ljc3IDQ4MS4xOCAzOTUuOTEgNDgyLjM2IDQwNS45NCBDIDQ4NC45NCA0MjcuMDAgNDg3LjIzIDQ0OC4xMyA0OTAuNzUgNDY5LjA2IEMgMzgyLjUyIDQ2OS41NCAyNzQuMjcgNDY5LjQ4IDE2Ni4wMyA0NjkuMzUgQyAxMzcuNjkgNDY5LjIzIDEwOS4zNiA0NjkuMzggODEuMDMgNDY4Ljg3IEMgNjEuMTYgNDY4Ljc1IDQxLjI4IDQ2OC44NCAyMS40NCA0NjcuODMgQyAyMy40MyA0NjAuNjYgMjQuMzUgNDUzLjI3IDI1Ljc4IDQ0NS45OSBDIDI5LjI2IDQyNS45OCAzMy4wMiA0MDUuOTggMzguMzAgMzg2LjM1IEMgNDEuNDIgMzc1LjUxIDQ0Ljc0IDM2NC41MCA1MC44MiAzNTQuODkgQyA1My4wMCAzNTEuMzMgNTYuMzggMzQ4LjY1IDYwLjI4IDM0Ny4yMSBDIDc2Ljc2IDM0MC41MCA5My43MCAzMzUuMDIgMTEwLjU2IDMyOS4zOCBDIDE0MS44MyAzMTkuMTkgMTczLjE5IDMwOS4yNSAyMDQuNjggMjk5Ljc4IEMgMjA2Ljc2IDMzMS4wOSAyMTIuMzIgMzYyLjEwIDIxOS40OCAzOTIuNjIgQyAyMjQuMDIgNDEwLjc5IDIyOS4xMCA0MjguODYgMjM1LjU5IDQ0Ni40NCBDIDI0MC42MCA0MjcuMTIgMjQ1LjQ2IDQwNy43NSAyNDkuOTYgMzg4LjMxIEMgMjQ2LjM3IDM4MC4zOSAyNDIuODkgMzcyLjQyIDIzOS4yMyAzNjQuNTQgQyAyNDYuMjIgMzYxLjI0IDI1My4yNiAzNTguMDQgMjYwLjE4IDM1NC42MCBDIDI2Ny4wMiAzNTguMzUgMjczLjc2IDM2Mi4yNyAyODAuNTEgMzY2LjE3IEMgMjc3LjA0IDM3My40NSAyNzMuMjkgMzgwLjU5IDI2OS43NyAzODcuODUgQyAyNzQuOTggNDA3LjM4IDI3OS41MyA0MjcuMDggMjg0Ljc0IDQ0Ni42MSBDIDI5OC44MSA0MDAuOTkgMzExLjMzIDM1NC42MiAzMTcuMTMgMzA3LjE0IEMgMzE3LjU3IDMwMy42NSAzMTcuNzcgMzAwLjEzIDMxOC4wMyAyOTYuNjMgQyAyOTguNTAgMzE1LjM4IDI3OS4wNCAzMzQuMjIgMjU5LjI1IDM1Mi43MSBDIDI0Mi40MSAzMzQuMzQgMjI1LjU0IDMxNS45OCAyMDguNTAgMjk3Ljc5IEMgMjExLjQ1IDI4NC43MSAyMTMuNDQgMjcxLjQwIDIxNC4xNiAyNTguMDEgQyAyMTQuNzMgMjUzLjg0IDIxMS4zMyAyNTAuODIgMjA5LjYzIDI0Ny4zNyBDIDE5OS4yNiAyMzAuNTQgMTkxLjk1IDIxMS45NCAxODcuMjIgMTkyLjc3IEMgMTg1LjkzIDE5Mi44NiAxODQuNjQgMTkyLjg0IDE4My4zNiAxOTIuNzQgQyAxODAuNzMgMTkxLjE2IDE4MC42MyAxODcuOTEgMTc5LjU5IDE4NS4zNiBDIDE3Ni4zMCAxNzguMjYgMTczLjU0IDE3MC43NSAxNzIuNjcgMTYyLjk0IEMgMTcyLjE3IDE1OC4yOCAxNzMuNDUgMTUyLjA1IDE3OC43OSAxNTAuOTEgQyAxNzkuMDAgMTMzLjk3IDE3Ni43MSAxMTYuOTggMTc4LjYwIDEwMC4wOSBDIDE3OC44MyA5Ni4zMCAxODIuMjUgOTMuOTggMTgzLjU0IDkwLjYxIEMgMTg1LjQ2IDg1Ljk5IDE4Ny41MSA4MS4yMyAxODcuNTMgNzYuMTMgQyAxODcuMzcgNzQuMDQgMTg5LjIwIDcyLjc4IDE5MC40NSA3MS40MSBDIDE5NS4yMyA2Ni41NSAxOTkuMzUgNjAuNzAgMjA1LjcwIDU3Ljc1IEMgMjEyLjI3IDU0LjU0IDIxNi4yMCA0Ny4xOCAyMjMuNjAgNDUuNTEgWiIgLz4NCjwvZz4NCjwvc3ZnPg0K"); background-position: center; background-size: cover; height: 44px; } .ob .obIcon.iconUser img{ width: 40px; height: 40px; / margin-left: 1.85px; margin-top: 0px; / border: 2px solid #FEAA26; border-radius: 50%; } /* ------------------------------------------------- LOGICA 9 PUNTITOS APPSCONT ------------------------------------------------- */ .container-dashboard { position: fixed; background: #fff; width: 325px; height: 520px; display: none; top: 80px; /left:910px; right: 100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-shadow: 0px 0px 14px #2cecdd; -webkit-box-shadow: 0px 0px 14px #2cecdd; box-shadow: 0px 0px 14px #2cecdd; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 4px #555; z-index: 999; transition: all .21s; padding: 10px; } .container-dashboard .title { padding: 10px; text-align: center; margin-left: 5%; margin-right: 5%; margin-top: 1%; background-color: #fff; color: #fff; border-bottom: 1px solid #2a6496; color: #333; / font-weight: bold; font-size: 14px; } .container-dashboard .appMenu { width: 100%; overflow-y: auto; list-style-type: none; height: 85%; } .container-dashboard .appMenu .appMenu-scroll { overflow: hidden; } .container-dashboard .appMenu .appMenu-header { padding: 20px 6px 20px 0; overflow: hidden; } .container-dashboard .appMenu .appMenu-header .user-header { margin-top: 6px; padding: 5px 20px 5px 6px; display: flex; background: var(--primary-color); border-radius: 4px; cursor: pointer;5 } .container-dashboard .appMenu .appMenu-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden; } .container-dashboard .appMenu .appMenu-header .user-pic img { object-fit: cover; height: 100%; width: 100%; } .container-dashboard .appMenu .appMenu-header .user-info { /* Cambiar color aqui dependiendo de la pag */ color: #000; float: left; / font-family: 'banks-miles-single' !important; text-transform: uppercase; font-size: 11px; padding-top: 7px; } .container-dashboard .appMenu .appMenu-header .user-info > span { display: block; } .container-dashboard .appMenu .appMenu-header .user-info .user-role { font-size: 10px; margin-top: 4px; / font-family: 'banks-miles-single' !important; text-transform: none; color: #000; } .container-dashboard .appMenu .appMenu-header .user-info .user-dni { font-size: 12px; margin-top: 4px; / font-family: 'banks-miles-single' !important; text-transform: none; color: #2a6496; } .container-dashboard .appMenu .appMenu-content ul{ list-style-type: none; padding: 0; margin: 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a{ display: inline-block; width: 100%; text-decoration: none; position: relative; /* padding: 8px 30px 8px 20px; */ color:#3a3f48; text-decoration: none; font-size: 11px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a { /* background: #c0c0c0; */ margin: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{ background: var(--primary-color); margin: 7px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after{ / font-family: 'banks-miles-single' !important; font-weight: 900; / content: "\f105"; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 14px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a{ / color: green; color: #000 !important; / font-family: 'banks-miles-single' !important; text-transform: uppercase; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a:after { transform: rotate(90deg); right: 17px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown div{ /* background: #c0c0c0; */ padding: 5px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown a:hover { / color: #2a6496; color: #000; / font-family: 'banks-miles-single' !important; text-transform: uppercase; font-size: 11px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown ul li:hover a { color: #000; } .container-dashboard .appMenu .appMenu-content .submenu { display: none; opacity: 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul { display: flex; flex-wrap: wrap; padding: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul { display: block; padding: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu { opacity: 1; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li { width: 32.3%; text-align: center; margin: 0px 1px 5px 1px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li { width: 100%; text-align: left; margin: 10px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a{ display: grid; / color: #737171 } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a{ display: flex; color: #737171; align-items: center; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li:hover a{ / color: green; color: #E22177; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a i { font-size: 30px; margin: 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a i { font-size: 30px; margin: 4px 10px 4px 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .description{ display: flex; flex-direction: column; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a span{ font-size: 9px; overflow: hidden; text-overflow: ellipsis; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .small{ font-size: 12px; margin: 2px 0; } .img-rounded { border-radius: 6px; } .img-responsive { display: block; width: 50%; max-width: 50%; height: auto; margin: 0 auto; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .icon-bounce .icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .icon-bounce:hover .icon, .icon-bounce:focus .icon, .icon-bounce:active .icon { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } @-webkit-keyframes bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bob:hover, .appMenu-content-dropdown.active .bob { -webkit-animation-name: bob-float, bob; animation-name: bob-float, bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .appsCont{ display:none; } /* ------------------------------------------------- LOGICA PERFIL USERCONT ------------------------------------------------- */ .ob .userCont { position: fixed; background:#fff; top: 80px; left:920px; display:none; width:380px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-shadow: 0px 0px 4px #f65109; -webkit-box-shadow: 0px 0px 4px #f65109; box-shadow: 0px 0px 4px #f65109; text-align: center; padding: 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 4px #555; text-align: center; z-index: 999; } .ob .userCont:before{ border-color: #fff transparent; border-style: solid; border-width: 0 8px 8px; content: ""; display: block; position: fixed; top: 72.5px; right: 123px; width: 5; transition: all .21s; } .ob .userCont .title{ padding:5px; border-bottom:1px solid #f1f1f1; color:#000; font-weight: 800; } .ob .userCont .title a{ color:#000; font-weight: 800; } .ob .userCont .title span.note{ font-size:15px; font-weight: 800; color:#000;} .ob .userCont .user{ overflow:hidden; padding:10px;} .ob .userCont .user .userPic{ overflow:hidden; text-align: center; float:left; -moz-border-radius: 350px; -webkit-border-radius: 350px; border-radius: 350px; width:80px; height:80px; margin:0 20px 0 0;} .ob .userCont .user .userPic img{ margin: auto; height: 80px; width:80px;} .ob .userCont .user .userDetails{ float:left; text-align: center; width:180px;} .ob .userCont .user .userDetails .name{ display:block; margin-top: 5px; font-size:16px;} .ob .userCont .user .userDetails .mail{ display:block; word-wrap: break-word; font-size:12px; color: #333; /font-size: 1rem; font-weight: bold;} .ob .userCont .user .userDetails .perfil{ display:block; text-align: center; padding:10px 0;} .ob .userCont .user .userDetails .perfil a{ display:block; background:#340C99; / border:1px solid #212529; color:#fff; float:left; font-size:10px; text-decoration:none; padding:6px 12px; margin-left: 55px; text-decoration:none; -moz-border-radius: 150px; -webkit-border-radius: 150px; / border-radius: 350px; / text-shadow: 0px 2px black; letter-spacing: 1px} .ob .userCont .user .userDetails .perfil a:hover{ text-decoration: none; background: #E22177; / border: 1px solid #5d9e71; color: #fff; } .ob .userCont .userSesion{ overflow:hidden; padding:10px; background:#ddd; text-align:center;} .ob .userCont .btnChangeUser, .ob .userCont .logOut{ display:block; padding:10px 15px; background:#9985cc; text-decoration:none; font-size:12px; cursor:pointer; color:#333; / border:1px solid #FEAA26; } .ob .userCont .btnChangeUser{ margin:0 0 2px; border:none; background:none;} .ob .userCont .btnChangeUser img{ display: none; max-width:100px;} .ob .userCont .logOut:hover{ /border:1px solid #f06e4d; background: #ed79ad; color:#000;} /* ------------------------------------------------- CONTRATOS - PERFIL ------------------------------------------------- */ .ContratosProfile{ float:right; } .ob .left{ float:none;} .ob .right{ float:none;} .ob .contratosCont{ position:absolute; top:64px; background:#fff; font-size: 14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc;} .ob .contratosCont{ right: -64px;} .ob .contratosCont:before{ border-color: #e9e9e9 transparent; border-style: solid; border-width: 0 8px 8px; content: ""; display: block; position: absolute; right: 13px; top: -8px; width: 0; z-index: 102; } .ob .contratosCont .ContTitle { padding: 4px 4px 4px 4px; background-color: #55adcd96; color: #fff; font-size: 18px; text-align: left; } .ob .contratosCont .ContID{ font-size: 11px; padding: 0px 4px 0px 4px; /* border-bottom: 1px solid #cac3c3; */ background-color: #ffffff; text-align: left; color: #676363; } .ob .contratosCont .ContPlanDesc{ float: left; margin: 1px 14px 0px 0px; color: #676363; padding-left: 4px; background: white; width: 100%; position: relative; bottom: 1px; } { color: #676363; text-align: right; color: #65b928; } .ContExpires{ color: #676363; text-align: right; margin-bottom: 5px; font-size: 11px; position: relative; bottom: 35px; } .ob .contratosCont .ContTitle a{ color: #000; } .ob .contratosCont .ContTitle span.note { font-size: 12px; color: $000; } .ob{ float:right; height:42px; padding:0 0 0 2px;} .ob .obCont{ position:relative;} .ob .obIcon.iconContrato{ background: url(/drive/repo/editorweb/12.png); background-position: 5px 6px; background-repeat:no-repeat; background-size: 40px 35px; width:22px; height:22px; padding:10px; margin-left: -33px; } .ob .contratosCont{ display:none; width:280px; right: 27px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);} .ob .ContratosMenu{ width: 281px; max-height: 380px; overflow-y: auto; /* padding: 10px; */ background-color: #f2f2f2; } .ob .ContratosMenu .label{ text-decoration: underline; width:100%; } .ob .ContratosMenu .badge{ position: absolute; bottom: 11px; right: 1px; font-size: 13px; background: #b5bcbf; padding: 3px; border-radius: 7px; color: white; width: 70px; } .ob .ContratosMenu .periodicidad{ font-size: 11px; float: left; padding-left: 5px; position: relative; top: 8px; } .ob .ContratosMenu .ContPayButton{ clear: both; /* background-color: #ffffff; */ margin: 0px 0px 19px 0px; /* padding: 9px; */ /* text-align: right; */ cursor: pointer; color: #676363; width: 246px; padding-left: 5px; } .ContPayButton .ContSolicitudTitulo{ padding-top: 6px; position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton a{ text-decoration: none; padding: 4px; float: right; margin: 3px; border-radius: 6px; } .ContratosMenu .ContStatus{ text-align: right; color: #65b928; position: relative; bottom: 35px; } .ob .ContratosMenu .ContPayButton .ContRenovar{ position: relative; left: 15px; top: -20px; background: #65b928a3; color: white; text-align: center; width: 70px; font-size: 12px; } .ContPayButton .ContSolicitudProcesar{ background: #96cadd; color: white; text-align: center; font-size: 11px; position: relative; right: 12px; } .ContPayButton .ContSolicitudProcesar:hover{ background: white; color:#55adcd; border: solid 1px #55adcd; } .ContPayButton .ContSolicitudCancelar{ background: #96cadd; color: white; text-align: center; font-size: 11px; position: relative; right: 25px; } .ContPayButton .ContSolicitudCancelar:hover{ background: white; color:#55adcd; border: solid 1px #55adcd; } .ob .ContratosMenu .ContPayButton .ContRenovar:hover{ background: white; color:#65b928; border: solid 1px #65b928a3; } .ContPayButton .ContSolicitudDetalle{ margin-bottom: 5px; position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton .ContSolicitudProcesar{ position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton .ContSolicitudCancelar{ position: relative; bottom: 20px; } .ob .detailsItem{ overflow: hidden; padding: 2px 2px 2px 2px; width: 260px; height: 40px; float: left; text-align: center; /* border: 1px solid #e2e4e0; */ position: relative; color: #676363; border-bottom: solid 1px #b5bcbf; bottom: 30px; } } .ob .detailsItem .appPic{ display:inline-block; vertical-align:middle; height: 50px; width: 40px; overflow: hidden; } .ob .detailsItem .appPic img{ height:40px; } .ob .detailsItem .label{ display: inline-block; font-size: 14px; text-decoration: none; text-align: left; padding-left: 5px; position: relative; top: 9px;} /*===== Estructura Multi-Idioma y Registro ====*/ .contMovil .lang { cursor:pointer; float: right; } .contMovil .acc { cursor:pointer; margin-top: 5px; float: right; } .contMovil .ob { cursor:pointer; margin-top: 2px; float: right; margin-right: 5px; } /*===== Usuario No Registrado ====*/ .acc .menuitem { display: inline-block; vertical-align: top; } .acc .menuItem .menuPic img { width: 40px; height: 40px; border: 1px solid black; border-radius: 50%; } /*===== Multi-Idioma ====*/ /*.lang { margin-right: 6px; cursor: pointer; border: 1px solid black; border-radius: 50%; }*/ .lang .menuItem .MenuImg { display: inline-block; width: 40px; height: 40px; background: no-repeat center/auto 100%; } .lang .menuItem .MenuImg.Idioma_1 { background-image: url('/drive/repo/general/lang_spa.png'); } .lang .menuItem .MenuImg.Idioma_2 { background-image: url('/drive/repo/editorweb/lang_eng.png'); } .lang .menuItem p { display: block; color: #FEAA26; font-size: 13px; font-weight: bold; width: 42px; / font-family: 'banks-miles-single' !important; text-transform: uppercase; margin-top: 10px; margin-right: 16px; } .lang .menuItem .menuPic img { width: 49px; height: 49px; } .l-header.fixed .ush_image_2 { height: 70px!important; } /* ------------------------------------------------- MEDIA QUERIES ------------------------------------------------- */ /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .hidden-mobile{ display: none; } .w-nav.type-mobile.mobile-align-left { display: block; text-align: left; } .l-subheader{ padding-left: 1.5rem; padding-right: 1.5rem; } .headCont{ align-items: flex-end; } .container-dashboard { top: 10px; left: 15px; } .ob .userCont { top: 10px; left: 15px; } header { padding-top: 5px; width: 100%; /background: #fff; } header.fixed { padding-top: 1px; width: 100%; } .logo{ margin-top: 0px; float:left; width: 50%; margin: 4px 0 0 5px; padding-top: 0px; } header .logo .img_logo_oscuro { display: none; } header .logo .img_logo_claro { display: block; } .logo img{ width: 50% !important; } .headBox{ width: 1%; float: left; margin-top: 8px; overflow:hidden; } .contMovil .responsiveMenu{ margin-top: 5px; display: block !important; } .btnMovil, .contMovil { cursor:pointer; display: block !important; } .contNavs{ position:fixed; z-index:999; height: 100%; width:100% !important; top:120px; left:-100%; right:0; bottom; padding-bottom: 30px; box-sizing:border-box; background: #343030; transition: all .5s; transition-timing-function: cubic-bezier(0,0,.58,1); } .contNavFix, .nav1, .nav1 .menuItem{ display: block !important; float: none !important; } header .contNavFix { float: right; margin-top: 30px; padding-left: 2%; padding-right: 2%; height: 100%; } .nav1 .menuItem a { padding:10px 20px; font-size:13px; text-transform: uppercase; color: #fff; } header .boxizq { width: 100%; float: none; clear: both; margin: 15px auto; justify-content: center; } .categories .wdgCateg .wdgTitle{ color: #fff; } .lang .langItemCont .langItem{ /*color:#fff;*/ } .acc .menuItem .menuPic img { border: 3px solid #FEAA26; } .lang .langItemCont .langItem.selected{ display: none; } .lang .langItemCont .langSeparator{ display: none; } header.fixed .lang .langItemCont .langItem{ color: #525f6a; } .ob .oItem{ vertical-align: middle; } .ob .obIcon.iconUser{ width: 30px; height: 30px; } .ob .obIcon.iconUser img{ / width: 100%; / height: auto; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } .categories .wdgContent { width: 80%; left: -800px; } .logoGB{ width:250px; } .l-header.fixed .logoGB{ width:200px; } } @media (max-width: 550px){ .logoGB { width: 180px !important; } } /* ------------------------------------------------- HEADER FIXED PORTRAIT ------------------------------------------------- */ header.fixed .logo{ margin-top: 0px; float:left; width: 50%; } header.fixed .headBox { width: 1%; float: left; margin-top: 8px; overflow:hidden; } header.fixed .contMovil .responsiveMenu{ margin-top: 8px; } header.fixed .logo img{ width: 50% !important; } header.fixed .logo .img_logo_oscuro{ display:none !important; } header.fixed .logo .img_logo_claro{ display: none; } header.fixed .logo .img_logo_claro { display: block; } header.fixed .logoGB{ / display: none; } header.fixed .logoGB-black{ display: none;} header.fixed .logoGB-icon{ display: none; } header.fixed .ob .userCont, header .ob .userCont { /top: 80px !important; /left: 1px !important; /left: 1px /z-index: 999; /transition: all .21s; } header.fixed .ob .userCont:before, header .ob .userCont:before { display: none; } header.fixed .categProds{ width: auto; } header.fixed .logo .img_logo_oscuro{ display:block; width: 100%; margin: 0; } .nav1 { margin-top: 1px !important; height: auto !important; text-align: left; } .nav1 .contMenu { display: flex; flex-direction: column; justify-content: flex-end; } header.fixed .nav1 { margin-top: 30px !important; } header.fixed .contNavFix { float: right; margin-top: 30px; padding-left: 2%; padding-right: 2%; height: 100%; } header.fixed .nav1 .menuItem a{ padding:10px 20px; font-size:13px; text-transform: uppercase; color: #fff; } header.fixed .lang .langItemCont .langItem:not(.selected):hover{ color: #FEAA26; } header.fixed .lang .langItemCont .langItem.selected{ color: #FEAA26; cursor: default; } } /* FIN MEDIA QUERIES 1023 */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .logo img{ width: 30% !important; } header.fixed .logo img{ width: 25% !important; } .contMovil .responsiveMenu, header.fixed .contMovil .responsiveMenu { margin-top: 8px; } header .contNavFix { float: none !important; display: block !important; margin-top: 2px; width: 100%; } header.fixed .contNavFix { float: none !important; display: block !important; margin-top: 10px; width: 100%; } .nav1, header.fixed .nav1 { float: none !important; display: block !important; width: 98%; margin-top: 0px !important; } .nav1 .contMenu, header.fixed .nav1 .contMenu { display: flex; flex-direction: row; justify-content: center; } header .boxizq { width: 80%; float: left !important; clear: none !important; display: block !important; justify-content: right; margin: 15px 10% 0 10%; } .acc .menuItem .menuPic img { border: 3px solid #FEAA26; } .categories .wdgContent { width: 100%; left: -800px; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } /* .l-subheader.bottom .l-subheader-cell .contMenu{ display: none; justify-content: center; }*/ .logoGB{ width:200px; } } /* FIN MEDIA QUERIES 800 landscape */ @media (max-width: 600px){ .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .edit_resume_581, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .edit_resume_582{ width: 70% !important; } .l-header .w-image img{ height: 30px!important; } } @media (max-width: 800px){ .videoSect video{ height: 30vh!important; } .logoGB{ /margin-top:0 !important; } .publi1 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle h2 span{ font-size: 1.5rem !important; } .publi1 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle h2{ font-size: 1.5rem !important; } .publi1 .description li { font-size: 1.3rem !important; } .publi1 .wdgItemPost{ width: 70% !important; } .publi2 .wdgItemPost .wdgItemPostCont .PostDetails .description .main-header, .publi6 .wdgItemPost .wdgItemPostCont .PostDetails .description .main-header{ font-size: 3.25rem !important; } .publi6 .wdgItemPost .wdgItemPostCont .PostDetails .description{ font-size: 1.3rem !important; } .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header, .publi8 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header{ font-size: 2rem !important; } .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP, .publi8 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP{ font-size: 1.2rem !important; } .bloque6{ flex-direction: column !important; } .bloque6-izq,.bloque6-der{ width: 90% !important; } .l-header .w-image img{ height: 45px; } .l-header .w-image-h { height: inherit; display: flex; align-items: center; } } /* MEDIA QUERY MOBILE GAMMA ALTA IPHONES, REDMI, ....*/ @media (min-width: 375px) and (max-width: 853px){ .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ //width: 30%!important; } header.fixed .l-subheader.bottom{ display: none !important; } .toTop { bottom: 5%; left: 15px; } .videoHome .texto h2{ font-size: 1.213rem !important; } .videoHome .texto h3{ font-size: 1.5em !important; } } /* Medias query para tables como ipads y la mayoria, no todas*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ font-size: 14px; } header.fixed .l-subheader.bottom{ display: block !important; } } /* Medias query para tables como ipads y la mayoria, no todas (landscape)*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .toTop { bottom: 5%; left: 15px; } header.fixed .l-subheader.bottom{ display: block !important; } } /* ------------------------------------------------- MENU DESPACHO VIRTUAL ------------------------------------------------- */ .volvermj { width: 100%; / height: 500px; max-width: 1366px; margin-left: 0%; / padding: 10px 0 20px; margin-top: 20px; margin: 70px 5% 0 10%; text-align: center; display: flex; align-items: center } .volvermj .wdgTitle{ text-align: center; padding:0 0 10px; } .volvermj .wdgTitle .title{ font-size: 2.3rem; font-weight: 800; line-height: 2.3; text-align: center; } .volvermj .contMenu { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } .volvermj .menuItem { position: relative; display: inline-block; vertical-align: top; width: 60%; margin: 0 0px 2% 1%; background: rgba(255,255,255,.18); border: 0.5px dotted gray; } .volvermj .menuItem:hover { box-shadow: 0 7px 11px 0 #333, 0 12px 21px 0 #333 !important; } .volvermj .menuPic { position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; text-align: center; } .volvermj .menuItem img { object-fit: cover; position: absolute; height: 100%; width: 100% !important; margin: 0 auto !important; top: 50%; / left: 50%; transform: translate(-50%, -50%); opacity: 0.7; } .volvermj .menuItem .menuTitle { overflow: hidden; padding: 5%; } .volvermj .menuItem .menuTitle a { font-size: 0.85rem; line-height: 1.1rem; overflow: hidden; color: #ff6b35; / font-family: 'Oswald'; text-transform: uppercase; text-align: center; cursor: pointer; font-weight: 700; display: block; text-align: center; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ /* @media (max-width: 1023px) { .volvermj { padding-bottom: 30px; } .volvermj .menuItem { display: block; width: 80%; /height: 200px; font-size: 1.2rem; margin: 1% 10% 2% 10%; } } */ /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ /* @media (max-width: 800px) and (orientation: landscape) { .volvermj .menuItem { display: inline-block; width: 45%; height: 200px; font-size: 1.4rem; font-weight: 600; vertical-align: middle; text-align: center; color: #000 !important; cursor: pointer; margin: 0.5% 0.5% 0.5% 0.5%; / padding: 0 0 100px 0; background: #d8d8d8; } } */ /* FIN MEDIA QUERIES 800 landscape */ /* @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape){ .volvermj .contMenu{ display: flex; flex-wrap: wrap; } .volvermj .menuItem{ width: 29%; height: 300px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .volvermj .contMenu{ display: flex; flex-wrap: wrap; justify-content: center; } .volvermj .menuItem{ width: 40%; margin: 0 2%; height: 300px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .volvermj .menuItem{ width: 32%; height: 300px; } } */ /* // Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .volvermj .menuItem { display: block; width: 55%; /height: 200px; font-size: 1.2rem; margin: 1% auto 2% auto; } } /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .volvermj .menuItem { display: block; width: 50%; /height: 200px; font-size: 1.2rem; margin: 1% autp 2% auto; } } /* // Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .volvermj .menuItem { display: block; width: 40%; /height: 200px; font-size: 1.2rem; margin: 1% auto 2% auto; } } /* // Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .volvermj { / padding-bottom: 30px; } .volvermj .menuItem { display: block; width: 24%; /height: 200px; font-size: 1.2rem; margin: 0 1%; } } .orisom-flip-box-front1 .orisom-flip-box-overlay .PostTitle .title h1 { font-size: 18px; line-height: 1; padding-bottom: 25px; color: #fff; } .orisom-flip-box-front .orisom-flip-box-overlay .PostTitle .title h1 { font-size: 18px; line-height: 1; padding-bottom: 25px; color: #fff; } .orisom-flip-box-overlay .PostTitle img { width: 32%; height: 32%; } /* ------------------------------------------------- FONT COLOR FLIP BACK ------------------------------------------------- */ h6 { padding: 40px 0 10px 0; / margin-left: 88%; text-align: center !important; } h6 [href] { text-decoration: none; padding: 20px 40px 20px 40px; background-color: rgba(0,0,0,0.6); color: #f1f1f1; / font-family: 'banks-miles-single' !important; text-transform: uppercase; text-align: center !important; font-size: 10px; font-weight: 500; } .orisom-flip-box-overlay .PostTitle .subtitle p { font-size: 16px; font-weight: 800; padding-bottom: 10px; color: var(--primary-color); / font-family: 'Oswald'; } .orisom-flip-box-overlay .description h3 { color: var(--link-menu-color); font-size: 0.8rem; text-align: center !important; font-weight: normal; text-transform: uppercase !important; margin-top: 10px; / font-family: 'Oswald'; font-weight: 800; line-height: 1.3; } .orisom-flip-box-overlay .description p { font-size: 16px; font-weight: 800; padding-bottom: 10px; color: var(--primary-color); / font-family: 'Oswald'; padding-top: 10px; } .orisom-shape orisom-shape-bottom { z-index: 90; opacity: 2; } /*=====BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/ .widget_container{ position:relative;} .widget_edit{ position:absolute; top:3px; left:3px; z-index:1000;} .widget_edit a{ background: #fff url(/statics/images/icon_conf.png) 2px 2px no-repeat; width:15px; height:15px; z-index:9999; overflow:hidden; text-indent:-9999px; display:block; -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .editProd, .editPub, .editPubItem{ position:absolute; top:5px; right:5px; z-index:900;} .editProd a, .editPub a, .editPubItem a{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display:block; background:#333; color:#fff; padding:4px; font-weight:bold; font-size:10px; cursor:pointer;} /*=====FIN BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/ .orisom-row{ width: 100%; display: flex; flex-wrap: wrap; } .orisom-column, .orisom-wrap{ position: relative; display: flex; } .orisom-column.orisom-col-25{ width: 33%; / height: 500px; } .orisom-wrap{ width: 100%; margin: 0px 15px 0 0; padding: 0 0 0 0; } .orisom-wrap>.orisom-element{ width:100%; } .orisom-flip-box{ height: 460px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; /* -webkit-transform-style: preserve-3d; */ transform-style: preserve-3d; opacity: 0.7; } .orisom-flip-box-front { / background-color: rgba(88,86,88,.16); background-color: #b41a5f; transform: none; z-index: 1; position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; / border-bottom: 0.5px solid white; / border: 0.5px dotted black; } .orisom-flip-box:hover .orisom-flip-box-front { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .orisom-flip-box-front1 { / background-color: rgba(119,158,203,1); / background-color: #fbd1c3; background-color: #360E99; transform: none; z-index: 1; position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; / border-bottom: 0.5px solid white; / border: 0.5px dotted black; } .orisom-flip-box:hover .orisom-flip-box-front1{ -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .orisom-flip-box-back{ background: var(--third-color); -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-bottom: 0.5px solid white; } .orisom-flip-box:hover .orisom-flip-box-back{ transform: none; } .orisom-flip-box-back1{ background: var(--third-color); -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-bottom: 0.5px solid white; } .orisom-flip-box:hover .orisom-flip-box-back1{ transform: none; } .orisom-flip-box-overlay{ display: -webkit-box; display: -ms-flexbox; display: flex; /width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding: 0 35px; } /* // Medium devices (tablets, 768px and up) */ @media (max-width: 800px) { .volvermj .orisom-row { flex-direction: column; align-items: center; } }/* ------------------------------------------------- CATALOGO PAGINADO ------------------------------------------------- */ .pageCounter{ width:100%; padding:30px 0 10px; text-align: center; font-size: 10px; margin-top: 3px; } .pageCounter ul { list-style: none; } .pageCounter ul li { display: inline-block; vertical-align: middle; margin: 0 2px; text-indent: -99999px; overflow: hidden; cursor: pointer; } .pageCounter ul li:not(.before):not(.after):not(.last):not(.first) { width: 15px; height: 15px; border-radius: 100%; border: 0; padding: 0; margin: auto 5px; text-align: center; position: relative; background-color: var(--secondary-color); transition: background-color 0.7s ease; } .pageCounter ul li:hover{ background-color: var(--secondary-color) !important; } .pageCounter ul li.selected { background-color: var(--primary-color) !important; } .pageCounter ul li.before:hover, .pageCounter ul li.after:hover, .pageCounter ul li.last:hover{ background-color: transparent !important; transform: scale(1.2); } .pageCounter ul li.first:hover{ background-color: transparent !important; transform: rotate(180deg) scale(1.2); } .pageCounter ul li.before, .pageCounter ul li.after, .pageCounter ul li.first, .pageCounter ul li.last { width: 15px !important; height: 15px !important; margin: 0 5px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border: 0 !important; transition: transform 0.5s ease } .pageCounter ul li.before { background-image: url(/drive/repo/editorweb/left.png); } .pageCounter ul li.after { background-image: url(/drive/repo/editorweb/right.png); } .pageCounter ul li.first{ / background-image: url(/drive/repo/editorweb/d-right.png); background-image: url(/drive/repo/editorweb/arrow_final.png); -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pageCounter ul li.last{ / background-image: url(/drive/repo/editorweb/d-right.png); background-image: url(/drive/repo/editorweb/arrow_final.png); } .pageCounter .CounterInfoResults{ font-size: .8rem; margin-top: 10px; color: #333; } .pageCounter ul { padding: 0 0 0 0; } .filters{} .filters .order{} .filters ul{} .filters ul li{ display:none;} .filters ul li:nth-child(3){ display:block;} /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape */ .slide { position: relative !important; width: 700px; height: 600px; margin-bottom: 18px; position: relative; /overflow: hidden; background: transparent; / background: var(--primary-color); clear: both; } .slide .contPrincipal{ /* transform: translate(-50%, 50%); */ / position: absolute; / left: 50%; /right: 0px; /bottom: -18%; /* top: 101%; */ /text-align: center; /z-index: 3; } .slide a { text-decoration: none; } .slide .menuItem { display: none; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-size: cover; background-position: top; text-align: center; } .slide .menuItem.active { display: table; } .slide .menuItemCont { display: table-cell; vertical-align: middle; padding: 0 7.5%; z-index: 2; background-color: rgba(255,255,255,0.25); } .slide .menuItemCont img { width: 50%; height: 50%; } .slide .menuItemCont .menuTitle{ position: absolute; bottom: -145px; left: 50%; transform: translateX(-50%); width: 250px; height: 250px; background: #E22177; border-radius: 50%; display: flex; align-items: center; border: solid 4px #fff; } .slide .menuItemCont .menuTitle:hover { background: var(--secondary-color); } .slide .menuTitle a { / font-family: 'Oswald'; text-transform: uppercase; display: inline-block; /width: 90%; / margin-top: 16%; letter-spacing: 1.3em; font-size: 2rem; line-height: 1; letter-spacing:-0.01em; color: #fff; font-weight: bold; text-align: center; } .slide .menuItemCont .menuTitle h3{ font-size: .8rem; font-weight: 400; / font-family: 'banks-miles-single'; width: 80%; margin: 0 auto; animation-name: fadeInRight; animation-duration: 2.25s; line-height: 1.3; } .slide .menuItemCont .menuTitle h2{ font-size: 1.3rem; margin: 0 0 10px; / font-family: 'banks-miles-single'; animation-name: fadeInLeft; animation-duration: 1.25s; } .slide .menuTitle a:hover { / color: #fff; } .slide .menuDescription { margin-bottom: 25px; } .slide .menuDescription p { margin-top: 1%; font-size: 1.7rem; line-height: 1.3; color: #8A0E04; text-align: center; font-weight: bold; opacity: 1; } .slide .menuDescription p:hover { / color: #fff; } .slide .menuLink a { display: inline-block; font-size: .9rem; font-weight: 700; text-transform: uppercase; padding: 15px 40px; color: #fff; border:2px solid #fff; padding:20px 25px; } .slide .menuLink a:hover { color: #eec239; / background: rgba(0,0,0,0.5); } .slide .bkg { position: absolute; top: -100%; bottom: -100%; left: 0; right: 0; margin: auto; width: 100%; min-height: 100%; } .slide .arrowNav { position: absolute; bottom: -20px; right: 0%; } .slide .arrowNav div{ position: absolute; /top: 0; /bottom: -14%; margin-top: 15%; width: 70px; height: 55px; z-index: 9; cursor: pointer; background-repeat: no-repeat; background-size: 100%; background-position: center; z-index: 3; /filter: invert(1); } .slide .arrowNav div.prev { display:none; left: 5%; background-image: url('/drive/repo/editorweb/arrowL.png'); } .slide .arrowNav div.next { right: 0%; / background-image: url('/drive/repo/editorweb/flecha-correcta.png'); background-image: url('/drive/repo/editorweb/flechaHome.png'); } .slide .selectorNav { position: absolute; left: 0%; /right: -60%; /top: 100%; bottom:-57px; text-align: center; z-index: 3; } .slide .selectorNav ul { display: inline-block; padding: 8px 0px; /background-color: rgba(0,0,0,.1); border-radius: 50px; } .slide .selectorNav li { display: inline-block; vertical-align: middle; margin: 0 2px; padding:0; width: 20px; height: 2px; background-color: var(--secondary-color); /border-radius: 50%; cursor: pointer; } .slide .selectorNav li.active { background-color: var(--primary-color); width: 24px; height: 4px; } /* ------------------------------------------------- MEDIA QUERIES 1423 px AJUSTE ------------------------------------------------- */ @media (max-width: 1423px) { .slide{ width: 600px; height: 450px; margin-top: 30px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 4rem; } .slide .menuItemCont .menuTitle { bottom: -65px; } } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .slide { /height: 95vh; / margin-top: 130px; } .slide .menuTitle a { margin-top: 10%; letter-spacing: 1.3em; font-size: 1.7rem !important; line-height: 1; letter-spacing:-0.01em; color: #fff; } .slide .menuDescription p { font-size: 1.2rem; } .slide .arrowNav div { /top: 40%; } .slide .arrowNav div.prev { left: 5%; } .slide .arrowNav div.next { /right: 5%; } .slide .selectorNav { /top: 88%; } .slide .arrowNav div { /height: 15px; } } /* FIN MEDIA QUERIES 1023 */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .slide { height: 95vh !important; / margin-top: 130px !important; } .slide .menuTitle a { margin-top: 28%; letter-spacing: 1.3em; font-size: 1.8rem; line-height: 1; letter-spacing:-0.01em; color: #000; } .slide .menuDescription p { font-size: 1.3rem; } .slide .arrowNav div { / display: none; margin-top: 28%; } .slide .arrowNav div.prev { / display: none; left: 3.5%; } .slide .arrowNav div.next { / display: none; right: 3.5%; } .slide .selectorNav { top: 78%; } } /* FIN MEDIA QUERIES 800 landscape */ @media (max-width: 760px){ } @media (max-width: 600px){ .slide .menuItemCont .menuTitle { width: 200px; height: 200px; } .slide{ width: 90vw; height: 450px; } .slide .menuItemCont .menuTitle h3{ font-size: .7rem; } .slide .menuItemCont .menuTitle h2{ font-size: 1rem; } }/* ------------------------------------------------- INDEX ------------------------------------------------- */ .w1 { width:100%; } .web { position: relative; width:100%; } .contjp{ display: none; width: 75%; max-width: 150px; } .pantalla1{ display: flex; align-items: flex-end; width: 91.5vw; justify-content: space-between; margin-left: 2vw; font-family: "Montserrat", Sans-serif; } .searchHead, .sCorporativa, .serviceShortDescription, .CounterInfoResults, .CounterInfoPage, .acc { display: none; } .lang .menuItem .MenuImg.Idioma_1 { background-image: url('/drive/repo/general/lang_spa.png'); } h6 a[href]{ text-decoration: none; / border: 1px solid #333; padding: 10px 20px; background: #333; color: #fff; / font-family: Questrial; text-transform: uppercase; } /* ------------------------------------------------- JORGE ------------------------------------------------- */ .defpost2 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle{ width: 90%; margin-left: 5%; margin-top: 30px; font-size:16px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; padding:60px 0 30px;} .defpost2 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h1{ text-transform: uppercase; font-weight:400; letter-spacing: 1.3px; } .defpost0 { width: 60%; font-family: "Montserrat", Sans-serif; } .defpost0 .wdgPostCont{ width: 100%; } .defpost0 .wdgViewPost .wdgPost .PostTitle { /padding-bottom: 310px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description { width: 100%; /background-color: rgba(0, 0, 0, .35); } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h2 { font-size: 38px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 5rem; color: var(--secondary-color); letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:600; text-align: end !important; / animation-name: zoomIn; / animation-duration: 2.25s; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 a { text-transform: uppercase; text-decoration: none; font-size: 50px; color: var(--primary-color); letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p { font-size: 2rem; color: #333; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; text-align: end !important; animation-name: zoomIn; animation-duration: 1.25s; text-align: right; padding-bottom: 5px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h3 { font-size: 1.2rem; color: var(--secondary-color); letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; text-align: end !important; animation-name: zoomIn; animation-duration: 1.25s; text-align: right; font-weight: bold; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p strong { font-size: 1.2rem; color: var(--secondary-color); text-shadow: 2px 2px 3px var(--primary-color); /* ------------------------------------------------- -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; ------------------------------------------------- */ letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; text-align: end !important; animation-name: zoomIn; animation-duration: 1.25s; text-align: right; font-weight: bold; } .jorge3 { width: 100%; position: relative; background: url('/drive/repo/general/Imagen29.jpg') fixed no-repeat center/cover; background-color: rgba(0, 0, 0, .35); background-blend-mode: multiply; height: 100vh; opacity: 0.75; animation-name: zoomIn; animation-duration: 1.25s; display: flex; align-items: center; } @keyframes zoomIn{ from { opacity:0; transform:scale3d(.3,.3,.3) } 50%{ opacity:1 } } @keyframes fadeInRight{ from{ opacity:0; transform:translate3d(100%,0,0) } to { opacity:1; transform:none } } @keyframes fadeInLeft{ from{ opacity:0; transform:translate3d(-100%,0,0) } to { opacity:1; transform:none } } @keyframes fadeInBottom{ from{ opacity:0; transform:translate3d(0,-100%,0) } to { opacity:1; transform:none } } /* ------------------------------------------------- TITULOS NO MACOIX ------------------------------------------------- */ .titjp { transform: rotate(180deg); /* margin: 0 !important; */ writing-mode: vertical-lr; height: 550px; / filter: blur(2px); } .titjp .title{ } .titjp .title:hover { border-left: 1px dotted white; animation-name: fadeInBotttom; animation-duration: 1.25s; } .titjp .title h1{ / font-family: 'Champagne' !important; text-transform: uppercase; / text-align: end; letter-spacing: normal; color: #000; font-size: 4rem; padding-top: 15px; font-weight: 400; border-left: 1px dotted black; animation-name: fadeInBotttom; animation-duration: 1.25s; } .titjp .title:hover h1{ color: #000; padding: 0px; font-weight: 800; border-left: 1px dotted #000; } .titjp .subtitle h3 p { / font-family: 'banks-miles-single' !important; text-transform: uppercase; color: #fff; font-size: 16px; padding-bottom: 15px; } .titjp1 { width: 100%; text-align: center; padding-top: 30px; margin-bottom: 0px; clear: both; } .titjp1 .subtitle h3 p { / font-family: 'banks-miles-single' !important; text-transform: uppercase; color: #999; font-size: 20px; / padding-bottom: 30px; } /* ------------------------------------------------- FOOTER ------------------------------------------------- */ .copyright{ position: relative; / background: #187396 !important; / background-color: rgba(0,0,0,1);} / background: rgba(63,136,143,0.9); margin:0 auto; } .copyright .copyGB{ text-align:center; font-size:12px; color:#fff !important; padding:0; } .copyGB .description p{ color:#fff; } .copyGB .description a{ font-weight:bold; text-decoration:none; color:#fff; } .copyGB .description a:hover{ color:#FEAA26;} /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1200px) { .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1{ font-size: 3.5rem; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p{ font-size: 1.5rem; } } @media (max-width: 1023px) { sec5{ display: none; } .l-subheader-cell.right{ margin-top:0px!important; } #arti{ align-items: end; } .pantalla1{ align-items: center; width: 91.5vw; justify-content: space-between; margin-left: 2vw; flex-direction: column; } .defpost0 { margin-top: 60px; width: 92%; margin-bottom: 0px; } .orisom-column{ width: 100% !important; } .orisom-wrap{ margin: 0 0 30px 0; } .jorge3 { background: url('/drive/repo/general/1023h.jpg') fixed no-repeat bottom/cover; } .titjp, .titjp1 { width: 90%; margin-left: 5%; } .titjp .title h1{ font-size: 3.5rem !important; } .titjp .subtitle h3 p { font-size: 11px !important; margin: 0 1% 0 1%; } .titjp1 .subtitle h3 p { font-size: 15px !important; margin: 0 1% 0 1%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) { #arti{ margin-top: 90px; height: auto; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 3.2rem!important; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p{ font-size: 1.5rem!important; } .orisom-column.orisom-col-25{ width: 80% !important; padding-bottom: 0px !important; } .jorge3 { /background: url('/drive/repo/general/Imagen29.jpg') fixed no-repeat center/cover; } .titjp, .titjp1 { width: 90%; margin-left: 5%; } .titjp .title h1{ font-size: 3rem !important; text-align: center; } .titjp .subtitle h3 p { font-size: 13px !important; margin: 0 1% 0 1%; } .titjp1 .subtitle h3 p { font-size: 15px !important; margin: 0 1% 0 1%; } .contjp{ display: none; } .copyGB{ display: block; } .w1{ width: 100%; } .web{ display: block; margin-top: 0px; width: 100%; } .dav { height: 90vh; width: 100%; } .defpost1{ margin-top: 10px; width: 50%; margin-left: 2%; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .title { font-size:7.5px; text-align: left; padding-bottom: 1px; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle{ width: 90%; margin-left: 2%; margin-right: 0.1%; font-size:7px; color: #fff; font-weight: 100; letter-spacing: 1.5px; line-height: 1.2; padding:2px 0 0; } .sWA { position: fixed; right: 2.5% !important; left: 91% !important; bottom: 5%; } .toTop { bottom: 5%; } .defpost0 .wdgPostCont{ width: 100%; } .defpost0 .wdgViewPost .wdgPost .PostTitle { /padding-bottom: 120px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description { width: 100%; /background-color: rgba(0, 0, 0, .35); } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h2 { font-size: 28px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 24px; /color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 a { text-transform: uppercase; text-decoration: none; font-size: 50px; color: #FEAA26; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } } /* FIN MEDIA QUERIES 800 landscape */ @media (max-width: 600px){ .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 2.2rem!important; } }.whoWeAre{ width:100%; margin: 0 auto; justify-content: center; margin-top: 40px; } .whoWeAre .menuItemCont { width: 90%; height: auto; margin: 0 auto; float: none; display: block; } .whoWeAre .menuItemCont .menuPic { width: 58%; margin: 0 auto; float: left; margin-right: 5%; } .whoWeAre .menuItemCont .menuPic img{ / height: 450px; / width: auto; height: 100%; width: 100%; padding-bottom: 10px; margin: 0 auto; text-align: center; opacity: 0.7; } .whoWeAre .menuDescription { display: block; float: left; width: 36%; margin: 0 auto; margin-left: 0%; margin-top: 75px; } .whoWeAre .menuDescription h5 { font-size: 16px; font-family: 'raleway'; line-height: 1.4; } .whoWeAre .menuDescription h5 [href] { font-size: 13px; font-family: 'raleway'; line-height: 1.4; text-decoration: none; color: var(--primary-color); } .whoWeAre .menuDescription h4 { font-size: 26px; font-family: 'raleway'; text-shadow: 1px 1px 7px var(--primary-color-text); margin-top: 35px; line-height: 1.4; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; filter: blur(0); } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .whoWeAre .menuItemCont .menuPic { width: 100%; margin: 0 auto; float: none; margin-right: 0%; } .whoWeAre .menuDescription { display: block; float: none; width: 100%; margin: 0 auto; margin-left: 0%; margin-top: 15px; } .whoWeAre .menuDescription h5 { font-size: 18px; font-family: 'raleway'; line-height: 1.4; display: block; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- TITULOS NO MACOIX ------------------------------------------------- */ .tagBox{ margin-bottom: 50px; } .titjpHori{ width: 80%; text-align: center; margin-top: 20px; margin-bottom: 0px; clear: both; } .titjpHori .title { font-size: 19px; / font-family: 'raleway'; line-height: 1.4; font-weight: bold; text-transform: uppercase; text-decoration: none; color: var(--secondary-color); } .titjpHori .subtitle h3 p { / font-family: 'banks-miles-single' !important; text-transform: uppercase; color: #333; font-size: 2rem; padding-bottom: 15px; } .titjp1 { width: 100%; text-align: center; padding-top: 30px; margin-bottom: 0px; clear: both; } .titjp1 .subtitle h3 p { / font-family: 'banks-miles-single' !important; text-transform: uppercase; color: #999; font-size: 20px; padding-bottom: 30px; }/* ------------------------------------------------- CURSOS - BLOG FASE 2 - POSTS LIST ------------------------------------------------- */ .cursosLista h5 { text-decoration: none; padding: 10px 1px 10px 1px; background-color: rgba(0,0,0,0.6); color: #f1f1f1; font-family: 'banks-miles-single' !important; text-transform: uppercase; text-align: center; font-size: 10px; width: 40%; margin: 0 auto; font-weight: 500; margin-top: 0px; } .cursosLista { width: 90%; max-width: 1366px; margin: 0% auto; / padding: 10px 0 20px; margin-top: 70px; text-align: center; } .cursosLista .wdgTitle { position: relative; margin-bottom: 30px; margin-top: 30px; text-align: left; } .cursosLista .wdgTitle .title { font-size: 1.5rem; font-weight: bold; color: #fff; background: var(--primary-color); padding: 20px 0; text-align: center; text-transform: uppercase; } .cursosLista .wdgItemPost { position: relative; display: inline-block; vertical-align: top; width: 24%; margin: 0 0px 10px 0.5%; / background: rgba(255,255,255,.18); background: #fff; / background: url('/drive/repo/general/Fondo_Pasos_001a.jpg') no-repeat top/cover; border: 0.5px dotted gray; } .cursosLista .wdgItemPost:hover { / box-shadow: 0 0 8px 3px rgba(255,255,255,.55); box-shadow: 0 7px 11px 0 #333, 0 12px 21px 0 #333 !important; } .cursosLista .PostPic { position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; text-align: center; } .cursosLista .PostPic img { object-fit: cover; position: absolute; height: 100%; width: 100% !important; margin: 0 auto !important; top: 50%; / left: 50%; transform: translate(-50%, -50%); opacity: 0.7; } .cursosLista .PostDetails { position: relative; height: 150px; padding: 5%; } .cursosLista .PostDetails .title { / border-bottom: 1px dotted gray; height: 45px; } .cursosLista .PostDetails .subtitle { height: 80px; overflow: hidden; / margin-top: 12px; text-align: justify; } .cursosLista .PostDetails .subtitle p { font-size: .6rem; line-height: 1.2rem; overflow: hidden; text-align: center; color: gray !important; font-weight: bold; } .cursosLista .PostDetails .title a { font-family: 'Oswald'; text-transform: uppercase; display: block; font-weight: 700; color: gray; text-align: center; text-decoration: none; cursor: pointer; overflow: hidden; font-size: 0.75rem; line-height: 1.1rem; overflow: hidden; } .cursosLista .PostDetails .subtitle p { color: #000; } .cursosLista .PostDetails .subtitle a{ / background: #7eb2ae; / display: block; / padding: 10px; / border-radius: 3px; / font-size: .7rem; / font-weight: 700; / text-transform: uppercase; / text-decoration: none; / text-align: center; / color: #fff; / transition: background-color .3s; font-size: .6rem; line-height: 1.2rem; overflow: hidden; text-align: center; color: gray !important; font-weight: bold; } .cursosLista .PostDetails .subtitle a:hover{ background: rgba(254,239,215, 0.25); color: #000; } .cursosLista .PostDetails .subtitle img { width: 50px; height: 50px; border-radius: 50%; } .cursosLista .PostDetails .curso_btns { display: none; position: absolute; left: 0; bottom: 0; width: 87%; padding: 20px; } .cursosLista .PostDetails .curso_btns a, .vistaBtns .formBtn { display: block; padding: 10px; border-radius: 3px; font-size: .7rem; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; transition: background-color .3s; } .cursosLista .PostDetails .curso_btns a span { display: inline-block; vertical-align: top; width: .8rem; height: .8rem; margin-left: 5px; background: no-repeat center/auto 100%; } .cursosLista .PostDetails .curso_btns a.vistaBtn { background-color: #f9c766; color:#222; margin-bottom: 5px; } .cursosLista .PostDetails .curso_btns a.vistaBtn span { /* background-image: url('/drive/repo/editorweb/icon.png'); */ } .cursosLista .PostDetails .curso_btns a.vistaBtn:hover { background-color: #77b694; color:#fff; } .cursosLista .PostDetails .curso_btns a.formBtn, .vistaBtns .formBtn { background-color: #f5a300; } .cursosLista .PostDetails .curso_btns a.formBtn span, .vistaBtns .formBtn span { background-image: url('/drive/repo/editorweb/chat.png'); } .cursosLista .PostDetails .curso_btns a.formBtn:hover, .vistaBtns .formBtn:hover { background-color: #77b694; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1024px) { h5 { display: none; } .cursosLista { width: 100% !important; margin-left: 0% !important; } .cursosLista .wdgItemPost { position: relative; display: inline-block; vertical-align: top; width: 80% !important; margin: 0 0 2% 0%; } .cursosLista .PostPic { padding-bottom: 50%; } .cursosLista .PostPic img { object-fit: cover; position: absolute; height: 100%; width: 100% !important; margin: 0 auto !important; top: 50%; transform: translate(-50%, -50%); opacity: 0.7; } .cursosLista .PostDetails { position: relative; height: 150px; } .cursosLista .PostDetails .title { / border-bottom: 1px dotted gray; height: 55px; } .cursosLista .PostDetails .title a { font-size: 0.9rem; } .cursosLista .PostDetails .subtitle p { font-size: .7rem; } .cursosLista .PostDetails .subtitle { height: 100px; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .cursosLista { width: 100%; margin-left: 0%; } .cursosLista .wdgItemPost { width: 45%; margin: 0 0 2% 2%; } .cursosLista .PostDetails .title a { font-size: 0.85rem; } .cursosLista .PostDetails .subtitle p { font-size: .8rem; } } /* FIN MEDIA QUERIES 800 landscape */ @media (min-width: 600px) and (max-width: 1200px){ .cursosLista .wdgItemPost { width: 45% !important; margin: 0 0 2% 2%; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px){} @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape){ .cursosLista .wdgItemPost { position: relative; display: inline-block; vertical-align: top; width: 32%; margin: 0 0 2% 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){ .cursosLista .wdgItemPost { position: relative; display: inline-block; vertical-align: top; width: 32%; margin: 0 0 2% 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /*=====Formulario Contacto====*/ .pageContact { position: relative; clear: both; width: 100%; height: 100%; margin: 0 auto; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; /background: url(/drive/repo/editorweb/1000_F_301901899_lalLiJJTviVxRPTpJ8ShYIe6TcpLbFqC.jpg) fixed no-repeat top/cover; border-top-left-radius: 6%; / margin-top: 25px; opacity: 0.85; /padding-top: 200px; display: flex; /flex-direction: column; align-items: center; } .dummycontact { position: relative; clear: both; display: flex; width:100%; padding:70px 0px 0px 0; margin:0 auto; } .dummycontact .ContIzquierda { display:flex; vertical-align:top; margin-left: 2%; width:48%; padding:0 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; / justify-content: center; align-items: center; } .dummycontact .ContDerecha { display:inline-block; vertical-align:top; width:49%; margin: 0 auto; } .dummycontact .ContDerecha img{ width: 50%; border-radius: 50%; height: 50%; } /*=====Formulario dinamico====*/ .mainForm{ display: inline-block; width: 100%; padding:50px 0; color: #fff; } .mainForm .formTitle h1 { / font-family: 'banks-miles-single' !important; font-size: 5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 15px; display: none; } .mainForm.noTitle .formTitle, .mainForm label { display: none; } ::placeholder { font-weight: bold; color: #333; font-size: 11px; font-weight: bold; font-family: "Montserrat", Sans-serif !important; } .mainForm .wFormCont { border: 1px dotted #333; padding: 8px; background: rgba(211, 211, 211 / 64%); } .mainForm .formGroup select, .mainForm .formGroup input, .mainForm .formGroup textarea { / font-family: 'banks-miles-single' !important; width: 100%; padding: 10px 15px; font-size: 0.8rem; color: #383737; font-weight: 600; border: 0; border-bottom: 1px solid #ccc; background: rgba(255,255,255); margin:0 0 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .mainForm .formGroup input:hover, .mainForm .formGroup textarea:hover, .mainForm .formGroup input:focus, .mainForm .formGroup textarea:focus { border-right: 1px solid #ccc; } .mainForm .formGroup select, .mainForm .texto { margin-bottom: 1%; } .mainForm .formGroup textarea { / min-width: 100%; / max-width: 100%; height: 100px; width: 100%; / min-height: 100px; resize: none; } .mainForm .formButtons{ padding-top: 1%; overflow:hidden; } .mainForm .formButtons input { / font-family: 'Oswald' !important; display: block; width: 100%; padding: 20px 10px; font-size: 12px; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; background:none; font-weight:bold; background: #E22177; background: var(--primary-color); border: none; / box-sizing:border-box; / -moz-box-sizing:bord00er-box; / -webkit-box-sizing:border-box; / -o-box-sizing:border-box; } .mainForm .formButtons input:hover { color:#fff; background: var(--secondary-color); } .mainForm .formGroup.checkbox_simple label{ display: block !important; } .mainForm .formGroup.checkbox_simple{ display: inline-flex; align-items: center; font-size: 8px; color: var(--link-menu-color); padding: 5px 0; font-weight: bold; / font-family: 'Oswald' !important; text-transform: uppercase; / width: 48%; margin: 0 auto; flex-direction: row-reverse; justify-content: center; margin-left: 2%; } .mainForm .formGroup.checkbox_simple input[type= "checkbox"]{ width: auto; margin: 0; margin-right: 10px; } .mainForm .formGroup.checkbox_simple.checkbox1{ margin-bottom: 10px; } /*=====Post Side====*/ .sidePost{ padding:20px 0;} .sidePost .title h1 { / font-family: 'banks-miles-single' !important; font-size: 2.2rem; line-height: 1; font-weight: bold; color: #fff; } .sidePost h1 { font-size: 4rem; line-height: 1; color: #333; font-weight:normal; margin-bottom: 15px; } .sidePost .subtitle h3{ / font-family: 'banks-miles-single' !important; font-size: 1.5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 15px;} .sidePost .description{ color:#333;} .sidePost .description ul{ list-style-type:none; margin:0;padding:10px 0; font-size:1rem;} .sidePost .description ul li{ padding:10px 5px; border-bottom:1px solid #e9e9e9;} .sidePost .description ul li p{ display:block; text-align:left;} .sidePost .description ul li p strong{ float:right;} /*=====Menu Address====*/ .cInfo { margin-bottom: 0px; / background: rgba(0,0,0,0.4); margin-top: 20px; } .cInfo p { font-size: 13px; font-weight: normal; } .cInfo h4 { font-size: 8px; font-weight: normal !important; color: #000 !important; padding-bottom: 5px; margin-left: -4%; margin-right: 5%; } .cInfo h3 { font-size: 10px; font-weight: bolder !important; color: #000 !important; padding-bottom: 5px; margin-left: -4%; margin-right: 5%; } .cInfo h1 { font-size: 14px; font-weight:bold; / font-family: 'Oswald'; text-transform: uppercase; } .cInfo .contMenu { padding: 0px 30px 0 10px; } .cInfo .menuItem { margin-bottom: 18px; } .cInfo .menuItem { margin-bottom: 20px; } .cInfo .menuItem .menuItemCont { display: table; } .cInfo .menuItem .menuItemCont .menuPic, .cInfo .menuItem .menuItemCont .menuDescription { display: table-cell; vertical-align: middle; } .cInfo .menuItem .menuPic img { width: 40px; filter: invert(1); } .cInfo .menuItem .menuItemCont .menuDescription { padding-left: 20px; } .cInfo .menuItem .menuItemCont .menuDescription p, .cInfo .menuItem .menuItemCont .menuDescription a { color: #333; } .cInfo .menuItem .menuItemCont .menuDescription p:hover { color: #E22177; text-decoration: none; text-shadow: 0px 1px 1px black; } .cInfo .menuItem .menuItemCont .menuDescription a[href]:hover { color: #E22177; text-decoration: none; text-shadow: 0px 1px 1px black; } .cInfo h4:hover { font-size: 8px; font-weight: bolder !important; } /* ------------------------------------------------- FOOTER ------------------------------------------------- */ footer .wdgViewPost{ writing-mode: vertical-lr; } .footer{ width: 92.5%; margin: 0 auto; display: none; flex-direction: row; flex-wrap: wrap; / background-color: #f2d600; background-color: transparent !important; / background: rgba(0,0,0,0.2) !important; padding-top: 35px; padding-bottom: 35px; / border-top-right-radius: 60px; / border-top-left-radius: 60px; justify-content: space-evenly; writing-mode: vertical-lr; } .footer .img-footer-container{ width: 10%; margin-left: 15px; } .footer .img-footer-container img{ width: 80%; padding:10%; margin-top: 75px; } .footer .navs-footer{ margin: 0 3%; } .footer .navs-footer .wdgMenu{ width: 300px; } .footer .navs-footer .wdgTitle{ border-bottom: 1.5px solid #fff; } .footer .navs-footer .wdgTitle .title{ text-transform: uppercase; font-weight: 600; font-size: 13px; margin-bottom: 5px; color: #333; text-shadow: 1px 1px #5296b0; } .footer .navs-footer .menuItem{ margin: 5% 0; font-size: 13px; / font-family: 'banks-miles-single'; } .footer .navs-footer .menuItem .menuTitle a, .footer .navs-footer .menuItem .menuTitle a:focus, .footer .navs-footer .menuItem .menuTitle a:visited{ text-decoration: none; color: #333; font-weight: 600; } .footer .navs-footer .menuItem .menuTitle:hover a{ text-decoration: none; color: rgb(41, 144, 177); font-weight: 800; text-shadow: 0px 1px 1px black; } .footer .navs-footer .menuItem .menuPic{ width: 13%; height: 13%; } .footer .navs-footer .menuItem .menuPic img { width: 100%; height: 100%; filter: invert(1); } .cookiesBanner { position: fixed; bottom: 0; left: 0; width: 100%; height: 82vh; / padding-bottom: 340px; background: var(--secondary-color); color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; border-top: 25px solid var(--primary-color); z-index: 99999999; opacity: 1 !important; text-align: center; margin: 0 auto; } .cookiesBanner h1 { / font-family: 'Oswald'; text-transform: uppercase; font-size: 16px; margin: 0 auto; } .cookiesBanner p { font-size: 20px; padding: 10%; font-weight: bold; text-transform: uppercase; line-height: 1.5; } .cookiesBanner .seeMoreButton { / font-family: 'Oswald'; text-transform: uppercase; font-size: 12px; padding: 10px 30px 10px 30px; border-radius: 8px; border: none; background: var(--primary-color); color: #fff; text-decoration: none; margin-left: 9px; cursor: pointer; width: auto; font-weight: bold; text-transform: uppercase; } .cookiesBanner button { / font-family: 'Oswald'; text-transform: uppercase; font-size: 12px; padding: 10px 50px 10px 50px; border-radius: 8px; border: none; background: var(--primary-color); color: #fff; / margin-left: 40%; / margin-top: 15px; cursor: pointer; width: auto; font-weight: bold; text-transform: uppercase; } /*===== Copyright ====*/ .copyright{ position: relative; background: transparent !important; / background: rgba(0,0,0,0.2) !important; margin:0 auto; / margin:0 0 0; border-top: none; border-top: none; text-align:center; font-size:12px; color:#fff !important; padding:0; } .copyright .description p{ color:#000; / text-shadow: 2px 2px 3px black; text-transform: uppercase; font-size: 10px; } .copyright .description a{ font-weight:bold; text-decoration:none; color:#000; / text-shadow: 2px 2px 3px black; text-transform: uppercase; } .copyright .description a:hover{ color:#E22177; font-weight:bolder; } .copyright .description p strong img{ margin-top: -2.2px; } .copyright .description p img{ margin-top: -5.2px; transform: rotate(90deg); width: 50px !important; } /*=====APPSTORE====*/ .get-apps{ display: flex; align-items: center; justify-content: center; width: 25%; padding-top: 36px; } .get-apps .wdgTitle{ border: 0px; / font-family: 'Oswald'; text-transform: uppercase; / padding-bottom: 25px; font-weight:bold; padding-top: 26px; text-align: center; } .get-apps .wdgTitle .title { font-size: 10px; color: var(--link-menu-color); padding-bottom: 3px; font-weight: bold; } .get-apps .playstore .pic, .get-apps .playstore .pic a { margin: 0 auto; text-align: center; } .get-apps .playstore img{ width: 130px; margin: 0 auto; text-align: center; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { footer .wdgViewPost{ writing-mode: initial; } .pageContact { /background: url('/drive/repo/general/DeckFooter_003.jpg') fixed no-repeat top/cover; border-top-left-radius: 0%; margin-top: -10px; display: block; } .dummycontact { display: block; } .pageContact .ContIzquierda { display: block; vertical-align:top; margin-left: 8%; width:90%; } .pageContact .ContDerecha { display: block; vertical-align:top; width:80%; margin-left: 8%; } .sidePost .title h1 { font-size: 1.2rem; } .sidePost .subtitle h3{ font-size: 0.9rem; } .mainForm .formButtons input { font-size: 0.9rem; } .cInfo h1 { font-size: 20px; } .footer .img-footer-container{ width: 70%; margin-left: 10%; border-radius: 8%; background: rgba(255,255,255,0.15); margin-bottom: 20px; } .footer .navs-footer{ margin: 10px 7%; } .footer .img-footer-container img{ margin-top: 10px; } .get-apps .wdgTitle{ border: 0px !important; } .get-apps{ width: 100%; } .playstore{ display: flex; justify-content: space-around; width: 90%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .footer .img-footer-container{ width: 40%; margin-left: 25%; border-radius: 8%; background: rgba(255,255,255,0.15); margin-bottom: 20px; } .footer .navs-footer{ margin: 10px 7%; } } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- COMPONENTES DEL PROVEEDOR ------------------------------------------------- */ /* ------------------------------------------------- Vista de proveedor */ .vistaProveedor{ width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top: -20px; clear: both; } .vistaProveedor .vistaProveedorCont{} .vistaProveedor .provBG{ width:100%; / height:5vh; overflow:hidden; position:relative; display:flex; flex-direction:column; align-items:center;} .vistaProveedor .provBG:after{ content: ""; position:absolute; top:0; left:0; right:0; bottom:30%; z-index:100; background: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));} .vistaProveedor .provBG img{ position:absolute; top:50%;left:50%; right:0;bottom:0; transform: translate(-50%,-50%); min-width:100%; min-height:100%;} .vistaProveedor .provDetails{ margin:50px 0 0 0%; position:relative; / width:30%; / margin:0 auto; / display:flex; flex-directionm:row; align-items:flex-start;} .vistaProveedor .provImg{ top:-100px; left:0; z-index:5; / background:#fff; / padding:5px; width:20%; height:20%; box-sizing:border-box; overflow:hidden; / box-shadow: 5px 12px 12px rgba(47,82,143,0.5); / border-radius: 50%; margin: 0 auto; margin-bottom: 15px; } .vistaProveedor .provImg img{ max-width:100%;} .vistaProveedor .provname{ margin-left:180px; margin-right:20px;} .vistaProveedor .provname h1{ color:#333; font-size:1em; letter-spacing:-2px;} .vistaProveedor .provRank{ padding:0 0 0 0;} .vistaProveedor .stars{ padding:0 0px 2px 0;} .vistaProveedor .star{ width:20px; height:20px;} .vistaProveedor .stars .star.on, .vistaProveedor .stars .star.off, .vistaProveedor .stars .star.half{ background-size: 20px 20px;} .vistaProveedor .wdgRanking { margin: 0 auto; width: 100%; } .vistaProveedor .resumenRanking { text-align: center; } .vistaProveedor .promedio .cant span{} .vistaProveedor .promedio .cant { / font-family: 'Oswald'; text-transform: uppercase; color: var(--secondary-color); font-weight: bolder; font-size: 12px; font-size: 0.85rem; transition: all 0.3s ease; padding-bottom: 20px; } .vistaProveedor .provDescription{ display: none; width:90%; margin:0 auto; font-size:0.5em; padding:20px 0;} .vistaProveedor .rankAbrir a { / font-family: 'Oswald'; text-transform: uppercase; color: #fff; font-weight: bold; padding: 12px; background: var(--primary-color); border-radius: 5px; / margin-left: 5px; font-size: 10px; transition: all 0.3s ease; } .vistaProveedor .rankAbrir a:hover { color: #fff; background: var(--secondary-color); } /* -------------------------------------------------------------------- DIV FLOTANTE DE VALORACION -------------------------------------------------------------------- */ /*Contenedor de las valoraciones*/ .bgScreen{ / background: rgba(0,0,0,0.9); background: var(--secondary-color); background: #f1f1f1; position:fixed; top:0; left:0; right:0; bottom:0; margin:0 auto; height:100vh; z-index:1001; margin-top: 100px; } .bgScreen .contBlock{ width:60%; margin:0 auto; padding:15px 0 10px; background:#fff; position:relative; } .bgScreen .contBlockBody{ border-top:1px solid #ccc; padding:20px; box-sizing:border-box; overflow-y:auto; max-height:100vh; width:100%; } .bgScreen .contBlock .close{} .bgScreen .contBlock .close a{ position:absolute; top:10px; right:10px; display:block; background: url(/drive/repo/editorweb/close.png) top left no-repeat; background-size:25px 25px; width:25px; height:25px; text-indent:-9999px; overflow:hidden; cursor:pointer; } .bgScreen .contRank{ padding: 0 25px; overflow-y: scroll; height: 85vh; } .bgScreen .contRank h1{ padding-bottom:10px; font-size: 30px; color: var(--primary-color); } /*Cabecera de las valoraciones*/ .rankHead{ padding:20px 0; border-bottom:1px solid #ccc; } .rankHead .promedio{ display: inline-block; text-align:center; width: 40%; } .rankHead .promedio h3{ font-weight:normal; font-size:0.8em; color: var(--primary-color); font-weight: bold; } .rankHead .promedio .cant{ font-size: 15px; margin-top: 5px; } /*Detalle de las valoraciones*/ .rankHead .detallePromedio{ display:inline-block; / margin-left:20px; width: 50%; } .rankHead .detProm{ display:flex; flex-direction:row; align-items: center; } .rankHead .detProm span{ font-size: 15px; display:inline-block; vertical-align:middle; width: 20%; } .rankHead .detProm .refer{} .rankHead .detProm .progreso-valoracion{ width:100px; border-radius:5px; height:5px; position:relative; display:block; background:#e9e9e9; margin:0 10px; } .rankHead .detProm .progreso-valoracion .ratingProgres{ position:absolute; border-radius:5px; top:1px; left:1px; height:2px; background:#FDC900; display:block; } .rankHead .detProm .progreso-valoracion span{ font-size: 15px; display:inline-block; vertical-align:middle; width: auto; } /*Valoracion del usuario*/ .valorar, .tuValoracion{ padding:20px 0; border-bottom:1px solid #ccc; } .stars-editable{ padding:5px 0; } .stars-editable .star{ background-size: 25px 25px; } .tuValoracion .userVal .userStars, .tuValoracion .userVal .userComment{ margin-top: 5px; font-size: 15px; } .tuValoracion .editValoracion{ margin-top: 10px; } .tuValoracion .editValoracion a{ background: #ccc; padding: 7px; color: #000; border-radius: 50px; transition: all 0.3s ease; } .tuValoracion .editValoracion a:hover{ color:#fff; background: #000; } .tuValoracion .editValoracion .botonEditar, .valorar .botonPublicar{ font-size: 1rem; background: var(--secondary-color); border: 0; padding: 5px 15px; font-weight: 600; border-radius: 5px; transition: all 0.3s ease; color: #fff; cursor: pointer; } .tuValoracion .editValoracion .botonEditar:hover, .valorar .botonPublicar:hover{ background: #000; } .tuValoracion .editValoracion .botonEliminar, .valorar .botonCancelar{ font-size: 1rem; background: var(--primary-color); border: 0; padding: 5px 15px; font-weight: 600; border-radius: 5px; color: #fff; transition: all 0.3s ease; cursor: pointer; } .tuValoracion .editValoracion .botonEliminar:hover, .valorar .botonCancelar:hover{ background: #000; } .valoracion-comentario label{ font-size: 25px; display:block; color: var(--primary-color); font-weight: bold; } span.info{ font-size: 8px; display:block; padding:10px 0; font-weight: bold; } .valorar textarea{ width:100%; display:block; color: var(--secondary-color); font-weight: bold; } .valorar input{ display:block; padding:10px; } /*Listado de valoraciones*/ .valList{ position:relative; } .valoracion-usuario{ padding:10px 0; border-bottom:1px solid #e9e9e9; } .valoracion-usuario .userDetails{ display:flex; flex-direction: row; align-items: center; } .valoracion-usuario .userDetails .userPic{ margin-right:10px; } .valoracion-usuario .userDetails .userPic img{ width:30px; height:30px; border-radius:500px; } .valoracion-usuario .userDetails .userName{ font-size:25px; } .valoracion-usuario .userVal{} .valoracion-usuario .userVal .userStars, .valoracion-usuario .userVal .userComment{ margin-top: 5px; } .valoracion-usuario .userVal .userStars .star{ background-size: 15px 15px; width:15px; height:15px; } .valoracion-usuario .userVal .userComment{ font-size:18px; } /*Estrellas genericas*/ .stars{} .star{ width:25px; height:25px; display:inline-block; } .star.on{ background: url(/drive/repo/editorweb/star-on.png) top left no-repeat; } .star.off{ background: url(/drive/repo/editorweb/star-off.png) center left no-repeat; } .star.half{ background: url(/drive/repo/editorweb/star-half.png) top left no-repeat; } .stars-editable .star, .stars .star.on, .stars .star.off, .stars .star.half{ background-size: 20px 20px; } .stars > div:nth-child(6){ display:none; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .vistaProveedor{ margin-top: 0px; } .vistaProveedor .provDetails{ margin:10px 0 0 0; width: 99%; } .vistaProveedor .wdgRanking { margin-right: 0%; width: 100%; } .bgScreen .contBlock{ width:90%; } .vistaProveedor .provImg{ width: 38%; } .rankHead .promedio{ display: block; text-align:center; width: 100%; } .bgScreen .contRank h1{ padding-bottom:10px; font-size: 20px; color: var(--primary-color); } .rankHead{ padding: 5px 0; border-bottom:1px solid #ccc; display: flex; } .rankHead .detallePromedio{ display:block; width: 50%; margin-left: 5%; } .rankHead .detProm .refer{} .rankHead .detProm .progreso-valoracion{ width: 55%; } .rankHead .detProm span{ font-size: 15px; display:inline-block; vertical-align:middle; width: auto; line-height: 1.8; } .rankHead .detProm .refer { font-size: 13px; display:inline-block; vertical-align:middle; width: 40% !important; } .rankHead .detProm .refCant { font-size: 13px; display:inline-block; vertical-align:middle; width: 5% !important; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .vistaProveedor .provDetails{ margin:10px 0 0 10%; width: 80%; } } /* FIN MEDIA QUERIES 800 landscape */ @-webkit-keyframes bounceToLeft { 0% { -webkit-transform: translateX(0); } 60% { -webkit-transform: translateX(-10px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceToRight { 0% { transform: translateX(0); } 60% { transform: translateX(10px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @-webkit-keyframes bounceToRight { 0% { -webkit-transform: translateX(0); } 60% { -webkit-transform: translateX(10px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceToLeft { 0% { transform: translateX(0); } 60% { transform: translateX(-10px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } /* -------------------------------------------------------------------- Listado de valoraciones del home -- */ .rese{ width: 100%; margin: 0 auto; clear: both; / margin-top: 10px; background: url('/drive/repo/general/Jorge_Perugini_CTO_LETRAS.PNG') fixed no-repeat top/cover; } .wdgValoraciones{ margin:0px 0; padding:0; } .wdgValoraciones .wdgTitle{ color: #fff; / padding: 15px 0 0px 0; width: 100%!important; background-color:#e568a730; /margin-bottom: 10px; } .wdgValoraciones .wdgTitle .title{ / background-color: rgba(48,110,255,0.25); font-size: 2.1rem; text-shadow: 1px 1px 2px black; font-weight: bold; line-height: 1.1; text-align: center; padding-top: 5px; } .wdgValoraciones .wdgTitle .subtitle{ font-family: Oswald; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 1.7; text-align: center; padding: 5px 0; text-align: center; color: #222!important; } .wdgValoraciones .contValoraciones{ display:flex; flex-direction: row; align-items:center; justify-content:center; padding: 0; width: 93%; margin-left: 0%; padding:5px 0px 80px; } .wdgValoraciones .itemValoracion{ width:29%; box-sizing:border-box; padding:15px; margin: 5px; text-align:center; box-shadow: 0 7px 11px 0 rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.1) !important; transition: box-shadow 0.5s ease; } .wdgValoraciones .itemValoracion:hover{ box-shadow: 0 7px 11px 0 #333, 0 2px 4px 0 #333 !important; background: #f1f1f1; } .wdgValoraciones .itemValoracion .userDetails{ / border-top:1px solid #e9e9e9; padding:10px 0 0; } .wdgValoraciones .itemValoracion .userDetails .userPic{ width: 80px; height: 80px; margin: 0 auto; } .wdgValoraciones .itemValoracion .userDetails .userPic img{ width: 100%; height: 100%; /height: -webkit-fill-available; border-radius: 100%; } .wdgValoraciones .itemValoracion .userDetails .userName{ font-weight:bold; padding:10px 0; text-transform: uppercase; font-size: 14px; color: var(--secondary-color); } .wdgValoraciones .itemValoracion .userVal{} .wdgValoraciones .itemValoracion .userVal .userStars{} .wdgValoraciones .star{ width:20px; height:20px; } .wdgValoraciones .stars .star.on, .wdgValoraciones .stars .star.off, .wdgValoraciones .stars .star.half{ background-size: 20px 20px; } .wdgValoraciones .stars .star:nth-child(6){ display:none; } .wdgValoraciones .itemValoracion .userVal .userComment{ padding: 0px 0 30px; margin-bottom: 5px; font-size: 0.8rem; height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .wdgValoraciones .itemValoracion .place a{ display:block; padding:2px 10px; color:#666; font-weight:bold; font-size:0.8rem; } .wdgValoraciones .itemValoracion .date{ color:#666; font-size:0.8rem; padding:0 0 0px; color: var(--secondary-color); line-height: 1.5; / border-bottom:1px dotted var(--primary-color); } /* -------------------------------------------------------------------- Paginado-- */ .wdgValoraciones .paginado{ width: 100%; text-align:center; padding:0px 0 30px; } .wdgValoraciones .paginado .pagLeft, .wdgValoraciones .paginado .pagRight{ display:inline-block; } .wdgValoraciones .paginado .pagLeft button, .wdgValoraciones .paginado .pagRight button{ display:block; border: 0; padding:10px 15px; background: rgba(254, 170, 38, 0.7); box-sizing:border-box; border-radius:300px; font-size:0.8em; letter-spacing: 0.06rem; color:#333; cursor: pointer; font-weight: bold; font-family:'banks-miles-single'; transition: background 0.3s ease; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .wdgValoraciones .paginado .pagLeft button:disabled, .wdgValoraciones .paginado .pagRight button:disabled{ opacity: 0.7; cursor: auto; } .wdgValoraciones .paginado .pagLeft button{ margin-right:10px; } .wdgValoraciones .paginado .pagLeft button:not(:disabled):hover{ background: #FEAA26; -webkit-animation-name: bounceToLeft; animation-name: bounceToLeft; } .wdgValoraciones .paginado .pagRight button:not(:disabled):hover{ background: #FEAA26; -webkit-animation-name: bounceToRight; animation-name: bounceToRight; } .compromisoValoraciones .next-button, .compromisoValoraciones .prev-button { background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; border-width: 0; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%); cursor: pointer; display: none; height: 50px; outline: 0; position: absolute; top: 48%; transform: translate(0, -48%); width: 50px; z-index: 2; display: flex !important; } .compromisoValoraciones .next-button .clipped, .compromisoValoraciones .prev-button .clipped{ clip: rect(0 0 0 0); border: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: 0 -1px -1px 0; overflow: hidden; padding: 0; position: absolute; z-index: -1; } .compromisoValoraciones .next-button:before { margin-top: -5px; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .compromisoValoraciones .next-button:after { bottom: 50%; margin-bottom: -6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .compromisoValoraciones .prev-button:before { margin-top: -5px; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .compromisoValoraciones .prev-button:after { bottom: 50%; margin-bottom: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .compromisoValoraciones .prev-button:after, .compromisoValoraciones .prev-button:before { left: 50%; margin-left: -8px; } .compromisoValoraciones .next-button:after, .compromisoValoraciones .next-button:before { left: 50%; margin-left: -6px; } .compromisoValoraciones .next-button:after, .compromisoValoraciones .next-button:before, .compromisoValoraciones .prev-button:after, .compromisoValoraciones .prev-button:before { background: #E22177; content: ""; display: block; height: 2px; position: absolute; width: 14px; } .compromisoValoraciones .next-button{ right: -15px; } .compromisoValoraciones .prev-button{ left: -15px; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .wdgValoraciones .contValoraciones{ display: inline-block; } .wdgValoraciones .itemValoracion{ border:1px solid #e9e9e9; border-radius:3px; width:45%; padding:20px 0.5% 20px 0.5%; margin-bottom:10px; display: inline-block; } .wdgValoraciones .wdgTitle .title{ font-size: 2rem; font-weight: 800; line-height: 1.2; } .wdgValoraciones .wdgTitle .subtitle{ font-size: 1.4rem; font-weight: 500; line-height: 1.1; } } /* FIN MEDIA QUERIES 800 landscape */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .categories-content .wdgCateg .contCateg { width: 83%; margin: auto; overflow: hidden; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .categories-content .wdgCateg .contCateg .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .categories-content .wdgCateg .contCateg .owl-stage:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .categories-content .wdgCateg .contCateg .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .categories-content .wdgCateg .contCateg .owl-wrapper, .categories-content .wdgCateg .contCateg .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .categories-content .wdgCateg .contCateg .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .categories-content .wdgCateg .contCateg .owl-nav.disabled, .categories-content .wdgCateg .contCateg .owl-dots.disabled { display: none; } .categories-content .wdgCateg .contCateg .owl-nav .owl-prev, .categories-content .wdgCateg .contCateg .owl-nav .owl-next, .categories-content .wdgCateg .contCateg .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .categories-content .wdgCateg .contCateg .owl-nav button.owl-prev, .categories-content .wdgCateg .contCateg .owl-nav button.owl-next, .categories-content .wdgCateg .contCateg button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .categories-content .wdgCateg .contCateg.owl-loaded { display: block; } .categories-content .wdgCateg .contCateg.owl-loading { opacity: 0; display: block; } .categories-content .wdgCateg .contCateg.owl-hidden { opacity: 0; } .categories-content .wdgCateg .contCateg.owl-refresh .owl-item { visibility: hidden; } .categories-content .wdgCateg .contCateg.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .categories-content .wdgCateg .contCateg.owl-grab { cursor: move; cursor: grab; } .categories-content .wdgCateg .contCateg.owl-rtl { direction: rtl; } .categories-content .wdgCateg .contCateg.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .categories-content .wdgCateg .contCateg { display: block; } /* * Owl Carousel - Animate Plugin */ .categories-content .wdgCateg .contCateg .animated { animation-duration: 1000ms; animation-fill-mode: both; } .categories-content .wdgCateg .contCateg .owl-animated-in { z-index: 0; } .categories-content .wdgCateg .contCateg .owl-animated-out { z-index: 1; } .categories-content .wdgCateg .contCateg .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .categories-content .wdgCateg .contCateg .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .categories-content .wdgCateg .contCateg .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .categories-content .wdgCateg .contCateg .owl-item .owl-lazy[src^=''], .categories-content .wdgCateg .contCateg .owl-item .owl-lazy:not([src]) { max-height: 0; } .categories-content .wdgCateg .contCateg .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .categories-content .wdgCateg .contCateg .owl-video-wrapper { position: relative; height: 100%; background: #000; } .categories-content .wdgCateg .contCateg .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .categories-content .wdgCateg .contCateg .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .categories-content .wdgCateg .contCateg .owl-video-playing .owl-video-tn, .categories-content .wdgCateg .contCateg .owl-video-playing .owl-video-play-icon { display: none; } .categories-content .wdgCateg .contCateg .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .categories-content .wdgCateg .contCateg .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .comunicacion { width: 100%; clear:both; margin: 0 auto; margin-top: 60px; } .imagenoreg { width: 100%; padding-bottom: 10px; margin: 0 auto; padding-bottom: 10px; margin-top: 40px; } .imagenoreg .wdgTitle { width: 60%; margin: 0 auto; padding-bottom: 5px; display: inline-flex; justify-content: flex-end; } .imagenoreg .wdgPicCont { width: 38%; display: inline-flex; } .imagenoreg .wdgTitle .title { font-size: 20px; font-weight: bold; color: var(--secondary-color); } .imagenoreg .wdgTitle .subtitle { font-family: 'Oswald'; text-transform: uppercase; width: 50%; margin: 0 auto; font-size: 12px; font-weight: bold; color: #ef83b3; } .imagenoreg .pic { width: 40%; height:40%; text-align: left; } .imagenoreg .pic img { width: 30%; height:30%; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .imagenoreg .wdgTitle { width: 90%; margin: 0 auto; text-align: center; padding-bottom: 15px; line-height: 1; } .imagenoreg .wdgTitle .title { width: 90%; margin: 0 auto; font-size: 20px; font-weight: bold; } .imagenoreg .wdgTitle .subtitle { font-family: 'Oswald'; text-transform: uppercase; width: 90%; margin: 0 auto; font-size: 17px; font-weight: bold; color: gray; line-height: 2; } .imagenoreg .pic img { width: 90%; height:90%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .imagenoreg .pic img { width: 70%; height:70%; } } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- BLOQUE LISTADO DE SERVICIOS ------------------------------------------------- */ .servList { width: 100%; margin: 0 auto; margin-top: 0px; } .servList .swiper .centrar_slides.swiper-wrapper { justify-content: center; } .servList .wdgServiceStore { width: 100%; margin: 0 auto; margin-top: 15px; margin-bottom: 30px; padding-top: 10px; position: relative; clear: both; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; } .servList .serviceStoreHead { text-align: center; padding-top: 10px; } .servList .serviceStoreHead .title h2 { font-weight: bold; letter-spacing:1px; font-size:1.7em; color:#000; / font-family: Oswald; text-transform: uppercase; } .servList .serviceStoreHead .subtitle h3 { font-family: Oswald; text-transform: uppercase; color: #000; font-size: 14px; font-weight: normal; } .servList .non-swiper .serviceStoreCont { display: flex; width: 24%; flex-wrap: wrap; margin: 0 0.5% 10px; justify-content: center; position: relative; z-index: 1; } .servList .non-swiper .resumenRanking { display: flex; order: 4; justify-content: center; margin: 25px 0 0 0; } .servList .non-swiper .serviceStoreCont .serviceItem { width: 100%; text-align: center; font-weight: bold; margin: 0px; padding: 0px; justify-content: center; align-items: center; flex-wrap: wrap; background: #fff !important; transition: box-shadow 0.5s ease, border 0.1s ease; color: #000; cursor: pointer; border-bottom: 1px solid rgb(0 0 0 / 5%); box-shadow: 0 20px 10px 3px rgb(0 0 0 / 5%); } .servList .non-swiper .servicePic{ position: relative; padding: 0; height: 200px; } .servList .non-swiper .serviceTitle { font-family: 'Oswald'; text-transform: uppercase; font-weight: bold; padding: 10px 10px 0px 10px; font-size: 12px; height: 50px; } .servList .non-swiper .servicePic img { margin: 0px; width: 100%; height: 100%; object-fit: cover; / position: absolute; top: 0; bottom: 0; right: 0; opacity: 0.6; } .servList .non-swiper .servicePic:hover img { opacity: 1; } .servList .non-swiper .serviceSecond { display: flex; flex-direction: column; background: #fff; padding: 0px 0px 10px; margin-top: 10px; } .servList .non-swiper .serviceOptions .serviceSee { color: #fff; font-weight: bold; font-size: 9px; background: #244770; background: var(--primary-color) !important; padding: 5px 9px; margin-bottom: 10px; border-radius: 3px; font-family: 'Oswald'; text-transform: uppercase; } .servList .non-swiper .serviceConfig { color: #fff; font-weight: bold; font-size: 10px; background: #2990B1; padding: 5px; margin-bottom: 10px; border-radius: 3px; } .servList .non-swiper .serviceSee:hover, .servList .serviceConfig:hover { background: #FEAA26; background: var(--secondary-color) !important; color: #000; } .servList .non-swiper .serviceSecond .serviceProviderIcon{ order: 1; margin-top: 10px; } .servList .non-swiper .serviceSecond .serviceProviderIcon img{ width: 25%; margin: 0 auto; padding: 15px 0; / border-radius: 50%; } .servList .non-swiper .serviceSecond .serviceDescription{ padding: 5px 20px; font-size: 10px; line-height: 1.3; order: 2; height: 40px; } .servList .non-swiper .serviceSecond .serviceDescription h2, .servList .serviceSecond .serviceDescription p { font-weight: normal !important; text-align: center !important; font-size: 10px; font-weight: bold !important; } .servList .non-swiper .serviceOptions { / margin-top: 0px; } .servList .non-swiper .serviceStoreCont .serviceItem:hover{ box-shadow: 0 15px 10px 0 rgb(0 0 0 / 15%), 0 -1px 2px 0 rgb(0 0 0 / 15%); } .servList .serviceStoreCont .serviceItem:hover, .servList .serviceStoreCont .serviceItem:hover .menuTitle{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* ------------------------------------------------- SWIPER ------------------------------------------------- */ .servList .swiper .resumenRanking { display: flex; order: 4; justify-content: center; margin: 25px 0 0 0; } .servList .swiper .serviceStoreCont .serviceItem { width: 100%; text-align: center; font-weight: bold; margin: 0px; padding: 0px; justify-content: center; align-items: center; flex-wrap: wrap; / background: #fff !important; transition: box-shadow 0.5s ease, border 0.1s ease; color: #000; cursor: pointer; border-bottom: 1px solid rgb(0 0 0 / 5%); box-shadow: 0 20px 10px 3px rgb(0 0 0 / 5%); } .servList .swiper .servicePic{ position: relative; padding: 0; height: 200px; } .servList .swiper .serviceTitle { / font-family: 'Oswald'; text-transform: uppercase; font-weight: bold; padding: 30px 0 10px 0; font-size: 13px; / min-height: 60px; color: var(--primary-color); } .servList .swiper .servicePic img { margin: 0px; width: 100%; height: 100%; object-fit: cover; top: 0; bottom: 0; right: 0; opacity: 0.6; } .servList .swiper .servicePic:hover img { opacity: 1; } .servList .swiper .serviceSecond { display: flex; flex-direction: column; background: #fff; padding: 0px 0px 10px; margin-top: 10px; opacity: 0.7; } .servList .swiper .serviceOptions .serviceSee { color: #fff; font-weight: bold; font-size: 9px; background: #244770; background: var(--primary-color) !important; padding: 5px 9px; margin-bottom: 10px; border-radius: 3px; font-family: 'Oswald'; text-transform: uppercase; } .servList .swiper .serviceConfig { color: #fff; font-weight: bold; font-size: 10px; background: #2990B1; padding: 5px; margin-bottom: 10px; border-radius: 3px; } .servList .swiper .serviceSee:hover, .servList .swiper .serviceConfig:hover { background: #FEAA26; background: var(--secondary-color) !important; color: #000; } .servList .swiper .serviceSecond .serviceProviderIcon{ order: 1; margin-top: 10px; } .servList .swiper .serviceSecond .serviceProviderIcon img{ width: 25%; margin: 0 auto; padding: 15px 0; / border-radius: 50%; } .servList .swiper .serviceSecond .serviceDescription{ padding: 5px 20px; font-size: 10px; line-height: 1.3; order: 2; height: 60px; } .servList .swiper .serviceSecond .serviceDescription h2, .servList .swiper .serviceSecond .serviceDescription p { font-weight: normal !important; text-align: center !important; font-size: 10px; font-weight: 600 !important; } .servList .swiper .serviceOptions { / margin-top: 0px; } .servList .swiper .serviceStoreCont .serviceItem:hover{ box-shadow: 0 15px 10px 0 rgb(0 0 0 / 15%), 0 -1px 2px 0 rgb(0 0 0 / 15%); } .servList .swiper .serviceStoreCont .serviceItem:hover, .servList .swiper .serviceStoreCont .serviceItem:hover .menuTitle{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .servList .serviceStoreCont { width: 100%; } .servList .serviceStoreCont .serviceItem { / width: 100%; height: auto; } .servList .serviceViewHead .serviceBack { display: none; } .servList .serviceView .providerImage img { width: 300px; } .servList .servicePic{ height: 175px; } .servList .servicePic img { width: 100%; } .servList .serviceSecond .serviceProviderIcon img{ width: 20%; } .servList .serviceStoreHead .title h2 { font-size: 1.5em; } .servList .serviceStoreHead .subtitle h3 { font-size: 12px; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .servList .serviceStoreCont { display: inline-block; width: 100%; text-align: center; margin-top: 0.5%; padding-bottom: 0.5%; border: 0; } .servList .serviceStoreCont .serviceItem { width: 100%; } .servList .servicePic img { width: 100%; } } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- CONFIGURACION GENERAL ------------------------------------------------- */ .wdgGContent { width: 90%; / margin: 0 auto; margin-left: 7%; clear: both; } .ListadoGeneral { clear: both; } .noResults { text-align: center; font-size: 25px; font-weight: bold; color: red; text-transform: uppercase; } #cabecera .wdgGContent { width: 100%; margin: 0 auto; clear: both; } #cabecera .provList .non-swiper .categItem { width: 60%; } #cabecera .provList .non-swiper .categItem .categTitle a { padding: 5px 0 15px 0; font-size: 25px; } #cabecera .provList .non-swiper .categItem .categItemCont .providerLogo { width: 40%; margin: 0 auto; padding-bottom: 5px; } /* ------------------------------------------------- PAGINADO ------------------------------------------------- */ /* ------------------------------------------------- .pageCounter{ width:100%; padding:30px 0 10px; text-align: center; font-size: 10px; margin-top: 3px; font-family: 'Oswald'; text-transform: uppercase; } .pageCounter ul { list-style: none; } .pageCounter ul li { display: inline-block; vertical-align: middle; margin: 0 2px; text-indent: -99999px; overflow: hidden; cursor: pointer; } .pageCounter ul li:not(.before):not(.after):not(.last):not(.first) { width: 15px; height: 15px; border-radius: 100%; border: 0; padding: 0; margin: auto 5px; text-align: center; position: relative; background-color: #8e9aac; transition: background-color 0.7s ease; } .pageCounter ul li:hover{ background-color: #8e9aac !important; } .pageCounter ul li.selected { background-color: #28BE32 !important; } .pageCounter ul li.before:hover, .pageCounter ul li.after:hover, .pageCounter ul li.last:hover{ background-color: transparent !important; transform: scale(1.2); } .pageCounter ul li.first:hover{ background-color: transparent !important; transform: rotate(180deg) scale(1.2); } .pageCounter ul li.before, .pageCounter ul li.after, .pageCounter ul li.first, .pageCounter ul li.last { width: 15px !important; height: 15px !important; margin: 0 5px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border: 0 !important; transition: transform 0.5s ease } .pageCounter ul li.before { background-image: url(/drive/repo/editorweb/left.png); } .pageCounter ul li.after { background-image: url(/drive/repo/editorweb/right.png); } .pageCounter ul li.first{ / background-image: url(/drive/repo/editorweb/d-right.png); background-image: url(/drive/repo/editorweb/arrow_final.png); -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pageCounter ul li.last{ / background-image: url(/drive/repo/editorweb/d-right.png); background-image: url(/drive/repo/editorweb/arrow_final.png); } .pageCounter .CounterInfoResults{ font-size: .6rem; margin-top: 8px; color: #000; } .filters{} .filters .order{} .filters ul{} .filters ul li{ display:none;} .filters ul li:nth-child(3){ display:block; } ------------------------------------------------- */ /* ------------------------------------------------- RANKING ------------------------------------------------- */ .resumenRanking .cant { font-family: 'Oswald'; text-transform: uppercase; color: #2F528F; color: var(--primary-color) !important; font-weight: bold; font-size: 12px; transition: all 0.3s ease; padding-bottom: 20px; } /* ------------------------------------------------- VALORACION - ESTRELLAS GENERICAS ------------------------------------------------- */ .stars{} .star{ width:25px; height:25px; display:inline-block; } .star.on{ background: url(/drive/repo/editorweb/star-on.png) top left no-repeat; } .star.off{ background: url(/drive/repo/editorweb/star-off.png) center left no-repeat; } .star.half{ background: url(/drive/repo/editorweb/star-half.png) top left no-repeat; } .stars-editable .star, .stars .star.on, .stars .star.off, .stars .star.half{ background-size: 20px 20px; } .stars > div:nth-child(6){ display:none; } .cursosLista .postBuscador { position: relative; width: 75%; margin: 20px auto 20px; / margin: 0 auto; / margin-top: 15px; / margin-bottom: 15px; opacity: 0.7; } .cursosLista .postBuscador label { display: none; } .cursosLista .postBuscador .campoTextSearch input { width: 100%; padding: 18px 100px 18px 20px; border: 16px solid #435775; border: 16px solid var(--primary-color) !important; border-radius: 5px; font-size: .8rem; color: #333; box-sizing: border-box; transition: all .5s; font-weight: bolder; } .cursosLista .postBuscador .campoTextSearch input:hover { border: 16px solid #435775 !important; border: 16px solid var(--primary-color) !important; } .cursosLista .postBuscador .campoTextSearch input:focus { border: 16px solid #435775; border: 16px solid var(--primary-color) !important; border-radius: 5px; } .cursosLista .postBuscador .campoButtonSearch input { position: absolute; top: 0; right: 1.5%; margin-top: 5px; width: 60px; height: 80px; border: 0; text-indent: -9999px; background: transparent url(/drive/repo/editorweb/3559search.png) no-repeat center/auto 40%; cursor: pointer; transition: all .3s; } .cursosLista .postBuscador .campoButtonSearch:hover input{ position: absolute; top: 0; right: 0; margin-top: 0px; width: 80px; height: 80px; border: 0; text-indent: -9999px; background: var(--primary-color) url(/drive/repo/editorweb/icon_serach_blog1.png) no-repeat center/auto 50%; cursor: pointer; border-radius: 0 5px 5px 0; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { cursosLista .postBuscador { position: relative; width: 95%; margin: 20px auto 20px; } cursosLista .postBuscador .campoTextSearch input { padding: 20px 80px 20px 20px; font-size: 1rem; } cursosLista .postBuscador .campoButtonSearch input { position: absolute; top: 0; right: 0; width: 60px; height: 100%; border: 0; text-indent: -9999px; background: transparent url(/drive/repo/editorweb/3559search.png) no-repeat center/auto 20%; cursor: pointer; transition: all .3s; } cursosLista .postBuscador .campoButtonSearch:hover input{ position: absolute; top: 0; right: 0; width: 80px; height: 100%; border: 0; text-indent: -9999px; background: #99999957 url(/drive/repo/editorweb/icon_serach_blog1.png) no-repeat center/auto 30%; cursor: pointer; border-radius: 0 5px 5px 0; } .cursosLista .postBuscador { width: 80%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape */ .rese{ display: flex; flex-direction: column; justify-content: space-between; height: 75%; align-items: stretch; } .compromisoValoraciones{ width: 90%; margin: 0 auto; } .compromisoValoraciones .widget_container{ /display: none; } .rese .compromisoEnlaces .contMenu{ display: grid; grid-template-columns: 45% 45%; grid-template-rows: auto auto; gap: 5%; } .rese .compromisoEnlaces .contMenu .menuItem{ border: dotted 1px #676363; background: #e9e9e9; border-radius: 5px; height: -webkit-fill-available; box-shadow:0px 1px 4px 1px #cfcfcffa; } .rese .compromisoEnlaces .contMenu .menuItem:hover{ cursor:pointer; box-shadow: 1px 4px 5px 3px #cfcfcf; } .rese .compromisoEnlaces .contMenu .menuItemCont .menuTitle{ font-size: .5em; font-weight: 600; text-align: center; background:#ffffffc7; border-top: 1px dotted #676363; border-bottom: 1px dotted #676353; } .rese .compromisoEnlaces .contMenu .menuItemCont .menuDescription{ font-size: 1rem; font-weight: 300; text-align: center; line-height: 18px; padding: 5px 15px 0; background: #e9e9e9; } .rese .compromisoEnlaces .contMenu .menuItemCont .menuPic { } /*.rese .compromisoEnlaces .contMenu .menuItemCont .menuPic:after{ content:" "; width: 100%; height: 100%; position:absolute; top:0; left:0; background: #e9e9e9; clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%); }*/ .rese .compromisoEnlaces .contMenu .menuItemCont .menuPic img{ height: auto; width: 20vh; display: block; margin: 0 auto; }/* ------------------------------------------------- CIRCLE ------------------------------------------------- */ .body-grid-container{ position: static; display: grid; height: auto; width: 80%; grid-template-rows: min-content min-content min-content min-content 1fr; grid-template-columns: 100%; / margin-top: 80px; z-index: -10; } .section-color { background: url(/drive/repo/general/Imagen29.jpg) fixed no-repeat center/cover; / background: #F1F1F1; / padding-top: 50px; display: grid; opacity: 0.75; padding-top: 100px; padding-bottom: 100px; margin-top: -200px; } .body-grid-container .circled-category .wdgContent .wdgItemPost { background: #fff; } .body-grid-container .titles{ position: relative; margin: 0px 0px 15px calc((100% - 980px) * 0.5); left: 100px; grid-area: 2 / 1 / 3 / 2; justify-self: start; align-self: start; width: 780px; pointer-events: none; margin-top: 40px;} .body-grid-container .titles h1{ text-transform: uppercase; text-align: center; font-size: 2rem; letter-spacing: normal; color: #f1f1f1; } .body-grid-container .titles2{ position: relative; margin: 0px 0px 15px calc((100% - 980px) * 0.5); left: 100px; grid-area: 4 / 1 / 4 / 2; justify-self: start; align-self: start; width: 780px; pointer-events: none; margin-top: 40px; } .titles .subtitle { color: #f1f1f1; font-size: 14px; } .titles2 .subtitle { color: #999; font-size: 14px; } .titles2 .PostDescription .description { margin-top: 10px; } .titles2 .PostDescription .description p { color: #999; font-size: 14px; font-weight: 800; line-height: 1.3; text-align: center; } .titles2 .PostDescription .description img { width: 50%; height: 50%; } .body-grid-container .titles2 h1{ text-transform: uppercase; text-align: center; font-size: 2rem; letter-spacing: normal; } .body-grid-container .circled-category{ position: relative; / margin: 0 auto; margin: 10px 0 30px 15%; grid-area: 3 / 1 / 4 / 2; justify-self: start; align-self: start; } .body-grid-container .circled-category .categories{ width: 60rem; } .body-grid-container .circled-category .wdgContent{ display: flex; /grid-template-columns: 1fr 1fr; /grid-template-rows: 1fr 1fr; grid-gap: 0px; text-align: center; } .body-grid-container .circled-category .wdgContent .wdgItemPost{ width: 300px; height: 300px; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; padding: 10%; / border: 15px solid #000; / border: 15px solid rgba(52,55,86,1); margin: 15px 15px; color: #000; box-sizing: content-box; } .body-grid-container .circled-category .wdgContent .wdgItemPost .PostPic { width: 500px; height: 200px; margin-bottom: 15px; } .body-grid-container .circled-category .wdgContent .wdgItemPost .PostPic img{ width: 100%; margin-bottom: 15px; } .body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .title{ text-transform: uppercase; font-size: 18px; margin-bottom: 15px; font-weight: 800; color: #ff6b35; } .body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .description{ line-height: 21px; width: 300px; display: flex; justify-content: center; margin: 0 auto; font-size: 14px; font-weight: 600; color: #333; } @media (max-width:1023px){ .body-grid-container{ display: flex; justify-content: center; } .body-grid-container .circled-category{ margin:0px; } .body-grid-container .circled-category .wdgContent{ flex-direction: column; } .body-grid-container .circled-category .wdgContent .wdgItemPost{ width: 250px; height: 250px; } .body-grid-container .circled-category .wdgContent .wdgItemPost .PostDetails .description{ line-height: 18px; width: 250px; display: flex; justify-content: center; margin: 0 auto; font-size: 11px; font-weight: 600; color: #333; } }.setupGrades .userMoreInfo { display: flex; flex-wrap: wrap; padding: 50px 0 20px 20px; } .setupGrades .userMoreInfo h2 { padding: 5px 10px 5px 10px; border-left: 10px solid #2990B1; font-size: 1.1rem; font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; width: 100%; } .setupGrades .userMoreInfo .campo, .setupGrades .userMoreInfo.campoBig { width: 49%; box-sizing: border-box; margin-bottom: 2px; padding-right: 10px; margin-right: 0.5%; } .setupGrades .userMoreInfo label{ display: block; font-size: 0.8em; margin: 0 0 2px; } .setupGrades .userMoreInfo input, .setupGrades .userMoreInfo textarea, .setupGrades .userMoreInfo select{ width: 100% !important; box-sizing: border-box; padding: 10px; border: 1px solid #a9d2df; border-right: 1px solid #8e9aac; border-bottom: 1px solid #8e9aac; background: #a9d2df; height: 40px; } .setupGrades .userMoreInfo textarea{ / padding: 15px 25px !important; / width: 200% !important; } .setupGrades .userMoreInfo .campo { float:left; vertical-align: top; width: 49%; padding: 5px 0; margin-right: 0.5%; } .setupGrades .userMoreInfo .campoBig{ float:none; display:block; overflow:hidden; clear:both; padding: 5px 0; } .setupGrades .userMoreInfo .campo:nth-child(2n+1), .setupGrades .userMoreInfo .campo:nth-child(1) { margin-left: 0 !important; } .setupGrades .userMoreInfo input:last-child{ margin-left: 0px; } .setupGrades .userMoreInfo label { font-family: 'Oswald'; text-transform: uppercase; display: block; font-size: 10px; font-weight: bold; padding-bottom: 3px; } .setupGrades .userMoreInfo .campo input, .setupGrades .userMoreInfo .campoBig textarea { width: 100% !important; box-sizing: border-box; padding: 10px; border: 1px solid #a9d2df; border-right: 1px solid #8e9aac; border-bottom: 1px solid #8e9aac; background: #a9d2df; } .setupGrades .userMoreInfo .campoBig textarea { min-width: 100%; max-width: 100%; / min-height: 100px; margin-bottom: 2px; padding: 10px; } .setupGrades .userMoreInfo .campo:nth-child(8) { width: 99% !important; } .setupGrades .userMoreInfo .campo:nth-child(8) textarea { height: 80px !important; } .setupGrades .userMoreInfo .campo:nth-child(9) label, .setupGrades .userMoreInfo .campo:nth-child(10) label { / display: none; } .setupGrades .userMoreInfo .campo:nth-child(9), .setupGrades .userMoreInfo .campo:nth-child(10) { display: flex; align-items: center; font-size: 10px; font-weight: bold; color: #556782; margin-top: 10px; font-family: 'Oswald'; text-transform: uppercase; } .setupGrades .userMoreInfo .campo:nth-child(9) input[type= "checkbox"], .setupGrades .userMoreInfo .campo:nth-child(10) input[type= "checkbox"] { width: auto; margin: 0; margin-right: 10px; width: 10% !important; height: 15px !important; } .setupGrades .btnprovide{ font-family: 'Oswald' !important; text-transform: uppercase !important; font-size: 1rem !important; } @media (max-width: 800px){ .setupGrades .userMoreInfo{ padding: 0px; justify-content: center; } .setupGrades .userMoreInfo .campo{ width: 90% } } .btn-mark-read{ display: inline-block; padding: 4px 8px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; background-color: #fff; border-color: #ccc; box-shadow: 0px 0px 3px -1px #303030de; transition: .3s linear; } .btn-mark-read:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad; } .alerts-container{ position: relative; z-index: 10; } .hidden{ display: none!important; } .show{ display: block!important; } .alert-icon{ font-size: 21px; position: relative; cursor: pointer; color: #fff; } .alert-icon:hover { color: var(--primary-color); } .menu-header.sticky .alert-icon:hover { color: var(--primary-color); } .alerts-count{ background-color: #E42178; background-color: var(--secondary-color); border: 1px solid #ddd; color: #fff; color: var(--primary-color-text) !important; line-height: 14px; padding: 0 2px; position: absolute; top: -4px; right: -8px; font-size: 9px; font-style: normal; font-weight: 600; text-indent: 0; text-align: center; border-radius: 4px; min-width: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .alert-box{ z-index: 9999; width: 350px; max-height: 440px; position: absolute; -webkit-box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); background-color: #fff; border-radius: 2px 2px 5px 5px; color: #333; -webkit-font-smoothing: antialiased; font-size: 13px; top: 40px; left: -250px; } .alert-box::before{ top: -18px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: 76px; border: 10px outset transparent; border-bottom: 10px solid #fff; } .alert-box .alert-box__header{ border-bottom: 1px solid #ededed; padding: 0 20px; display: flex; height: 40px; line-height: 40px; color: #333; margin: 0; font-size: 14px; font-weight: 600; justify-content: space-between; align-items: center; } .alert-box .alert-box__container{ position: relative; overflow: hidden; max-height: 351px; min-height: 116px; } .alert-box .alert-list{ margin: 0; padding: 0; width: 100%; min-height: 116px; max-height: 300px; overflow: auto; } .alert-list li{ list-style: none; position: relative; } .alert-list li a{ width: 100%; } .alert-list__item.pending, .alert-list li:hover{ background:#f5f5f5; } .alert-list__item{ padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-top: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; transition: .6s ease; } .alert-list__item-no-content{ background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; height: 116px; line-height: 116px; color: #333; font-size: 15px; text-align: center; text-shadow: 0 1px 1px #fff; } .item-content{ display: flex; width: 100%; cursor: pointer; } .thumbnail-container{ display: flex; align-items: center; } .thumbnail{ display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: 0.42rem; margin-right: 0.5rem; } .image-thumbnail{ width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; color: #3f4254; background-color: #f3f6f9; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.42rem; } .info-container{ margin-right: 0.5rem; margin-top: 0.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; } .info-header{ display: flex; justify-content: space-between; } .info-header .info-date{ font-size: 10px; } .info-content{ display: flex; flex-direction: column; } .info-project, .info-task{ font-size: 12px; margin-top: 0.1rem!important; overflow: hidden; text-overflow: ellipsis; } .info-project i, .info-task i{ font-size: 10px; } .info-text{ margin-top: 0.5rem!important; } .alerts-btn { background-color: #fff; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; bottom: 0; -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); color: #3483fa; display: block; font-size: 14px; font-weight: 400; height: 51px; line-height: 50px; position: -webkit-sticky; position: sticky; text-align: center; text-decoration: none; z-index: 999; transition: all .3s linear; } .alerts-btn:hover{ -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); color: #3483fa !important; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { .alert-icon{ font-size: 25px; position: relative; cursor: pointer; } .alerts-count{ / background-color: #d90000; background-color: #E42178; background-color: var(--secondary-color); border: 1px solid #ddd; color: #fff; color: var(--primary-color-text) !important; line-height: 14px; padding: 0 2px; position: absolute; top: -4px; right: -8px; font-size: 9px; font-style: normal; font-weight: 600; text-indent: 0; text-align: center; border-radius: 4px; min-width: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .alert-box{ z-index: 9999; width: 500px; max-height: 440px; position: absolute; -webkit-box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); background-color: #fff; border-radius: 2px 2px 5px 5px; color: #333; -webkit-font-smoothing: antialiased; font-size: 13px; top: 40px; left: -380px; } .alert-box::before{ top: -18px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: 100px; border: 10px outset transparent; border-bottom: 10px solid #fff; } .alert-box .alert-box__header{ border-bottom: 1px solid #ededed; padding: 0 20px; height: 40px; line-height: 40px; color: #333; margin: 0; font-size: 14px; font-weight: 600; } .alert-box .alert-box__container{ position: relative; overflow: hidden; max-height: 351px; min-height: 116px; } .alert-box .alert-list{ margin: 0; padding: 0; width: 100%; min-height: 116px; max-height: 300px; overflow: auto; } .alert-list li{ list-style: none; position: relative; } .alert-list li a{ width: 100%; } .alert-list__item.pending, .alert-list li:hover{ background:#f5f5f5; } .alert-list__item{ padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-top: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; transition: .6s ease; } .alert-list__item-no-content{ background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; height: 116px; line-height: 116px; color: #333; font-size: 15px; text-align: center; text-shadow: 0 1px 1px #fff; } .item-content{ display: flex; width: 100%; cursor: pointer; } .thumbnail-container{ display: flex; align-items: center; } .thumbnail{ display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: 0.42rem; margin-right: 0.5rem; } .image-thumbnail{ width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; color: #3f4254; background-color: #f3f6f9; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.42rem; } .info-container{ margin-right: 0.5rem; margin-top: 0.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; } .info-header{ display: flex; justify-content: space-between; } .info-header .info-date{ font-size: 10px; } .info-content{ display: flex; flex-direction: column; } .info-project, .info-task{ font-size: 12px; margin-top: 0.1rem!important; overflow: hidden; text-overflow: ellipsis; } .info-project i, .info-task i{ font-size: 10px; } .info-text{ margin-top: 0.5rem!important; } .alerts-btn { background-color: #fff; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; bottom: 0; -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); color: #3483fa; display: block; font-size: 14px; font-weight: 400; height: 51px; line-height: 50px; position: -webkit-sticky; position: sticky; text-align: center; text-decoration: none; z-index: 999; transition: all .3s linear; } .alerts-btn:hover{ -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); color: #3483fa !important; } } @media only screen and (min-width: 1366px){ } @media only screen and (min-width: 1500px){ } .ori-side-wrapper{ -webkit-transform: translate3d(-300px,0,0); -moz-transform: translate3d(-300px,0,0); -ms-transform: translate3d(-300px,0,0); -o-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0); width: 300px; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; text-align: left; position: fixed; top: 0; bottom: 0; left: 0; min-height: 100%; line-height: 1; z-index: 3000001; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -moz-transition: -moz-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -ms-transition: -ms-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -o-transition: -o-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); transition: transform .4s cubic-bezier(.215,.061,.355,1) 1s,background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -webkit-transition-delay: .05s; transition-delay: .05s; } .ori-side-wrapper.exposed{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ori-side-wrapper .menuList.level-0>li { -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.061,.355,1),opacity .4s cubic-bezier(.215,.061,.355,1); transition: transform .3s cubic-bezier(.215,.061,.355,1),opacity .4s cubic-bezier(.215,.061,.355,1); } .ori-side-wrapper.exposed .menuList.level-0>li:nth-child(1) { transition-delay: .2s; -webkit-transition-delay: .2s; } .ori-side-wrapper .widget_container{ width: 100%; height: 100%; } .menuContainer{ width: 99%; overflow: auto; height: 100%; box-sizing: content-box; display: block!important; overflow-y: auto; background-color: #000 !important; / background: var(--secondary-color) !important; border-right: 2px solid var(--primary-color); background: url(/drive/repo/general/MBFondoSB1.jpg) no-repeat top/cover !important; font-family: 'banks-miles-single'; text-transform: uppercase; } .menuContainer .close{ position: relative; top: 0; width: 60px; height: 50px; left: 0; cursor: pointer; z-index: 20; } .menuContainer .close:before, .menuContainer .close:after{ height: 1px !important; width: 24px; top: 30px; left: 14px; display: block; content: ""; background: #e7e6dd; position: absolute; z-index: -1; transition: all .25s .25s; } .menuContainer .close:before{ -webkit-transform: rotate(-45deg)!important; -moz-transform: rotate(-45deg)!important; -ms-transform: rotate(-45deg)!important; transform: rotate(-45deg)!important; } .menuContainer .close:after{ -webkit-transform: rotate(45deg)!important; -moz-transform: rotate(45deg)!important; -ms-transform: rotate(45deg)!important; transform: rotate(45deg)!important; } .menuNavbar { width: 275px; position: absolute; height: 100%; min-height: 50vh; max-height: 100%; width: 100%; top: 0; left: 0; } .menuNavbar .contMenu{ display: block; vertical-align: middle; width: 100%; height: 100%; padding: 0; margin: 0; position: relative; top: 10%; } .menuList{ float: none!important; line-height: 1!important; margin: 0; padding: 0; list-style: none; } .menuElement:after{ content: ''; display: block; width: 100%; box-sizing: border-box; position: absolute; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, 0.2); margin: 0 auto; } .menuElement.level-0{ float: none!important; line-height: 1!important; text-align: center; text-transform: uppercase; cursor: pointer; margin: 0; list-style: none; -webkit-tap-highlight-color: rgba(255,255,255,0); display: block !important; } .menuElement.level-0 a{ font-weight: bold; font-size: 9px; text-align: left; letter-spacing: 1.5px; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding-left: 28px !important; text-rendering: optimizeLegibility; padding: 15px 0; / text-transform: capitalize; color: #ffffff; display: block !important; margin: 0; box-sizing: border-box; position: relative; word-break: break-word; white-space: nowrap; text-decoration: none; transition: all .3s cubic-bezier(.215,.061,.355,1); } .menuElement.level-0 i{ font-size: 15px; margin-right: 5px; width: 20px; } .menuElement > a:before{ position: absolute; top: 0; left: 0; content: ""; bottom: 0; width: 0; z-index: 0; background: rgba(255,255,255,.075); transition: all .3s cubic-bezier(.215,.061,.355,1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: block!important; } .menuElement.level-1 > a:before{ position: absolute; top: 0; left: 0; content: ""; bottom: 0; width: 0; z-index: 0; background: rgba(255,255,255,.3); transition: all .3s cubic-bezier(.215,.061,.355,1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: block!important; } .menuElement:hover > a:before{ width: 100%; } .menuList.level-1{ position: absolute; top: 0; width: 300px; padding-top: 50%; transform: translate3d(-25px, -25%, 0px); z-index: -2285; background: #fee5bd; / background: var(--secondary-color) !important; height: 120vh; transition: all .4s cubic-bezier(.215,.061,.355,1); -webkit-transition: all .4s cubic-bezier(.215,.061,.355,1); -moz-transition: all .4s cubic-bezier(.215,.061,.355,1); -ms-transition: all .4s cubic-bezier(.215,.061,.355,1); -o-transition: all .4s cubic-bezier(.215,.061,.355,1); -webkit-transition-delay: .05s; transition-delay: .05s; } .menuElement.level-0 a{ color: #ffffff !important; color: var(--secondary-color-text) !important; } .menuElement.level-1 a{ color: #000 !important; color: var(--primary-color) !important; text-transform: none !important; } .menuElement.level-0 a:not([href]) { pointer-events: none; } .menuElement.level-1 a:not([href]) { pointer-events: none; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .ori-side-wrapper .menuList.level-0>li{ -webkit-transition: auto; -moz-transition: auto; -o-transition: auto; transition: auto; } .menuList.level-1{ display: none; position: static; width: 100%; padding: 0; transform: none; background: #f78e69; height: 100%; -webkit-transition: auto; -moz-transition: auto; -o-transition: auto; transition: auto; } .menuList.level-1.open{ display: block; height: 100%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape */.container-dashboard .appMenu .appMenu-header .user-info .user-role { color: var(--background-color-primary); } .container-dashboard .appMenu .appMenu-header .user-info > span { display: block; color: var(--background-color-primary); } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{ color: var(--background-color-primary); } .container-dashboard .appMenu .appMenu-header .user-info .user-dni { color: var(--secondary-color-hover); display: none; } .container-dashboard .appMenu .appMenu-header .user-pic { width: 30%; } .menuElement.level-0 a{ color: var(--background-color-primary) !important; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a{ color: var(--secondary-color); } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a, .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown a:hover{ color: var(--primary-color) !important; } .alert-icon{ color: var(--secondary-color); } .alerts-count{ background-color: var(--primary-color); } .info-text{ margin-top: 0.5rem!important; font-size: 10px !important; } .info-project, .info-task, .info-title b{ color: var(--primary-color) !important; } .titjp .title:hover h1{ color: var(--secondary-color) !important; } .tagBox .subtitle{ text-align: right; font-size: 1rem; color: var(--secondary-color); } .sucess-cases{ clear: both; margin-bottom: 40px; padding: 50px 0 100px; background: url('/drive/repo/general/HFF_img_012.png') no-repeat top/cover; z-index: 90; } .tagBox{ width: 100%; text-align: center; margin-top: 20px; margin-bottom: 0px; clear: both; display: none; } .titjpHori{ width: 87%; text-align: center; margin-top: 90px; margin-bottom: 0px; clear: both; margin-left: 3%; } .titjpHori .title h1{ / font-family: 'banks-miles-single' !important; text-transform: uppercase; text-align: center; font-size: 5rem; letter-spacing: normal; color: #333; padding-top: 15px; font-weight:400; } .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; / width:calc(var(--swiper-navigation-size)/ 44 * 27); width: 0.1px !important; height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color: var(--swiper-navigation-color,var(--primary-color)) !important; } .swiper-pagination-bullet-active{ opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color,var(--primary-color)) !important; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ display: none; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { #rese { margin-top: 20px; } #arti { margin-top: 10px; } .orisom-flip-box{ height: 420px; } .copyright .description p img{ margin-top: -5.2px; transform: none; width: 80px !important; } .compromisos{ display: block; margin-top: 65px; margin: 0 auto; } .compromisoEnlaces{ display: block; width: 98%; padding: 0 0 0 0%; margin: 0 auto; } .compromisoGP{ display: block; width: 98%; padding: 0 0 0 0%; margin: 0 auto; } .compromisos .compromisoEnlaces .contMenu{ display: grid; grid-template-columns: 98%; grid-template-rows: auto; gap: 1% 1%; } .compromisos .compromisoGP .contMenu{ display: grid; grid-template-columns: 98%; grid-template-rows: auto; gap: 1% 1%; margin-bottom: 2%; } .vistaProveedor .resumenRanking { text-align: center; display: flex; } .vistaProveedor .promedio { width: 40%; margin-top: 0px; margin: 0 0 0 0%; } .vistaProveedor .rankAbrir{ width: 55%; margin: 35px 0% 0 0; } .imagenoreg { width: 100%; padding-bottom: 10px; margin: 0 auto; padding-bottom: 30px; text-align: center; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .orisom-flip-box{ height: 460px; } } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- MEDIA QUERIES 800 ------------------------------------------------- */ @media (max-width: 800px){ .titjp .title h1{ background: #340C99; color: #fff; } } /*---------------------------------------------------------------------- PAGINA HOME -----------------------------------------------------------------------*/ @media (max-width: 1023px){ .pantalla1{ width: 70%; } .slide{ width: 100%; } .pantalla1 .defpost0{ width: 100%; } .pantalla1 .defpost0 .wdgViewPost .wdgPost .PostDescription .description{ width: 100%; margin-left: 0; } .slide .menuItemCont .menuTitle h3, .slide .menuItemCont .menuTitle h2{ animation-name: none; animation-duration: 0s; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description { margin-bottom: 0px; } } @media (max-width: 600px){ .pantalla1{ margin-left: 0; width: 80%; } .slide .menuItemCont .menuTitle { bottom: -40px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 2rem!important; line-height: .9; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p { font-size: 1rem!important; } } /*---------------------------------------------------------------------- PAGINA CLAVES -----------------------------------------------------------------------*/ @media (max-width: 1023px){ .orisom-wrap{ margin: 0; } } /*---------------------------------------------------------------------- PAGINA ENTORNO DIGITAL -----------------------------------------------------------------------*/ @media (max-width: 1023px){ .compromisos .compromisoGP .contMenu .menuItemCont .menuDescription{ width: 57.6vh; margin: 0 auto; height: auto; } .compromisos .compromisoEnlaces .contMenu .menuItemCont .menuDescription{ width: 57.6vh; margin: 0 auto; height: auto; } .compromisos .compromisoGP .contMenu{ grid-template-columns: 100%; } } @media (max-width: 800px){ .compromisoGP{ width: 80%; } .compromisoEnlaces{ width: 80%; } .compromisos .compromisoGP .contMenu .menuItemCont .menuDescription{ width: 90%; height: auto; padding: 0 0 15px; } .compromisos .compromisoEnlaces .contMenu .menuItemCont .menuDescription { width: 90%; height: auto; padding: 0 0 15px; } .compromisos .compromisoEnlaces .contMenu{ grid-template-columns: 100%; } .compromisos .compromisoGP .contMenu .menuItemCont .menuPic img{ width: 90%; padding: 15px 0; } } @media (max-width: 600px){ .compromisos .compromisoGP .contMenu{ margin-bottom: 4%; } } /*---------------------------------------------------------------------- PAGINA RESEÑAS -----------------------------------------------------------------------*/ @media (max-width: 1023px){ .comunicacion{ margin-top: 50px; } .imagenoreg .wdgPicCont{ justify-content: center; } .imagenoreg .pic{ text-align: center; } .imagenoreg .pic img{ width: 95%; height: auto; } .wdgValoraciones .itemValoracion .date{ border-bottom: none; font-weight: 600; } .wdgValoraciones .contValoraciones{ width: 100%; } .compromisos .compromisoEnlaces .contMenu{ width: 100%; } .wdgValoraciones .contValoraciones{ padding:5px 0px 0px; } } /*---------------------------------------------------------------------- PAGINA TU SOLICITUD -----------------------------------------------------------------------*/ @media (max-width: 1023px){ .titjp{ width: 100%; } .contj{ width: 100%; } .serviceDescription .serviceLongDescription{ width: 100%; } }.alerts-count{ color: #fff !important; } .setupGrades .setupPrice { display: none; } .serviceDescription .serviceShortDescription { display: none; } .right-side .wdgMenu { margin-top: 25px; } .cuerpo { position: relative; / margin-top: 50px; width: 100%; } section { / margin-top: 40px; } .main.desktop{ flex-direction: row; } .main.mobile{ flex-direction: column; } .o3s_menu { background: transparent; background-color: none; } .sucess-cases{ background: #fff; background-color: none; } .publimain,.faq { padding-bottom: 1px; background:none; } .publimain .PostTitle { margin-bottom: 0px; } .publimain .PostTitle .title h1 { padding: 0px 0 0px; } .publimain .PostDescription h1 { padding: 15px 0 15px 10px; margin: 0px 0 0; } .jorge3 { / border-top: 1px dotted transparent; background:none; opacity: 1; } .mgestion { width: 100%; margin: 0 auto; padding-bottom: 50px; } .mgestion .title { font-family: 'Oswald'; text-transform: uppercase; width: 100%; margin: 0 auto; color: #333; text-align: center; text-transform: uppercase; font-weight: bold; padding-bottom: 15px; font-size: 20px; } .mgestion .pic { width: 250px; height: 250px; margin: 0 auto; text-align: center; border: 10px solid #f78e69; border-radius: 10px; } .mgestion .pic img { width: 250px; height: 250px; opacity: 0.8; margin: 0 auto; } .slick-next{ background-image: url('/drive/repo/editorweb/NFEAT_arrowRight1.png') !important; background-color: transparent !important; } .slick-prev{ background-image: url('/drive/repo/editorweb/NFEAT_arrowLeft1.png') !important; background-color: transparent !important; } main { overflow-x: hidden; /overflow-x:scroll; display: flex; /background: url(/drive/repo/general/shutterstock_407554567.webp) fixed no-repeat top/cover; /background-color: rgba(249,175,150,0.15); } h1 { margin: 0; } section { min-width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; font-size: 4ch; } .defpost0 { background: url(/drive/repo/general/FondoEMETE5a.png) no-repeat top/cover; } section:nth-child(1) { / background: url(/drive/repo/general/SuccEMETE2.jpg) no-repeat top/cover; / background: url(/drive/repo/general/fondoX005_8g.jpg) no-repeat top/cover; / background-color: #f1f1f1; } section:nth-child(2), section:nth-child(3), section:nth-child(4), section:nth-child(5), section:nth-child(6) { background: url(/drive/repo/general/fondoX005_8e.jpg) fixed no-repeat top/cover; } section:nth-child(7) { / background: url(/drive/repo/editorweb/1000_F_301901899_lalLiJJTviVxRPTpJ8ShYIe6TcpLbFqC.jpg) fixed no-repeat top/cover; / background: url(/drive/repo/general/fondoX005_8.jpg) fixed no-repeat top/cover; background: url(/drive/repo/general/fondoX005_8e.jpg) fixed no-repeat top/cover; / opacity: 0.7; color: white; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description p { font-size: 1.2rem; color: #333; letter-spacing: 1.5px; line-height: 1.2; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description { width: 92%; margin-left: 8%; margin-bottom: 18px; } .defpost0 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 3rem; } .CounterInfoResults, .CounterInfoPage{ display: block; } .cursosLista .PostPic { position: relative; width: 100%; padding-bottom: 60%; overflow: hidden; text-align: center; } .cursosLista .PostDetails { position: relative; height: 110px; padding: 5%; } .pageCounter{ width:100%; padding: 10px 0 10px; text-align: center; font-size: 10px; margin-top: 3px; } @media (max-width: 1022px){ main{ flex-direction: column; overflow-x: initial; } .cuerpo{ height: max-content; padding-bottom: 30px; } .jorge3{ display: block; width: 90%; margin: 0 auto; height: max-content; } .volvermj{ margin: 0 ; display: block; } .titjp{ transform: rotate(0deg); margin: 10px 0 20px!important; writing-mode: initial; height: auto; } .titjp .title h1{ border-left: none; border-bottom: 1px dotted #000 !important; padding: 10px 0; } .titjp .title:hover h1{ border-left: none; border-bottom: 1px dotted #000 !important; padding: 10px 0; color: #fff; } } /* botones carrousell reseñas */ .prev-button.slick-arrow, .next-button.slick-arrow{ display: none!important; } /* ------------------------------------------------- MEDIA QUERIES lANGSCAPE FULL ------------------------------------------------- */ @media (max-width: 1023px) and (orientation: landscape) { section{ height: auto; margin:80px 0 0 0 ; } .jorge3{ width: 70%; height: auto; } .l-header.fixed .ush_image_2{ height: 35px!important; } .titjpHori{ width:100%; } .titjpHori { /width: 80%; text-align: center; margin-top: 20px; margin-bottom: 0px; clear: both; } } /* FLECHAS CARROUSELL RESE */ .prev-button.slick-arrow, .next-button.slick-arrow { display: block!important; } .compromisoValoraciones .next-button:after, .compromisoValoraciones .next-button:before, .compromisoValoraciones .prev-button:after, .compromisoValoraciones .prev-button:before{ background: var(primary-color); } @media (max-width: 1023px) { #arti { align-items: start!important; } } @media (max-width: 1250px){ .body-grid-container .circled-category{ margin: 10px 0 5px 5%; } .body-grid-container .circled-category .wdgContent .wdgItemPost { width: 250px; height: 250px; } } :root{ --link-menu-color-hover:#000; --background-color-secondary:#D5CDEA; --background-color-primary:#fff; --total-color:rgba(226,33,119,0.3); --secondary-color-hover:#320A95; --primary-color:#E22177; --primary-color-text:#333333; --third-color:#D5CDEA; --secondary-color:#320A95; --secondary-color-text:#E22177; --link-menu-color:#000; --color-negative:#FD5960; --color-positive:#20b2aa; --color-default:#f2f2f2; --forex-background-title:#1E222D; --forex-background-subtitle:#131d27; --forex-color-title:#909090; --forex-color-subtitle:#909090; --forex-color-active:#feaa26; }