/* * @Author: anchen * @Date: 2026-06-10 14:07:43 * @Last Modified by: anchen * @Last Modified time: 2026-07-11 12:46:27 */ body { font-family: 'Open Sans', 'Arial', sans-serif; } @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../opensans/v20/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root { --columns: 6; } .section .baps .bav { width: calc(100% / 6); } @media( max-width: 1200px) { .section .baps[data-cols="10"] .bav, .section .baps[data-cols="9"] .bav { width: calc(100% / 7); } } @media( max-width: 1100px) { .section .baps[data-cols="10"] .bav2, .section .baps[data-cols="9"] .bav2, .section .baps[data-cols="8"] .bav2, .section .baps[data-cols="7"] .bav2, .section .baps[data-cols="6"] .bav2, .section .baps[data-cols="5"] .bav2 { width: calc(100% / 4); } } @media( max-width: 950px) { .section .baps[data-cols="10"] .bav, .section .baps[data-cols="9"] .bav { width: calc(100% / 5); } .section .baps[data-cols="8"] .bav, .section .baps[data-cols="7"] .bav, .section .baps[data-cols="6"] .bav { width: calc(100% / 4); } .section .baps[data-cols="8"] .bav2, .section .baps[data-cols="7"] .bav2, .section .baps[data-cols="6"] .bav2 { width: calc(100% / 3); } } @media( max-width: 750px) { .section .baps[data-cols="10"] .bav, .section .baps[data-cols="9"] .bav { width: calc(100% / 4); } .section .baps[data-cols="8"] .bav2, .section .baps[data-cols="7"] .bav2, .section .baps[data-cols="6"] .bav2, .section .baps[data-cols="5"] .bav2, .section .baps[data-cols="6"] .bav { width: calc(100% / 3); } } @media( max-width: 650px) { .section .baps[data-cols="10"] .bav, .section .baps[data-cols="9"] .bav, .section .baps[data-cols="8"] .bav, .section .baps[data-cols="7"] .bav, .section .baps[data-cols="6"] .bav, .section .baps[data-cols="5"] .bav, .section .baps[data-cols="4"] .bav, .section .baps[data-cols="3"] .bav { width: calc(100% / 3); } } /*-----3-----*/ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--baloo-2: Baloo 2;--wp--preset--font-family--fredoka: Fredoka;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-baloo-2-font-family{font-family: var(--wp--preset--font-family--baloo-2) !important;}.has-fredoka-font-family{font-family: var(--wp--preset--font-family--fredoka) !important;} /*---4---*/ .sb_search[type=text],.sb_submit[type=submit],.ratingBoxMovil button,.widget.widget_tag_cloud a,#main-site .error404 form input[type=text] {border-radius: 50px;}#header nav .menu>li>a::before,#header nav ul li.current-menu-item a,.section .bav2 a,.bloque-imagen,.section .bav1 a,.section .bav1 a::before,.app-s .buttond,.buttond,#list-downloadlinks li a.dapk_b,.app-s .s2 .meta-cats a,.app-s .readmore,#comments input[type=submit],.app-s .box h2.box-title::after,.app-p .box h2.box-title::after,.app-p .box, .app-s .box, .section.blog, .single-product .product,.entry.bx-info-install,.widget,.widget .wp-block-search .wp-block-search__input,.widget .search-form .search-field,.widget .search-form input[type=submit], .widget .wp-block-search .wp-block-search__button,.entry .wp-caption a, .section .bav2 img, .section.blog .bloques li a .bloque-imagen img,#box-report input[type=submit],#box-report .box-content,.botones_sociales span,.botones_sociales a,.tags a,#dasl,#comments input[type="text"], #comments input[type="email"], #comments input[type="url"], #comments textarea,.app-s .box-data-app,.bloque-blog,.bloque-blog .bloque-imagen img,.gsc-control-cse,.app-s .s2 .amount-app li,.b-type,.catbar li a {border-radius: 20px;}.searchBox ul li a .bloque-imagen {border-radius: 10px;}.section .bav1 .px-postmeta,#subheader.np {border-radius: 0 0 20px 20px;}.pagination .current, .pagination a {padding: 9px 15px;border-radius: 50px;}.section a.more {border-radius: 50px;}.app-s .image-single {border-radius: 25px;}#list-downloadlinks li a.dapk_b {padding-left: 56px;padding-right: 25px;}#slideimages .px-carousel-item img,#box-report textarea {border-radius: 10px;}table {border-radius: 20px;overflow: hidden;}#box-report .close-report {padding: 10px;}.amp-carousel-button {border-radius: 50px;}.pxccat, .widget > div:not(.wp-block-group) > ul {border-radius: 0 0 20px 20px;overflow: hidden;}.buttond i::before,.app-s .bx-download ul li a i::before {position: relative;left: 2px;}.pxtd {padding-top: 20px;}#main-site {padding-top: 80px;} #px-bottom-menu { display:none; } @media (max-width: 640px) { #px-bottom-menu { display: block; position: fixed; bottom: 0; width: 100%; z-index: 999; background: #1d222d; box-shadow: 0 -5px 10px rgba(0,0,0,.1); border-top: 2px solid #1bbc9b; } #px-bottom-menu ul { display: flex; justify-content: center; } #px-bottom-menu ul li { flex: 1; display: flex; align-items: end; } #px-bottom-menu ul li a { text-align: center; padding: 9px 5px; color: #FFF; display: block; width: 100%; font-size: 12px; border-bottom: 4px solid transparent; } #px-bottom-menu ul li a i { font-size: 23px; display: block; margin: 2px 0 5px; } #footer { padding-bottom: 65px; } } body, .wrapper-inside {color: #4c4c4c;background: #1d222d;}table thead th,#versiones table tbody > tr:nth-child(odd) td,.pxtd .table tr:nth-child(odd) td {background: rgba(255,255,255,0.05);}table tbody td,table tfoot td,table tfoot th,#versiones table tbody tr td {background: rgba(255,255,255,0.02);}#versiones table tbody tr td {background: transparent;}#header, #header menu .menu .sub-menu, #header menu .menu .sub-menu li a, #footer, #px-bottom-menu {background: #13161d;}.box-rating .rating {background-color: #7c7f84;}table td, table th, .box .box-title::before, .section.blog .bloques li, .section.blog .title-section, .box .comments-title, #versiones table thead tr th, #slideimages .item img, .pxtd .table td, .loading, .g-recaptcha::before {border-color: #232834;}html .section .bav2>a::before {background: rgb(31 34 39 / 30%);}html .section .bav a,.section a.more:hover,.section .bloque-blog, .widget .widget-content ul li:hover a::before,.w75.bloque-imagen.bi_ll, .pxtd .entry.bx-info-install,.fp_box a,.catbar li a {background-color: #282d3a;}table tr:nth-child(even), table tbody th {background: #252a37;}#versiones table thead tr th {background: #1f2430;}html .section .bav a,html .gsc-control-cse,.bloque-blog {box-shadow:2px 2px 2px 0px #1a1c1f;}.rating-loading {background-color:rgba(0,0,0,0.5);}a, a:hover, .botones_sociales.v2 a i, .app-s #download.box ul li a,#comments ol.comment-list .comment .comment-body > p,.box .box-title, .app-p .box h1.box-title, .app-p .box h2 #reply-title,.bav .title,h1.main-box-title, #subheader.np .searchBox ul li a,.section.blog .bloques li a.title, .section .bloque-blog a.title, .single-product .product, .single-product .product a, .single-product .product a:hover,.app-s .bx-download, .bxt, #breadcrumbs a:hover, #main-site .error404 h1, #main-site .error404 h2, .app-s .da-s b, .widget-title h2, .dl-verified, #comments ol.comment-list .trackback, #comments ol.comment-list .pingback, .widget a, .pxtd h3,.catbar li a {color: #FFF;}.px-carousel-nav .px-prev i, .px-carousel-nav .px-next i {color: #8a8a8a;}.entry, .section.blog .bloques li .excerpt, .app-s .entry,.app-s .box .box-content {color:#d4d4d4;}#comments ol.comment-list .comment .comment-body .reply a {color:#1bbc9b;}.app-s .box, #subheader.np, .section.blog, .app-p .box, .single-product .product {background: #282d3a;box-shadow: 2px 2px 2px 0px #1a1c1f;}.app-s .entry.bx-info-install {background: #303542;}.botones_sociales.v2 a, #comments textarea, #comments input[type=text], #comments input[type=email], #comments input[type=url], #comments textarea, .botones_sociales a {background: #1d222d;color: #FFF;}.pagination .page-numbers, .pagination .current, .section.blog .pagination .current, .section.blog .pagination .page-numbers {color:#FFF;background: #282d3a;}.wb .title, #comments ol.comment-list .comment .comment-body .comment-content p {color:#bfbfbf;}#subheader.np .searchBox ul,.widget {background:#1d222d;box-shadow:none;}.section .title-section, .widget .widget-title, .widget_block h2, .widget .widget-content ul li a,#slideimages .px-prev i, #slideimages .px-next i, .app-s .entry.bx-info-install {border-color: #282d3a;}#breadcrumbs,#breadcrumbs a,.wb .developer, .wb .app-date, .wb .version, .wb .size {color: #6d6d6d;}main .error404{color:#FFF;}main .error404 h1 {text-shadow: 10px 10px 8px rgba(0,0,0,0.4);}.entry blockquote {border-color: #4c5160;}.ratingBoxMovil .box-rating.movil {background: #252935;}.link-report {color: #bfbfbf;}.link-report:hover, .px-carousel-nav .px-prev i:hover, .px-carousel-nav .px-next i:hover {color: #FFF;}#box-report > div {color: #4c4c4c;}.wp-caption-text {background: rgba(0,0,0,0.1);color: #d8d2d2;}.app-s .entry.limit::before {background: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(40,45,58,1));background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(40,45,58,1));background: linear-gradient(to bottom,rgba(40,45,58,0),rgba(40,45,58,1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#282d3a",GradientType=0 );}.buttond:not(.danv):hover:not(.t):hover, .buttond.danv:hover, .buttond.t:hover, .app-s .s2 .meta-cats a:hover, .app-s .readmore:hover, .tags a:hover, #comments input[type=submit]:hover, .section a.more:hover, .sb_submit[type=submit]:hover, .widget.widget_tag_cloud a:hover, .bloque-imagen.bi_ll, #backtotop:hover, .botones_sociales.color span:hover, .botones_sociales.color a:hover, .widget .search-form input[type=submit]:hover, .widget .wp-block-search .wp-block-search__button:hover, #dl-telegram:hover, #dasl:not([disabled]):hover, .catbar li a:hover {background: #41495d;}.sdl-bar {background: rgba(0,0,0,0.2);}/*Woocommerce*/.select2-container {color:#000;}.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce #reviews #comments ol.commentlist li .comment-text, #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods,#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border-color: rgba(255,255,255,0.1);}#subheader.np .searchBox ul li a:hover,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,fieldset {background: rgba(255,255,255,0.1);}.woocommerce div.product .woocommerce-tabs ul.tabs li.active, fieldset legend {background: #282d3a;}.woocommerce div.product .woocommerce-tabs ul.tabs li a {color: rgba(255,255,255,0.3);}/**/@media screen and (max-width:500px){.botones_sociales li {border:none;}.app-s .box-data-app {background:#1d222d;}.app-s .da-s {border-bottom-color:#282d3a;}} html {scrollbar-color: #e85d9f transparent}html a,html #header nav .menu > li.menu-item-has-children > .sub-menu::before,html .section .bloque-blog a.title:hover,html .section.blog .bloques li a.title:hover,html .app-s .box .entry a,html .app-s .box .box-content a,html .app-p .box .entry a,html .app-s .rating-average b, html .app-s .da-s a,html .rlat .bav1 a:hover .title,html .ratingBoxMovil .rating-average b,html #comments ol.comment-list .comment .comment-body .reply a,html #wp-calendar td a,html .trackback a, html .pingback a,html .pxtd h3 i,html .spinvt .snt {color: #e85d9f;}html #header nav ul li.current-menu-item a,html #header nav .menu > li > a::before, html #header nav .menu > li.beforeactive > a::before,html #menu-mobile ul li a:hover,html body.nav_res #header nav ul.menu.active li a:hover, html body.nav_res #header nav ul.menu.active li a:hover i::before,html .sb_submit[type=submit],html #subheader.np .searchBox form button,html #subheader .np .social li a,html .section .bav1 a::after,html .pagination .page-numbers.current,html .pagination a.page-numbers:hover,html .section.blog .pagination .page-numbers.current,html .section.blog .pagination a.page-numbers:hover,html .section.blog .bloques li .excerpt .readmore a,html .section a.more,html .buttond,html .app-s .s2 .meta-cats a,html .app-s .readmore,html .tags a,html .box .box-title::after, html .box .comments-title::after,html #slideimages .si-prev i, html #slideimages .si-next i,html #comments input[type=submit],html .widget.widget_tag_cloud a,html .widget .search-form input[type=submit],html .widget .wp-block-search .wp-block-search__button,html main .error404 form button,html .ratingBoxMovil button,html #slideimages .px-prev i, html #slideimages .px-next i,html .section.blog .pagination .current,html .section.blog .pagination a:hover,html #box-report input[type=submit], #main-site .error404 form button,html .bld_,html #backtotop,html #dasl:not([disabled]),html .sdl-bar div {background: #e85d9f;}html ::-webkit-scrollbar-thumb {background: #e85d9f;}html #header,html #header nav .menu > li.menu-item-has-children > .sub-menu::before,html #subheader,html .section .bav a,html #footer,html #button_light_dark i, html .bloque-blog,html .spinvt .snv,html #px-bottom-menu,html #px-bottom-menu ul li a:hover,html #px-bottom-menu .current-menu-item a,html #px-bottom-menu .current_page_item a {border-color: #e85d9f;}html .loading {border-top-color: #e85d9f;} html .spinvt .snv {border-right-color: transparent;}html .loading, html .g-recaptcha::before {border-top-color: #e85d9f;}html .downloadAPK {background-color: #ff7cff;}.bloque-status.bs-new {background-color: #ff7ab7;}.bloque-status.bs-update {background-color: #19b934;}.rating .stars {background-color: #ff99ff;}.b-type {background-color: #967aff;} :root { /* Colores principales */ --c-pink: #e85d9f; --c-pink-light: #f07ec0; --c-pink-dark: #c4457d; --c-blue: #0088cc; --c-blue-light: #3ab5f0; --c-text: #2c2c2e; --c-bg: #f5eef4; /* Gradientes */ --g-pink: linear-gradient(135deg, var(--c-pink-light), var(--c-pink)); --g-pink-rev: linear-gradient(135deg, var(--c-pink), var(--c-pink-dark)); --g-blue: linear-gradient(135deg, var(--c-blue-light), var(--c-blue)); --g-insta: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); /* Transparencias del rosa */ --c-pink-a06: rgba(232, 93, 159, 0.06); --c-pink-a08: rgba(232, 93, 159, 0.08); --c-pink-a10: rgba(232, 93, 159, 0.10); --c-pink-a12: rgba(232, 93, 159, 0.12); --c-pink-a13: rgba(232, 93, 159, 0.13); --c-pink-a15: rgba(232, 93, 159, 0.15); --c-pink-a18: rgba(232, 93, 159, 0.18); --c-pink-a28: rgba(232, 93, 159, 0.28); --c-pink-a35: rgba(232, 93, 159, 0.35); --c-pink-a40: rgba(232, 93, 159, 0.40); /* Bordes */ --border-accent: 1px solid rgba(232, 93, 159, 0.18); --border-soft: 1px solid rgba(232, 93, 159, 0.14); /* Sombras */ --shadow-card: 0 2px 12px var(--c-pink-a06), 0 1px 3px rgba(0,0,0,0.04); --shadow-card-hover: 0 8px 24px rgba(232,93,159,0.14); --shadow-btn: 0 4px 16px var(--c-pink-a35), inset 0 1px 0 rgba(255,255,255,0.20); --shadow-btn-hover: 0 8px 22px rgba(232,93,159,0.46); /* Radios */ --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-card: 21px; --r-box: 20px; --r-pill: 999px; /* Glass */ --glass-white: rgba(255, 255, 255, 0.75); --glass-white-97: rgba(255, 255, 255, 0.97); --glass-white-96: rgba(255, 255, 255, 0.96); --glass-white-72: rgba(255, 255, 255, 0.72); --glass-blur-sm: blur(12px) saturate(180%); --glass-blur-md: blur(24px) saturate(180%); --glass-blur-lg: blur(32px) saturate(200%) brightness(1.06); /* Transición base */ --t: 0.18s ease; } /* ========================================================================== 1. BODY Y FONDO ========================================================================== */ body { background: var(--c-bg) !important; color: var(--c-text) !important; } .wrapper-inside { background: var(--c-bg) !important; position: relative !important; z-index: auto !important; padding-top: 0 !important; margin-top: 0 !important; } #header { z-index: 9999 !important; } .searchBox ul { z-index: 99999 !important; } /* ========================================================================== 2. COLOR ACENTO GLOBAL ========================================================================== */ a, .app-p .box .entry a, .app-s .box .box-content a, .app-s .box .entry a, .app-s .box .entry a:hover, .bloque-blog a.title:hover, .pingback a, .trackback a, .pxtd h3 i, .rlat .bav1 a:hover .title, .section.blog .bloques li a.title:hover, .app-s .rating-average b, .ratingBoxMovil .rating-average b, #wp-calendar td a, #comments .reply a, .spinvt .snt, #breadcrumbs a { color: var(--c-pink) !important } #breadcrumbs a:hover { color: var(--c-pink-dark) !important } /* Elementos con fondo rosa */ .app-s #dasl:not([disabled]), .app-s .readmore, .app-s .s2 .meta-cats a, .buttond, .pagination a:hover, .sb_submit[type=submit], .section .bav1 a::after, .section a.more, .section.blog .bloques li .excerpt .readmore a, .tags a, .widget.widget_tag_cloud a { background: var(--c-pink) !important } .widget a:hover, .breadcrumbs a:hover, .entry a:hover { text-decoration: underline !important } /* ========================================================================== 3. HEADER estilo glass ========================================================================== */ #header { transition: transform 0.35s ease, opacity 0.35s ease !important; } #header { background: rgba(250, 242, 249, 0.88) !important; backdrop-filter: var(--glass-blur-lg) !important; -webkit-backdrop-filter: var(--glass-blur-lg) !important; border-bottom: none !important; box-shadow: 0 4px 24px var(--c-pink-a18), 0 1px 0 rgba(255,255,255,0.60) !important; border: 1px solid var(--c-pink-a15) !important; overflow: visible !important; /* Lo que lo hace flotante */ position: fixed !important; top: 12px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100% - 32px) !important; max-width: 1100px !important; border-radius: var(--r-pill) !important; } #header .container, #header .logo, #header .logo a img { overflow: visible !important; position: relative !important; z-index: 1 !important; } #header nav a, #header nav ul li a, #header nav .menu-open, #header nav .menu li.menu-item-has-children > a::after { color: var(--c-text) !important } #header nav ul li.current-menu-item a { background: var(--c-pink) !important; border-radius: var(--r-sm) !important; color: #fff !important; } #header nav .menu li a::before { background: var(--c-pink) !important } /* Submenú desplegable */ #header nav .menu .sub-menu, #header nav .menu li.menu-item-has-children:hover .sub-menu { background: var(--glass-white-97) !important; backdrop-filter: var(--glass-blur-md) !important; -webkit-backdrop-filter: var(--glass-blur-md) !important; border-radius: var(--r-lg) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px var(--c-pink-a08) !important; /* border: 1px solid var(--c-pink-a12) !important; */ overflow: hidden !important; } #header nav .menu .sub-menu li a { background: transparent !important; color: var(--c-text) !important } #header nav .menu .sub-menu li a:hover { background: var(--c-pink-a10) !important; color: var(--c-pink) !important } #header nav .menu li.menu-item-has-children > .sub-menu::before { border-bottom-color: var(--glass-white-97) !important } /* Menú móvil */ #menu-mobile { background: var(--glass-white-97) !important; backdrop-filter: blur(28px) saturate(180%) !important; -webkit-backdrop-filter: blur(28px) saturate(180%) !important; box-shadow: -4px 0 32px rgba(0,0,0,0.12) !important; } #menu-mobile ul li a { color: var(--c-text) !important; border-top: 1px solid var(--c-pink-a08) !important; border-bottom: 1px solid rgba(232,93,159,0.05) !important; } #menu-mobile ul li.current-menu-item > a { color: var(--c-pink) !important; font-weight: 700 !important } #menu-mobile ul li.menu-item-has-children i { border-left-color: var(--c-pink-a10) !important } #menu-mobile ul.social { border-top: 1px solid var(--c-pink-a10) !important } #menu-mobile ul li a:hover { background: var(--c-pink-a10) !important; color: var(--c-pink) !important; } #header nav .menu-open { color: var(--c-pink) !important } /* ========================================================================== 4. SUBHEADER ========================================================================== */ #subheader { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; background: #efe8ef !important; color: #4a3a4a !important; border-bottom: 2px solid var(--c-pink-a18) !important; } #subheader .subcontainer { padding-top: 80px !important; } #subheader.np { background: transparent !important; border: none !important; box-shadow: none !important; } /* El espacio del header flotante se mete aquí, no en .np */ #subheader.np .searchBox, #subheader.np .social { margin-top: 82px !important; } @media (max-width: 768px) { #subheader.np .searchBox, #subheader.np .social { margin-top: 80px !important; } } /* ========================================================================== 5. BUSCADOR pill glass ========================================================================== */ .searchBox { width: 100% !important; max-width: 540px !important; margin: 40px auto 0 !important; padding: 0 16px !important; box-sizing: border-box !important; position: relative !important; z-index: 999 !important; } /* En páginas internas el margen superior se elimina */ .single .searchBox, .single-app .searchBox, .single-post .searchBox, .page .searchBox, .app-s .searchBox, .app-p .searchBox, #subheader.np .searchBox { margin-top: 0 !important } .searchBox form { overflow: visible !important; display: flex !important; align-items: center !important; background: var(--glass-white-96) !important; backdrop-filter: var(--glass-blur-sm) !important; -webkit-backdrop-filter: var(--glass-blur-sm) !important; border-radius: var(--r-pill) !important; padding: 5px 5px 5px 18px !important; box-shadow: 0 4px 20px var(--c-pink-a15), inset 0 1px 0 #fff !important; border: 1px solid var(--c-pink-a15) !important; width: 100% !important; box-sizing: border-box !important; height: auto !important; position: relative !important; z-index: 1000 !important; } .searchBox .sb_search[type=text], .sb_search[type=text] { float: none !important; flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 8px 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; font-size: 15px !important; outline: none !important; position: static !important; color: #333 !important; } html .sb_submit[type=submit], html .searchBox .sb_submit[type=submit] { flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; height: 40px !important; line-height: 40px !important; float: none !important; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 50% !important; background: var(--g-pink) !important; color: #fff !important; font-size: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; position: static !important; box-shadow: 0 2px 10px var(--c-pink-a40), inset 0 1px 0 rgba(255,255,255,0.30) !important; transition: transform var(--t), box-shadow var(--t) !important; } html .sb_submit[type=submit]:hover { transform: scale(1.07) !important; box-shadow: 0 4px 16px rgba(232,93,159,0.55) !important; } #subheader.np .searchBox form input[type=text] { background: transparent !important; box-shadow: none !important } #subheader.np .searchBox form button { background: var(--g-pink) !important } /* Dropdown de resultados */ .searchBox ul { position: absolute !important; top: calc(100% + 8px) !important; left: 16px !important; width: calc(100% - 32px) !important; max-height: 255px !important; overflow-y: auto !important; background: var(--glass-white-72) !important; backdrop-filter: blur(30px) saturate(190%) !important; -webkit-backdrop-filter: blur(30px) saturate(190%) !important; border-radius: var(--r-lg) !important; border: 1px solid var(--c-pink-a18) !important; box-shadow: 0 12px 40px rgba(232,93,159,0.14), 0 2px 10px rgba(0,0,0,0.06) !important; padding: 6px !important; z-index: 999999 !important; } .searchBox ul li a { background: transparent !important; color: var(--c-text) !important; border-radius: 0px !important; gap: 10px !important; } .searchBox ul li a:hover, #subheader.np .searchBox ul li a:hover { background: var(--c-pink-a10) !important } .searchBox ul li a .bloque-imagen { border-radius: var(--r-md) !important; overflow: hidden !important } .searchBox .b-type { border-radius: var(--r-pill) !important; background: var(--g-pink) !important; color: #fff !important } /* Buscador en widget lateral */ .widget .search-form .search-field, .widget .search-form input[type=text], .widget .wp-block-search input[type=search], .widget .wp-block-search .wp-block-search__input { border-radius: var(--r-md) !important; border: 1.5px solid var(--c-pink-a15) !important; background: #f7f4f9 !important; box-shadow: none !important; color: #333 !important; } @media (max-width: 650px) { html .sb_submit[type=submit] { flex: 0 0 36px !important; width: 36px !important; height: 36px !important; line-height: 36px !important; min-width: 36px !important; } } #subheader.np .searchBox { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } #subheader.np .social { flex: 0 0 auto !important; margin: 0 !important; } #subheader.np .searchBox form { height: 44px !important; padding: 4px 4px 4px 18px !important; } #subheader.np .searchBox .sb_submit[type=submit], #subheader.np .searchBox form button { flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; height: 34px !important; line-height: 34px !important; font-size: 14px !important; } @media (max-width: 650px) { #subheader.np .searchBox { width: 100% !important; padding: 0 6px !important; } } .searchBox ul:empty { display: none !important; visibility: hidden !important; } .searchBox ul li:empty { display: none !important; } /* ========================================================================== 6. TARJETAS Y CAJAS ========================================================================== */ /* * .app-s .box va SEPARADO con overflow:visible para no recortar el dropdown * del buscador en páginas de entrada individual. */ .app-s .box { border-radius: var(--r-box) !important; background: #fff !important; border: var(--border-accent) !important; box-shadow: var(--shadow-card) !important; overflow: visible !important; } /* El resto de cajas se­ pueden usar overflow:clip sin problema */ .app-p .box, .section.blog, .single-product .product, .widget { border-radius: var(--r-box) !important; background: #fff !important; border: var(--border-accent) !important; box-shadow: var(--shadow-card) !important; overflow: clip !important; } .widget .widget-title, .widget_block h2 { background: linear-gradient(135deg, var(--c-pink-a08), var(--c-pink-a06)) !important; border-bottom: 1.5px solid var(--c-pink-a13) !important; color: #333 !important; } .section .title-section { border-bottom: 2px solid var(--c-pink-a18) !important } .box .box-title::after { background: var(--g-pink) !important; height: 3px !important; border-radius: 2px !important; width: 45px !important; } /* Tarjetas bav1 */ .section .bav1 a { border-radius: var(--r-card) !important; border: var(--border-accent) !important; box-shadow: var(--shadow-card) !important; background: #fff !important; transition: transform var(--t), box-shadow var(--t), border-color var(--t) !important; } .section .bav1 a:hover { transform: translateY(-3px) !important; border-color: var(--c-pink-a28) !important; box-shadow: var(--shadow-card-hover) !important; } .section .bav1 a::after { background: var(--c-pink) !important } .section .bav1 a::before { background: rgba(232, 93, 159, 0.22) !important } /* Tarjetas bav2 */ .section .bav2 > a { border-radius: var(--r-card) !important; border: var(--border-accent) !important; box-shadow: var(--shadow-card) !important; background: #fff !important; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important; } .section .bav2 > a:hover { transform: translateX(4px) !important; border-color: var(--c-pink-a28) !important; box-shadow: 0 4px 18px rgba(232,93,159,0.14) !important; } .section .bav2 .bloque-imagen, .section .bav2 .bloque-imagen img { border-radius: var(--r-md) !important; overflow: hidden !important } .section .bav2 > a::before { background: rgba(232, 93, 159, 0.22) !important } /* Bloque blog */ .bloque-blog { border-radius: 18px !important; border: var(--border-accent) !important; box-shadow: var(--shadow-card) !important; background: #fff !important; overflow: hidden !important; } .bloque-blog:hover { border-color: var(--c-pink-a28) !important; box-shadow: 0 6px 20px var(--c-pink-a12) !important; } .bav .title { color: #222 !important; font-weight: 600 !important } .bav .app-date, .bav .developer, .bav .version, .bav .size { color: #777 !important } /* Datos de la app */ .app-s .data-app { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; } @media (max-width: 500px) { .app-s .data-app { background: rgba(255,255,255,0.80) !important; backdrop-filter: var(--glass-blur-sm) !important; -webkit-backdrop-filter: var(--glass-blur-sm) !important; border-radius: var(--r-box) !important; border: var(--border-accent) !important; box-shadow: 0 2px 12px var(--c-pink-a06) !important; } } .app-s .da-s strong, .app-s .da-s b { color: var(--c-text) !important; font-weight: 600 !important } .app-s .da-s a { color: var(--c-pink) !important } @media (max-width: 500px) { .app-s .da-s { border-bottom: var(--border-soft) !important } } @media (min-width: 501px) { .app-s .data-app { background: var(--c-pink-a06) !important; border-radius: 20px !important; padding: 10px 16px !important; } } /* Tabla de versiones */ #versiones table thead th { background: linear-gradient(135deg, var(--c-pink-a08), var(--c-pink-a06)) !important; border-bottom: 2px solid var(--c-pink-a15) !important; } /* Modales: rating, reporte e instalación */ .ratingBoxMovil .box-rating.movil { border-radius: var(--r-box) !important; border: var(--border-accent) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.22) !important; } #box-report .box-content { border-radius: var(--r-box) !important; border: var(--border-soft) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.14) !important; } .entry.bx-info-install { border-radius: var(--r-card) !important; background: rgba(248,244,252,0.90) !important; border: 1.5px solid var(--c-pink-a12) !important; } /* ========================================================================== 7. BOTONES DE DESCARGA ========================================================================== */ .buttond { display: flex !important; align-items: center !important; padding: 4px 20px 4px 4px !important; gap: 10px !important; border-radius: var(--r-pill) !important; background: var(--g-pink) !important; color: #fff !important; border: none !important; box-shadow: var(--shadow-btn) !important; transition: transform var(--t), box-shadow var(--t) !important; } .buttond, .buttond *, .buttond span { color: #fff !important } .buttond i { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; border-radius: 50% !important; background: rgba(255,255,255,0.28) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; position: static !important; border-right: none !important; margin: 0 !important; padding: 0 !important; } .buttond i::before { color: #fff !important; position: static !important } .buttond:not(.danv):hover { transform: translateY(-2px) !important; box-shadow: var(--shadow-btn-hover) !important } /* Variante azul (descarga directa) */ .buttond.danv { background: var(--g-blue) !important; box-shadow: 0 4px 14px rgba(0,136,204,0.34), inset 0 1px 0 rgba(255,255,255,0.20) !important; } .buttond.danv:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,136,204,0.46), inset 0 1px 0 rgba(255,255,255,0.20) !important; background: var(--g-blue) !important; } /* Variante Telegram */ .buttond.t { background: linear-gradient(135deg, #26a5e4, var(--c-blue)) !important; box-shadow: 0 4px 14px rgba(0,136,204,0.34), inset 0 1px 0 rgba(255,255,255,0.20) !important; } /* Variante YouTube */ .buttond.yt { background: linear-gradient(135deg, #ff4040, #c62a2a) !important; box-shadow: 0 4px 14px rgba(255,64,64,0.34), inset 0 1px 0 rgba(255,255,255,0.20) !important; } /* ========================================================================== 8. BOTONES DE ACCIÓN GENERALES ========================================================================== */ .section a.more, .app-s .readmore, #comments input[type=submit], .form-submit input[type=submit], #box-report input[type=submit], .widget .search-form input[type=submit], .widget .wp-block-search .wp-block-search__button, #subheader.np .searchBox form button, #dasl, .ratingBoxMovil button, #backtotop, #main-site .error404 form button { background: var(--g-pink) !important; color: #fff !important; border: none !important; border-radius: var(--r-pill) !important; } .section a.more:hover, .app-s .readmore:hover, #comments input[type=submit]:hover, .form-submit input[type=submit]:hover { background: var(--g-pink-rev) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(232,93,159,0.32) !important; } #backtotop { box-shadow: 0 4px 14px var(--c-pink-a40) !important; border-radius: 50% !important; } #backtotop:hover { background: var(--g-pink-rev) !important; transform: scale(1.10) !important } #dl-telegram { background: var(--g-blue) !important; border-radius: var(--r-pill) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 14px rgba(0,136,204,0.30) !important; } #dl-telegram:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(0,136,204,0.45) !important; background: var(--g-blue) !important; } #dasl:not([disabled]):hover { background: var(--g-pink-rev) !important; transform: translateY(-2px) !important } #dasl[disabled] { background: #ccc !important; box-shadow: none !important } #slideimages .px-next i, #slideimages .px-prev i { background: var(--g-pink) !important; border: 3px solid rgba(255,255,255,0.80) !important; box-shadow: 0 2px 10px var(--c-pink-a35) !important; } /* Indicadores de estado y carga */ .g-recaptcha::before, .loading { border-top-color: var(--c-pink) !important } #button_light_dark i { border-color: var(--c-pink) !important } .spinvt .snv { border-color: var(--c-pink) !important } .sdl-bar { border-radius: var(--r-pill) !important; background: var(--c-pink-a10) !important } .sdl-bar div { background: var(--g-pink) !important; border-radius: var(--r-pill) !important } .bloque-status.bs-new { background: var(--g-pink) !important } .bloque-status.bs-update { background: linear-gradient(135deg, #43e97b, #2ecc71) !important } @media (max-width: 640px) { #backtotop { bottom: 90px !important; /* sube por encima del menú flotante */ } } /* ========================================================================== 9. CATEGORÍAS, ETIQUETAS Y PILLS ========================================================================== */ .tags a, .app-s .s2 .meta-cats a, .widget.widget_tag_cloud a, .post-categories li a, .section.blog .bloques li .excerpt .readmore a, .catbar li a { border-radius: var(--r-pill) !important; background: var(--c-pink-a06) !important; color: var(--c-pink) !important; border: 1px solid var(--c-pink-a15) !important; transition: all 0.2s ease !important; box-shadow: none !important; } .tags a:hover, .app-s .s2 .meta-cats a:hover, .widget.widget_tag_cloud a:hover, .post-categories li a:hover, .catbar li a:hover { background: var(--g-pink) !important; color: #fff !important; border-color: transparent !important; transform: translateY(-2px) !important; box-shadow: 0 5px 14px var(--c-pink-a28) !important; } /* ========================================================================== 10. BOTONES COMPARTIR EN REDES SOCIALES ========================================================================== */ .botones_sociales a { border-radius: var(--r-pill) !important; background: #ede4ec !important; color: #5a3a52 !important; transition: transform var(--t), box-shadow var(--t) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important; border: 1px solid var(--c-pink-a15) !important; } .botones_sociales a i, .botones_sociales a i::before { color: #5a3a52 !important } .botones_sociales .facebook:hover, .botones_sociales.color .facebook { background: #1877f2 !important; color: #fff !important } .botones_sociales .twitter:hover, .botones_sociales.color .twitter { background: #000 !important; color: #fff !important } .botones_sociales .instagram:hover, .botones_sociales.color .instagram { background: var(--g-insta) !important; color: #fff !important } .botones_sociales .youtube:hover, .botones_sociales.color .youtube { background: #ff0000 !important; color: #fff !important } .botones_sociales .pinterest:hover, .botones_sociales.color .pinterest { background: #e60023 !important; color: #fff !important } .botones_sociales .telegram:hover, .botones_sociales.color .telegram { background: #26a5e4 !important; color: #fff !important } .botones_sociales .whatsapp:hover, .botones_sociales.color .whatsapp { background: #25d366 !important; color: #fff !important } .botones_sociales a:hover i, .botones_sociales a:hover i::before { color: #fff !important } .botones_sociales a:hover { transform: translateY(-2px) !important; filter: brightness(1.08) !important } /* Iconos sociales del subheader */ #subheader .social li a, #subheader.np .social li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; line-height: 1 !important; border-radius: 50% 20% 50% 20% / 20% 50% 20% 50% !important; box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important; transition: border-radius 0.4s ease, box-shadow 0.3s ease !important; } #subheader .social li a:hover, #subheader.np .social li a:hover { border-radius: 50% 20% 50% 20% / 20% 50% 20% 50% !important; box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important; } #subheader .social li a i, #subheader .social li a i::before, #subheader.np .social li a i, #subheader.np .social li a i::before { color: #fff !important; line-height: 1 !important } #subheader .social li a.facebook, #subheader.np .social li a.facebook { background: #1877f2 !important } #subheader .social li a.twitter, #subheader.np .social li a.twitter { background: #000 !important } #subheader .social li a.instagram, #subheader.np .social li a.instagram { background: var(--g-insta) !important } #subheader .social li a.youtube, #subheader.np .social li a.youtube { background: #ff0000 !important } #subheader .social li a.pinterest, #subheader.np .social li a.pinterest { background: #e60023 !important } #subheader .social li a.telegram, #subheader.np .social li a.telegram { background: #26a5e4 !important } /* ========================================================================== 11. PAGINACIÓN ========================================================================== */ .pagination .current, .pagination a { border-radius: var(--r-md) !important; border: 1.5px solid var(--c-pink-a15) !important; color: var(--c-text) !important; } .pagination .page-numbers.current, .pagination a:hover { background: var(--g-pink) !important; border-color: transparent !important; box-shadow: 0 3px 10px var(--c-pink-a35) !important; color: #fff !important; } .pagination .dots { background: transparent !important; border: none !important } /* ========================================================================== 12. COMENTARIOS ========================================================================== */ #comments textarea, #comments input[type=text], #comments input[type=email], #comments input[type=url] { background: #f7f4f9 !important; border: 1.5px solid var(--c-pink-a15) !important; border-radius: var(--r-md) !important; box-shadow: none !important; color: #333 !important; } #comments textarea:focus, #comments input:focus { border-color: rgba(232,93,159,0.50) !important; box-shadow: 0 0 0 3px var(--c-pink-a10) !important; background: #fff !important; } #comments ol.comment-list .comment .comment-body { border-bottom: var(--border-soft) !important } #box-report textarea, #box-report input[type=text], #box-report input[type=email], #box-report select { background: #f7f4f9 !important; border: 1.5px solid var(--c-pink-a15) !important; border-radius: var(--r-md) !important; box-shadow: none !important; color: #333 !important; } #box-report textarea:focus, #box-report input:focus, #box-report select:focus { border-color: rgba(232,93,159,0.50) !important; box-shadow: 0 0 0 3px var(--c-pink-a10) !important; background: #fff !important; } /* ========================================================================== 13. SCROLLBAR ========================================================================== */ html { scrollbar-color: var(--c-pink) transparent !important } ::-webkit-scrollbar { width: 6px !important; height: 6px !important } ::-webkit-scrollbar-track { background: transparent !important } ::-webkit-scrollbar-thumb { background: var(--g-pink) !important; border-radius: var(--r-pill) !important } /* ========================================================================== 14. FOOTER ========================================================================== */ #footer { background: #fdf0f8 !important; border-top: 2px solid var(--c-pink-a18) !important; box-shadow: 0 -2px 16px var(--c-pink-a08) !important; color: #444 !important; } #footer .container > ul { border-bottom: var(--border-soft) !important } #footer .widget { background: #fff !important; border: 1px solid var(--c-pink-a12) !important; border-radius: 14px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; } #footer .widget .widget-title, #footer .widget_block h2 { background: linear-gradient(135deg, var(--c-pink-a08), var(--c-pink-a06)) !important; border-bottom: 1.5px solid var(--c-pink-a12) !important; color: #333 !important; } #footer .widget ul li a, #footer .widget p, #footer a { color: #444 !important } #footer .widget ul li a:hover, #footer a:hover { color: var(--c-pink) !important; text-decoration: none !important } #footer .footer-bottom { background: var(--c-pink-a06) !important; border-top: var(--border-soft) !important; } #footer .footer-bottom .copy, #footer .footer-bottom .copy a, #footer .footer-bottom .copy ul li { color: #777 !important } /* Hover en listas de widgets del footer */ #footer .widget .widget-content ul li:hover a::before, #footer .widget .widget-content ul li a::before { background: rgba(232,93,159,0.07) !important } #footer .widget .wb .title { color: #222 !important } #footer .widget .bav .app-date, #footer .widget .bav .version, #footer .widget .bav .developer { color: #999 !important } #footer .widget .widget-content ul li a:hover .title { color: #e85d9f !important } /* Hover en listas de widgets del sidebar */ .widget .widget-content ul li a:hover::before { background: rgba(232,93,159,0.07) !important } /* ========================================================================== 15. MENÚ BOTTOM MÓVIL flotante ========================================================================== */ @media (max-width: 640px) { #px-bottom-menu { background: rgba(250, 242, 249, 0.94) !important; backdrop-filter: blur(24px) saturate(180%) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; box-shadow: 0 4px 24px var(--c-pink-a28), 0 1px 0 rgba(255,255,255,0.60) !important; border: 1px solid var(--c-pink-a15) !important; border-top: none !important; border-radius: var(--r-pill) !important; position: fixed !important; bottom: 16px !important; left: 50% !important; transform: translateX(-50%) !important; width: calc(100% - 32px) !important; /* mismo margen que el header en móvil */ max-width: 480px !important; /* tope razonable para móvil */ min-width: 0 !important; padding: 4px !important; margin: 0 !important; box-sizing: border-box !important; } /* El