/* Theme Name: Laboral Theme URI: danielquino.com Diseño: Edición Limitada Description: Tema para la web +Laboral Autor: Daniel Quino Ángeles Template: hello-elementor Version: 1.0 License: GNU General Public Licence v2 or later */ /* Custom property */ :root{ /* Fuentes */ --fuentePrincipal: "Nunito Sans", sans-serif; --fuenteSecundaria: "Nunito Sans", sans-serif; --fuenteDestacada: "Nunito Sans", sans-serif; /* Colores */ --colorBase: #000000; --colorEnfasis: #000000; --colorTexto: #000000; --colorBlanco: #ffffff; --colorVerde: #5DB578; --colorVerde2: #A4D0A2; --colorVerde3: #BCD58C; --colorVerde4: #F3F4D7; --colorAzul: #042A3F; --colorAzul2: #1E2B3B; --colorNegro: #000000; --colorRojo: #C13C4A; --bgGradiente1: transparent linear-gradient(45deg, #C13C4A 15%, #802831 35%, #49171C 53%, #220B0D 69%, #090304 82%, #010101 90%) 0% 0% no-repeat padding-box; /* Padding Web */ --globalPaddingContainer : 0 2rem 0 2rem; /* Height exceso 1 */ --htopflash: 5.5rem; } @media only screen and (min-width: 1200px) { :root { --htopflash: 4.75rem; --globalPaddingContainer : 0 4.5rem 0 4.5rem; } } @media only screen and (min-width: 1515px) { :root { --htopflash: 6.8rem; --globalPaddingContainer : 0 4.5rem 0 4.5rem; } } html { font-size: 62.5%; } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none !important; box-sizing: border-box; } body { font-family: var(--fuentePrincipal); font-weight: normal; font-size: 16px; font-size: 1.6rem; overflow-x: hidden; background-color:#fff; color:#000; } @media screen and (min-width: 768px) { html { font-size: 40%; } } @media screen and (min-width: 1024px) { html { font-size: 50%; } } @media screen and (min-width: 1200px) { html { font-size: 55%; } } @media screen and (min-width: 1440px) { html { font-size: 62.5%; } } @media screen and (min-width: 1600px) { html { font-size: 62.5%; } } @media screen and (min-width: 1920px) { html { font-size: 62.5%; } } *, *:before, *:after { box-sizing: inherit; /* (Paul Irish hack) */ } a { color:var(--colorBase); } a:hover { color:var(--colorBase); } /* ico */ .ico-dqa { line-height:0; } /* Container DQA */ .container-dqa { display: flex; width: 100%; max-width: 1000px; margin: 0 auto; height: 100%; } .container-dqa .container-wrapper-dqa { width:100%; padding:0 2rem 0 2rem; } @media screen and (min-width: 768px) { .container-dqa { max-width: 80%; } } /* Bg Gradiente 1 */ .bg-gradiente-1 { background:var(--bgGradiente1); } /* Parche - Font Nunito Sans DQA */ .font-nunito-sans-dqa h2 { font-family: 'Nunito Sans DQA', sans-serif !important; } /* Menu Footer */ .menu-footer { display: flex; flex-direction: column; gap: 1rem; } .menu-footer a { color: var(--colorBlanco); font-size: 1.6rem; font-weight: 500; line-height: 1.5em; display: flex; align-items: center; } .menu-footer a::before { content: ""; width: 14px; height: 14px; background-image: url('images/ico-plus-verde.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 5px; } .menu-footer a:hover { color: var(--colorVerde2); } /* Menu Redes */ .menu-redes { display: flex; flex-direction: row; gap: 1rem; margin: 0; padding: 0; } .menu-redes li { display: flex; } .menu-redes a { width: 30px; height: 30px; background: var(--colorVerde); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .menu-redes a i { color: var(--colorBlanco); font-size: 1.8rem; } .menu-redes a:hover { background: var(--colorVerde2); } /* Sombra para Cuadro */ .sombra-1 { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } /* Bloques */ .w-item-dqa-1 .wrapper-dqa { width: 100%; aspect-ratio: 0.92; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; background-color: var(--colorBlanco); } .w-item-dqa-1 .wrapper-dqa::after { content: ""; position: absolute; width: 100%; height: 100%; background: var(--colorAzul2); border-radius: 15px; top: 7px; left: 7px; z-index: -1; } .w-item-dqa-1 .wrapper-dqa::before { content: ""; position: absolute; width: 15px; height: 15px; background-image: url(images/ico-plus-n.svg); background-repeat: no-repeat; background-size: contain; background-position: center; top: 2rem; left: 50%; transform: translateX(-50%); border:none; border-radius: 0; } .w-item-dqa-1 .texto-item-2 { display: none; } .w-item-dqa-1:hover .wrapper-dqa { background-color: #1E2B3B; } .w-item-dqa-1:hover .wrapper-dqa::after { background: var(--colorVerde2); } .w-item-dqa-1:hover .texto-item h2 { color: var(--colorVerde2) !important; } .w-item-dqa-1:hover .texto-item { display: none; } .w-item-dqa-1:hover .texto-item-2 { display: block; } @media screen and (min-width: 768px) { .w-item-dqa-1 .wrapper-dqa { aspect-ratio: 1; } .w-item-dqa-1 .wrapper-dqa::before { width: 23px; height: 23px; top: 4.5rem; } } /* Imagen Diferente */ .w-image-diferente { left: calc(50% - 30rem); pointer-events: none; } .item-diferente .texto { display: none; } .item-diferente .label { display: block; } .item-diferente:hover { background-color: var(--colorAzul2) !important; } .item-diferente:hover .texto { display: block; } .item-diferente:hover .label { display: none; } @media screen and (min-width: 768px) { .item-diferente { max-height: 21.5rem; } } /* Columna 1 Diferente */ .col-1-diferente { padding-left: 0; } @media screen and (min-width: 768px) { .col-1-diferente { padding-left: calc(50vw - 535px); } } /* Equipo */ .item-equipo .text-2 { display:none; } .item-equipo:hover .text-1 { display:none; } .item-equipo:hover .text-2 { display:block; } /* Formulario DQA */ .w-form-dqa { width: 100%; max-width: 1000px; margin: 0 auto; height: 100%; } .w-form-dqa .fila-dqa { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 0 3.1rem 0; height: 100%; } .w-form-dqa .col-100-dqa { width: 100%; } .w-form-dqa .col-70-dqa { width: 100%; margin-bottom: 2rem; } .w-form-dqa .col-30-dqa { width: 100%; } @media screen and (min-width: 768px) { .w-form-dqa .col-70-dqa { width: 70%; margin-bottom: 0; } .w-form-dqa .col-30-dqa { width: 30%; } } .w-form-dqa .input-wrapper { position: relative; width: 100%; } .w-form-dqa .input-wrapper::after { content: ""; position: absolute; width: 100%; height: 100%; background: var(--colorAzul2); border-radius: 1rem; top: 7px; left: 7px; z-index: -1; } .w-form-dqa input[type="text"], .w-form-dqa input[type="email"], .w-form-dqa input[type="tel"], .w-form-dqa textarea { width: 100%; border:none; border: 1px solid var(--colorAzul2); border-radius: 1rem; padding: 1.6rem 3.1rem 1.6rem 3.1rem; font-size: 1.7rem; line-height: 2em; color: rgba(0, 0, 0, 0.4); position: relative; } .w-form-dqa input[type="text"]:focus, .w-form-dqa input[type="email"]:focus, .w-form-dqa input[type="tel"]:focus, .w-form-dqa textarea:focus { border: 1px solid var(--colorAzul2); } .w-form-dqa input[type="submit"] { border:none; border-radius: 1rem !important; width: 100%; padding: 1.3rem 3rem 1.3rem 3rem !important; font-size: 1.4rem; line-height: 1em; font-weight: 900 !important; color:var(--colorBlanco) !important; background-color: var(--colorAzul2) !important; } @media screen and (min-width: 768px) { .w-form-dqa input[type="submit"] { font-size: 2rem; width: auto; } } /* Estilos para el checkbox */ .w-form-dqa input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid var(--colorAzul2); border-radius: 4px; margin-right: 10px; position: relative; cursor: pointer; } .w-form-dqa input[type="checkbox"]:checked { background-color: var(--colorVerde); border-color: var(--colorVerde); } .w-form-dqa input[type="checkbox"]:checked::after { content: "✓"; position: absolute; color: var(--colorBlanco); font-size: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Mensaje de error de campos */ .w-form-dqa .wpcf7-not-valid-tip { padding-left: 2rem; padding-top: 1rem; color: var(--colorBlanco); } /* Mensaje de éxito o error de envío */ .wpcf7 form.invalid .wpcf7-response-output { border-color: var(--colorRojo); border-radius: 1rem; } .wpcf7 form.sent .wpcf7-response-output { border-color: var(--colorVerde); border-radius: 1rem; } .wpcf7-spinner { margin-top:1rem; } div .grecaptcha-badge { visibility: visible !important; opacity: 1 !important; } /* Menu de Perfil */ .menu-usuario-contenedor { position: relative; display: inline-block; } .menu-desplegable { display: none; position: absolute; top: 100%; right: 0; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000; border: 1px solid #ccc; border-top: none; } .menu-desplegable.mostrar-menu { display: block; } .menu-desplegable .menu { list-style: none; padding: 0; margin: 0; } .menu-desplegable .menu .menu-item a { display: block; padding: 10px 15px; text-decoration: none; color: #333; } .menu-desplegable .menu .menu-item a:hover { background-color: #ddd; } .menu-desplegable .menu .cerrar-sesion a { color: red; } .activador-menu { cursor: pointer; } /* Header PC*/ .header-pc { background-color: var(--colorAzul2); position: relative; } body.home .header-pc { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } body.home .header-pc .w-logo { display: none; } body.home .header-pc .w-menu-perfil { display: none; } /* Movil PC*/ .header-movil { background-color: var(--colorAzul2); position: relative; } body.home .header-movil { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } /* Menu Perfil */ .menu-usuario-contenedor .activador-menu { color: #fff; text-decoration: underline; text-transform: capitalize; } .menu-usuario-contenedor .activador-menu i { margin-left: 1rem; } /* Menu */ .woocommerce-MyAccount-navigation { } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-MyAccount-navigation ul li { list-style: none; margin-bottom: 0.8rem; } .woocommerce-MyAccount-navigation ul li a { color: var(--colorAzul); } .woocommerce-MyAccount-navigation ul li a[aria-current="page"] { text-decoration: underline; } .menu-usuario-no-logueado a { color: #fff; font-size: 1.8rem; text-decoration: underline; } .menu-usuario-no-logueado a i { margin-left: 1rem; } /* Menu movil */ .menu-mobile { display:none; list-style:none; padding:2rem 0 2rem 0; margin: 0 0 1rem 0; background-color: rgba(255, 255, 255, 0.2); } .menu-mobile li { padding:0; margin:0; } .menu-mobile li a { color:#fff; width: 100%; text-align: center; display: block; } .menu-mobile li a i { margin-right:0.5rem; } /* Woocommerce Parche Mensajes */ .woocommerce-info { border-top-color: var(--colorVerde2) !important; } .woocommerce-info::before { color: var(--colorVerde2); } /* Woocommerce Parche menu de navegación */ .woocommerce-breadcrumb { padding: 2rem 0 2rem 0 !important; } /* Woocommerce Parche Single Product */ .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: var(--colorVerde3); } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover { background-color:var(--colorVerde2); } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover { background-color:var(--colorVerde2); } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background-color:var(--colorVerde3); } .woocommerce .quantity .qty { font-size:1.5rem; } /* Woocommerce Aviso en tienda */ .woocommerce-store-notice, p.demo_store { background-color: red; top:auto; bottom:0; position:fixed; } /* Woocommerce Search */ /* Estilos para el contenedor del formulario */ .product-search-form-dqa { display: flex; align-items: center; width: 100%; max-width: 600px; background-color: #fff; /* Color de fondo oscuro del contenedor */ border: 1px solid #fff; /* Borde claro del contenedor */ border-radius: 4px; padding: 0; /* Un poco más de padding alrededor de todo */ box-sizing: border-box; /* !important puede ser necesario si otros estilos tienen mayor especificidad, úsalo con precaución */ /* background-color: #2c3e50 !important; */ /* border: 1px solid #7f8c8d !important; */ } .product-search-form-dqa input[type=search]:focus { border-color:#fff } /* Estilos para el campo de entrada de texto */ .product-search-form-dqa .search-input { flex-grow: 1; border: 1px solid #ffffff; /* Borde blanco del campo de entrada */ outline: none; padding: 2px 15px; /* Relleno interno del campo de entrada */ font-size: 14px; color: #333; background-color: #ffffff; /* Fondo blanco del campo de entrada */ border-radius: 4px; /* Bordes ligeramente redondeados para el input */ margin-right: 0; /* Espacio entre el input y el botón */ box-sizing: border-box; /* Incluye padding y border en el ancho/alto */ /* Si es necesario sobreescribir */ /* border: 1px solid #ffffff !important; */ /* background-color: #ffffff !important; */ /* padding: 10px 15px !important; */ } /* Estilos para el placeholder del campo de entrada */ .product-search-form-dqa .search-input::placeholder { color: #888; font-size: 16px; /* Si es necesario sobreescribir */ /* color: #888 !important; */ } /* Estilos para el botón de búsqueda */ .product-search-form-dqa .search-button { background-color: #fff; border: #fff; border-radius: 0; cursor: pointer; padding: 6px 20px; font-size: 20px; color: #ffffff; outline: none !important; display: flex; align-items: center; justify-content: center; min-width: 60px; height: 100%; margin: 0; } .product-search-form-dqa .search-button i { color:#000; font-size:1.8rem; } .product-search-form-dqa .search-button:hover { background-color: #fff; } /* Registro */ .w-registro-dqa { } .w-registro-dqa input[type="text"], .w-registro-dqa input[type="email"], .w-registro-dqa input[type="tel"], .w-registro-dqa textarea { width: 100%; border:none; border: 1px solid var(--colorAzul2); border-radius: 1rem; padding: 1.6rem 3.1rem 1.6rem 3.1rem; font-size: 1.7rem; line-height: 2em; color: rgba(0, 0, 0, 0.4); position: relative; } .w-registro-dqa input[type="text"]:focus, .w-registro-dqa input[type="email"]:focus, .w-registro-dqa input[type="tel"]:focus, .w-registro-dqa textarea:focus { border: 1px solid var(--colorAzul2); } .w-registro-dqa input[type="submit"] { border:none; border-radius: 1rem !important; width: 100%; padding: 1.3rem 3rem 1.3rem 3rem !important; font-size: 1.4rem; line-height: 1em; font-weight: 900 !important; color:var(--colorBlanco) !important; background-color: var(--colorAzul2) !important; } @media screen and (min-width: 768px) { .w-registro-dqa input[type="submit"] { font-size: 2rem; width: auto; } } /* Login */ .w-login-dqa { } .w-login-dqa input[type="text"], .w-login-dqa input[type="email"], .w-login-dqa input[type="tel"], .w-login-dqa input[type="password"], .w-login-dqa textarea { width: 100%; border:none; border: 1px solid var(--colorAzul2); border-radius: 1rem; padding: 1.6rem 3.1rem 1.6rem 3.1rem; font-size: 1.7rem; line-height: 2em; color: rgba(0, 0, 0, 0.4); position: relative; } .w-login-dqa input[type="text"]:focus, .w-login-dqa input[type="email"]:focus, .w-login-dqa input[type="tel"]:focus, .w-login-dqa textarea:focus { border: 1px solid var(--colorAzul2); } .w-login-dqa .login-submit { text-align:center; } .w-login-dqa input[type="submit"] { border:none; border-radius: 1rem !important; width: 100%; padding: 1.3rem 3rem 1.3rem 3rem !important; font-size: 1.4rem; line-height: 1em; font-weight: 900 !important; color:var(--colorBlanco) !important; background-color: var(--colorAzul2) !important; } @media screen and (min-width: 768px) { .w-login-dqa input[type="submit"] { font-size: 2rem; width: auto; } } /* Estilos para el checkbox */ .w-registro-dqa input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid var(--colorAzul2); border-radius: 4px; margin-right: 10px; position: relative; cursor: pointer; } .w-registro-dqa input[type="checkbox"]:checked { background-color: var(--colorVerde); border-color: var(--colorVerde); } .w-registro-dqa input[type="checkbox"]:checked::after { content: "✓"; position: absolute; color: var(--colorBlanco); font-size: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .w-registro-dqa .form-submit { margin-top: 4rem; } /* Botón */ .btn-dqa-1 { } .btn-dqa-1 a { position:relative; } .btn-dqa-1 a::after { content:''; width:4rem; height:4rem; position:absolute; bottom:-2rem; right: -4rem; } .btn-dqa-1 a::after { background-image: url('images/ico-cursor.png'); background-repeat: no-repeat; background-size: contain; background-position: center; } @media screen and (min-width: 768px) { .btn-dqa-1 a::after { width:7rem; height:7rem; bottom:-4rem; right: -7rem; } } /* Woocommerce - Select Variaciones */ .woocommerce .woocommerce-ordering select { font-size: 1.2rem; } .woocommerce div.product form.cart .variations select { font-size: 1.2rem; } /* Woocommerce - Tabs Single Product * */ .tabs.wc-tabs li.additional_information_tab { display: none !important; }