1<!DOCTYPE html> 2<html lang="es"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Nosotros</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 8 9 <meta name="description" content="Fundación Maldita.es: periodismo, educación y tecnologÃa contra la desinformación."> 10 11 <link rel="canonical" href="https://fundacionmaldita.es/es/about"> 12 13 <link rel="alternate" hreflang="es" href="https://fundacionmaldita.es/es/about"> 14 <link rel="alternate" hreflang="en" href="https://fundacionmaldita.es/en/about"> 15 <link rel="alternate" hreflang="x-default" href="https://fundacionmaldita.es/es/about"> 16 17 <meta property="og:type" content="website"> 18 <meta property="og:site_name" content="Fundación Maldita.es"> 19 <meta property="og:title" content="Nosotros"> 20 <meta property="og:url" content="https://fundacionmaldita.es/es/about"> 21 <meta property="og:image" content="https://maldita.es/images/logos/maldita_logo_cuadrado.webp"> <meta name="twitter:card" content="summary_large_image"> 22 23 <link rel="icon" type="image/png" href="/images/favicon-32x32.png"> 24 <link rel="stylesheet" href="/build/877.b1a5ca43.css"><link rel="stylesheet" href="/build/app.fce66359.css"> 25 <link rel="stylesheet" href="/build/tailwind.75ddc6dd.css"> 26 27
27<script src="/build/runtime.ced75ccf.js" defer></script>
27<script src="/build/877.de5c4bce.js" defer></script>
27<script src="/build/app.72b944cd.js" defer></script>
27 28 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31 <link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet"> 32 <style> 33#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:'Archivo',sans-serif;--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#12111E;--cc-primary-color:#fff;--cc-secondary-color:#d1d1d6;--cc-btn-primary-bg:#FCE76C;--cc-btn-primary-color:#12111E;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#e5d261;--cc-btn-primary-hover-color:#12111E;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#4D4D56;--cc-btn-secondary-color:#fff;--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#5e5e68;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:#5e5e68;--cc-separator-border-color:#4D4D56;--cc-toggle-on-bg:#FCE76C;--cc-toggle-off-bg:#4D4D56;--cc-toggle-on-knob-bg:#12111E;--cc-toggle-off-knob-bg:#fff;--cc-toggle-enabled-icon-color:#12111E;--cc-toggle-disabled-icon-color:#fff;--cc-toggle-readonly-bg:#3a3a44;--cc-toggle-readonly-knob-bg:#d1d1d6;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1c1b2e;--cc-cookie-category-block-bg:#1c1b2e;--cc-cookie-category-block-border:#1c1b2e;--cc-cookie-category-block-hover-bg:#252438;--cc-cookie-category-block-hover-border:#252438;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#252438;--cc-overlay-bg:rgba(18,17,30,.7);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#1c1b2e;--cc-footer-color:#d1d1d6;--cc-footer-border-color:#4D4D56;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}
33#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}
33#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);
33display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}
33#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}
33#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}} 34 35</style> 36 37 </head> 38 <body> 39 <div id="body-content" class="about-page"> 40 <header class="fixed top-0 left-0 right-0 z-50 bg-gradient-to-r from-[#12111E] to-black border-b border-yellow-400/10 backdrop-blur-xl transition-all duration-300" id="header"> 41 <div class="max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6 lg:px-8 py-3 lg:py-4 relative"> 42 <!-- Logo --> 43 <a href="/es/" class="flex items-center transition-transform hover:-translate-y-0.5"> 44 <img src="/images/fundacion_white.png" alt="Fundación Maldita" class="h-12 sm:h-14 w-auto"> 45 </a> 46 47 <!-- Navegación Principal --> 48 <nav class="hidden lg:flex items-center gap-8"> 49 <ul class="flex list-none gap-0 items-center m-0 p-0 bg-white/5 rounded-full p-2 backdrop-blur-lg border border-yellow-400/10"> 50 <li class="relative group"> 51 <a href="/es/about" class="text-[#12111E] bg-gradient-to-r from-yellow-400 to-yellow-500/90 shadow-md shadow-yellow-400/40 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center gap-1.5 whitespace-nowrap group-hover:-translate-y-0.5 group-hover:shadow-lg group-hover:shadow-yellow-400/30"> 52 Nosotros <span class="text-xs transition-transform duration-300 group-hover:rotate-180">â¼</span> 53 </a> 54 <div class="absolute top-full left-0 bg-gradient-to-b from-[#12111E] to-[#1a1929] border border-yellow-400/20 rounded-xl shadow-2xl min-w-[240px] mt-2 opacity-0 invisible -translate-y-2.5 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-50 py-2"> 55 <a href="/es/about#mission" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Misión</a> 56 <a href="/es/about#independence" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Valores</a> 57 <a href="/es/about#board" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Liderazgo</a> 58 <a href="/es/about#projects" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Marcas PeriodÃsticas</a> 59 <a href="/es/about#transparency" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Nuestras Cuentas</a> 60 <a href="/es/about#team" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Nuestro Equipo</a> 61 <a href="/es/about#certifications" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Certificaciones y redes</a> 62 </div> 63 </li> 64 <li class="relative group"> 65 <a href="/es/what-we-do" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center gap-1.5 whitespace-nowrap group-hover:-translate-y-0.5 group-hover:shadow-lg group-hover:shadow-yellow-400/30"> 66 Qué Hacemos <span class="text-xs transition-transform duration-300 group-hover:rotate-180">â¼</span> 67 </a> 68 <div class="absolute top-full left-0 bg-gradient-to-b from-[#12111E] to-[#1a1929] border border-yellow-400/20 rounded-xl shadow-2xl min-w-[240px] mt-2 opacity-0 invisible -translate-y-2.5 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-50 py-2"> 69 <a href="/es/what-we-do#citizen-collaboration" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Colaboración Ciudadana</a> 70 <a href="/es/what-we-do#journalism" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Periodismo e Investigación</a> 71 <a href="/es/what-we-do#technology" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Desarrollo Tecnológico</a> 72 <a href="/es/what-we-do#policy" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">PolÃticas Públicas</a> 73 <a href="/es/what-we-do#education" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Educación</a> 74 <a href="/es/what-we-do#cooperation" class="block text-white/80 hover:text-white hover:bg-yellow-400/10 px-4 py-2.5 text-sm font-medium transition-all duration-200 border-l-3 border-transparent hover:border-yellow-400">Sostenibilidad y Cooperación</a> 75 </div> 76 </li> 77 <li> 78 <a href="/es/projects" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Proyectos</a> 79 </li> 80 <li> 81 <a href="/es/services" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Servicios</a> 82 </li> 83 <li> 84 <a href="/es/impact" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Impacto</a> 85 </li> 86 <li> 87 <a href="/es/news" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Noticias</a> 88 </li> 89 <li> 90 <a href="/es/careers" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Empleos</a> 91 </li> 92 <li> 93 <a href="/es/contact" class="text-white/80 hover:text-[#12111E] hover:bg-yellow-400/90 font-semibold text-sm px-4 py-2.5 rounded-full transition-all duration-300 flex items-center whitespace-nowrap hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/30">Contacto</a> 94 </li> 95 </ul> 96 </nav> 97 98 <!-- Acciones --> 99 <div class="flex items-center gap-3 sm:gap-6"> 100 <!-- Selector de idioma --> 101 <select class="lang-selector bg-transparent border sm:border-2 border-yellow-400/40 text-yellow-400 px-2 sm:px-4 py-1.5 sm:py-2 rounded-lg text-xs sm:text-sm font-bold cursor-pointer transition-all uppercase tracking-wide min-w-[50px] sm:min-w-[70px] text-center hover:bg-yellow-400/10 hover:border-yellow-400 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-yellow-400/25" onchange="changeLanguage(this.value)"> 102 <option value="en" >EN</option> 103 <option value="es" selected>ES</option> 104 </select> 105 </div> 106 107 <!-- Mobile Menu Toggle --> 108 <button class="mobile-menu-toggle flex lg:hidden flex-col cursor-pointer p-2 sm:p-2.5 rounded-lg transition-all bg-white/5 border border-yellow-400/20 hover:bg-yellow-400/10" onclick="toggleMobileMenu()" aria-label="Menu">
109 <span class="w-5 sm:w-6 h-0.5 bg-white my-0.5 rounded transition-all duration-300" id="hamburger-top"></span> 110 <span class="w-5 sm:w-6 h-0.5 bg-white my-0.5 rounded transition-all duration-300" id="hamburger-middle"></span> 111 <span class="w-5 sm:w-6 h-0.5 bg-white my-0.5 rounded transition-all duration-300" id="hamburger-bottom"></span> 112 </button> 113 </div> 114 115 <!-- Mobile Menu --> 116 <div class="mobile-menu lg:hidden absolute top-full left-0 right-0 bg-gradient-to-b from-[#12111E] to-black border-t border-yellow-400/20 opacity-0 invisible -translate-y-5 transition-all duration-300 max-h-[calc(100vh-60px)] overflow-y-auto" id="mobileMenu"> 117 <ul class="mobile-nav-menu list-none py-2 sm:py-4"> 118 <li> 119 <a href="javascript:void(0)" onclick="toggleSubmenu(event, 'aboutSubmenu')" class="block text-yellow-400 bg-yellow-400/10 border-yellow-400 px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400 flex justify-between items-center"> 120 <span>Nosotros</span> 121 <span class="transition-transform duration-300" id="aboutSubmenu-arrow">â¼</span> 122 </a> 123 <ul class="mobile-nav-submenu list-none bg-black/30 hidden" id="aboutSubmenu"> 124 <li><a href="/es/about#mission" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Misión</a></li> 125 <li><a href="/es/about#independence" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Valores</a></li> 126 <li><a href="/es/about#board" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Liderazgo</a></li> 127 <li><a href="/es/about#projects" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Marcas PeriodÃsticas</a></li> 128 <li><a href="/es/about#transparency" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Nuestras Cuentas</a></li> 129 <li><a href="/es/about#team" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Nuestro Equipo</a></li> 130 <li><a href="/es/about#certifications" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Certificaciones y redes</a></li> 131 </ul> 132 </li> 133 <li> 134 <a href="javascript:void(0)" onclick="toggleSubmenu(event, 'whatWeDoSubmenu')" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400 flex justify-between items-center"> 135 <span>Qué Hacemos</span> 136 <span class="transition-transform duration-300" id="whatWeDoSubmenu-arrow">â¼</span> 137 </a> 138 <ul class="mobile-nav-submenu list-none bg-black/30 hidden" id="whatWeDoSubmenu"> 139 <li><a href="/es/what-we-do#citizen-collaboration" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Colaboración Ciudadana</a></li> 140 <li><a href="/es/what-we-do#journalism" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Periodismo e Investigación</a></li> 141 <li><a href="/es/what-we-do#technology" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Desarrollo Tecnológico</a></li> 142 <li><a href="/es/what-we-do#policy" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">PolÃticas Públicas</a></li> 143 <li><a href="/es/what-we-do#education" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Educación</a></li> 144 <li><a href="/es/what-we-do#cooperation" class="block text-white/70 hover:text-yellow-400 px-10 sm:px-12 py-2 sm:py-2.5 text-xs sm:text-sm transition-all border-l-2 border-transparent hover:border-yellow-400/50">Sostenibilidad y Cooperación</a></li> 145 </ul> 146 </li> 147 <li><a href="/es/projects" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Proyectos</a></li> 148 <li><a href="/es/services" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Servicios</a></li> 149 <li><a href="/es/impact" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Impacto</a></li> 150 <li><a href="/es/news" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Noticias</a></li> 151 <li><a href="/es/careers" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Empleos</a></li> 152 <li><a href="/es/contact" class="block text-white/80 hover:text-yellow-400 border-transparent px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-medium transition-all border-l-4 hover:bg-yellow-400/10 hover:border-yellow-400">Contacto</a></li> 153 </ul> 154 </div> 155</header> 156
157<script> 158 // Header scroll effect 159 window.addEventListener('scroll', function() { 160 const header = document.getElementById('header'); 161 if (window.scrollY > 50) { 162 header.classList.add('bg-[#12111E]/95', 'shadow-xl'); 163 } else { 164 header.classList.remove('bg-[#12111E]/95', 'shadow-xl'); 165 } 166 }); 167 168 // Toggle mobile menu 169 function toggleMobileMenu() { 170 const mobileMenu = document.getElementById('mobileMenu'); 171 const hamburgerTop = document.getElementById('hamburger-top'); 172 const hamburgerMiddle = document.getElementById('hamburger-middle'); 173 const hamburgerBottom = document.getElementById('hamburger-bottom'); 174 175 const isOpen = !mobileMenu.classList.contains('opacity-0'); 176 177 if (isOpen) { 178 closeMobileMenu(); 179 } else { 180 // Open menu 181 mobileMenu.classList.remove('opacity-0', 'invisible', '-translate-y-5'); 182 mobileMenu.classList.add('opacity-100', 'visible', 'translate-y-0'); 183 184 // Transform to X icon 185 hamburgerTop.classList.add('rotate-45', 'translate-y-1.5'); 186 hamburgerMiddle.classList.add('opacity-0'); 187 hamburgerBottom.classList.add('-rotate-45', '-translate-y-1.5'); 188 } 189 } 190 191 // Close mobile menu function 192 function closeMobileMenu() { 193 const mobileMenu = document.getElementById('mobileMenu'); 194 const hamburgerTop = document.getElementById('hamburger-top'); 195 const hamburgerMiddle = document.getElementById('hamburger-middle'); 196 const hamburgerBottom = document.getElementById('hamburger-bottom'); 197 198 // Close menu 199 mobileMenu.classList.add('opacity-0', 'invisible', '-translate-y-5'); 200 mobileMenu.classList.remove('opacity-100', 'visible', 'translate-y-0'); 201 202 // Reset hamburger icon 203 hamburgerTop.classList.remove('rotate-45', 'translate-y-1.5'); 204 hamburgerMiddle.classList.remove('opacity-0'); 205 hamburgerBottom.classList.remove('-rotate-45', '-translate-y-1.5'); 206 } 207 208 // Close menu when clicking outside 209 document.addEventListener('click', function(event) { 210 const mobileMenu = document.getElementById('mobileMenu'); 211 const mobileMenuButton = document.querySelector('button[onclick="toggleMobileMenu()"]'); 212 213 if (!mobileMenu || !mobileMenuButton) return; 214 215 const isOpen = !mobileMenu.classList.contains('opacity-0'); 216 const clickedInsideMenu = mobileMenu.contains(event.target); 217 const clickedOnButton = mobileMenuButton.contains(event.target); 218 219 if (isOpen && !clickedInsideMenu && !clickedOnButton) { 220 closeMobileMenu(); 221 } 222 }); 223 224 // Toggle submenu in mobile 225 function toggleSubmenu(event, submenuId) { 226 event.preventDefault(); 227 const submenu = document.getElementById(submenuId); 228 const arrow = document.getElementById(submenuId + '-arrow'); 229 230 if (submenu) { 231 submenu.classList.toggle('hidden'); 232 if (arrow) { 233 arrow.classList.toggle('rotate-180'); 234 } 235 } 236 } 237 238 // Language selector functionality 239 function changeLanguage(locale) { 240 // Get current path 241 let currentPath = window.location.pathname; 242 243 // Remove the locale prefix if it exists 244 currentPath = currentPath.replace(/^\/(es|en)/, ''); 245 246 // If we're at the root, redirect to home with new locale 247 if (currentPath === '' || currentPath === '/') { 248 window.location.href = '/' + locale + '/'; 249 } else { 250 window.location.href = '/' + locale + currentPath; 251 } 252 } 253 254 // Close dropdowns when clicking outside 255 document.addEventListener('click', function(event) { 256 const dropdowns = document.querySelectorAll('[class*="group"] .absolute'); 257 dropdowns.forEach(dropdown => { 258 if (!dropdown.parentElement.contains(event.target)) { 259 dropdown.classList.add('opacity-0', 'invisible', '-translate-y-2.5'); 260 } 261 }); 262 263 // Close user dropdown 264 const userDropdown = document.getElementById('dropdown-menu'); 265 if (userDropdown && !document.getElementById('dropdown-container').contains(event.target)) { 266 userDropdown.classList.add('hidden'); 267 } 268 }); 269</script>
269 270 <!-- Page Header --> 271 <section class="bg-gradient-to-br from-[#12111E] to-black text-white py-20 pt-32 sm:py-24 sm:pt-36 lg:py-32 lg:pt-40 relative overflow-hidden"> 272 <!-- Fondo con patrón de grid --> 273 <div class="absolute inset-0 opacity-30 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDEwIDAgTCAwIDAgMCAxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjAuNCIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjZ3JpZCkiIC8+PC9zdmc+')]"></div> 274 275 <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center"> 276 <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-[#FCE76C] mb-4 sm:mb-6 leading-tight">Nosotros</h1> 277 <p class="text-base sm:text-lg lg:text-xl opacity-90 max-w-3xl mx-auto mb-6 sm:mb-8 lg:mb-10 leading-relaxed">Combinando tecnologÃa avanzada, participación ciudadana, periodismo basado en evidencia e incidencia polÃtica para proteger la integridad de la información</p> 278 </div> 279 </section> 280 281 <!-- Mission Section --> 282 <section class="py-12 sm:py-16 lg:py-24" id="mission"> 283 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 284 <div class="flex flex-col lg:flex-row gap-8 sm:gap-12 lg:gap-16 items-stretch"> 285 <div class="lg:w-1/2 fade-in-up"> 286 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-6 sm:mb-8">Nuestra Misión</h2> 287 <p class="text-sm sm:text-base lg:text-lg text-[#4D4D56] mb-4 sm:mb-6 leading-relaxed">La Fundación Maldita.es existe para equipar a la sociedad a todos los niveles â desde legisladores a ciudadanÃa, pasando por periodistas, plataformas digitales y educadoresâ con herramientas, capacidades y contenidos basados en evidencia para fomentar un ecosistema mediático e informativo más resiliente y confiable. Lo hacemos con periodismo, tecnologÃa, educación, investigación e incidencia en polÃticas públicas.</p> 288 <p class="text-sm sm:text-base lg:text-lg text-[#4D4D56] mb-4 sm:mb-6 leading-relaxed">Monitorizamos, identificamos y evaluamos amenazas que socavan la integridad informativa y la seguridad del ecosistema. Para ello, la Fundación desarrolla herramientas tecnológicas propias y genera evidencia procesable para que los diferentes actores involucrados en el proceso puedan tomar decisiones en base a datos verificados y evidencia cientÃfica.</p> 289 <p class="text-sm sm:text-base lg:text-lg text-[#4D4D56] leading-relaxed">Entendemos nuestro trabajo desde la escucha de las necesidades de la ciudadanÃa: nos hace preguntas y respondemos con datos, hechos y evidencia para que pueda tomar sus propias decisiones informadas.</p> 290 </div> 291 <div class="lg:w-1/2 flex flex-col justify-center fade-in-up"> 292 <div class="bg-gradient-to-br from-[#FCE76C] to-[#E8D147] p-6 sm:p-8 lg:p-10 rounded-xl sm:rounded-2xl text-[#12111E] text-center flex flex-col justify-center"> 293 <h3 class="text-xl sm:text-2xl lg:text-3xl font-bold mb-4 sm:mb-6">Construyendo Confianza</h3> 294 <p class="text-sm sm:text-base lg:text-lg">Nuestros resultados están respaldados por equipos especializados, herramientas tecnológicas de vanguardia y una extensa comunidad que colabora con nosotros en fortalecer la integridad informativa.</p> 295 </div> 296 </div> 297 </div> 298 </div> 299 </section> 300 301 <!-- Independence Section --> 302 <section class="py-12 sm:py-16 lg:py-24 bg-gray-50" id="independence"> 303 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 304 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-8 sm:mb-12 lg:mb-16 text-center">Nuestros Valores</h2> 305 306 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 lg:gap-8"> 307 <div class="bg-white p-6 sm:p-8 rounded-xl sm:rounded-2xl shadow-lg border-l-4 border-[#FCE76C] fade-in-up"> 308 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-12 h-12 sm:w-14 sm:h-14 flex items-center justify-center text-xl sm:text-2xl mb-4 sm:mb-6">ðï¸</div> 309 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Transparencia</h3> 310 <p class="text-sm sm:text-base text-[#4D4D56]">Hacemos públicos nuestros métodos, hallazgos y financiación para que tanto nuestra comunidad como nuestros socios puedan fiscalizar nuestro trabajo.</p> 311 </div> 312 313 <div class="bg-white p-8 rounded-2xl shadow-lg border-l-4 border-[#FCE76C] fade-in-up"> 314 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-14 h-14 flex items-center justify-center text-2xl mb-6">âï¸</div> 315 <h3 class="text-xl font-bold text-[#12111E] mb-4">Independencia, apartidismo y neutralidad</h3> 316 <p class="text-[#4D4D56]">Protegemos nuestro trabajo de intereses polÃticos, comerciales o institucionales. Nuestro código ético, metodologÃas y polÃticas de apartidismo buscan mitigar nuestros propios sesgos para que sólo tengan cabida datos y hechos contrastados.</p> 317 </div> 318 319 <div class="bg-white p-8 rounded-2xl shadow-lg border-l-4 border-[#FCE76C] fade-in-up"> 320 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-14 h-14 flex items-center justify-center text-2xl mb-6">ð</div> 321 <h3 class="text-xl font-bold text-[#12111E] mb-4">Colaboración</h3> 322 <p class="text-[#4D4D56]">Creemos que sólo trabajando con los actores implicados en el ecosistema informativo podemos construir resiliencia efectiva ante las amenazas a la integridad de la información.</p> 323 </div> 324 325 <div class="bg-white p-8 rounded-2xl shadow-lg border-l-4 border-[#FCE76C] fade-in-up"> 326 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-14 h-14 flex items-center justify-center text-2xl mb-6">ð¤</div> 327 <h3 class="text-xl font-bold text-[#12111E] mb-4">Basados en Evidencia</h3> 328 <p class="text-[#4D4D56]">Cada conclusión, recomendación y recurso que compartimos está fundamentado en investigación rigurosa y datos y hechos verificables.</p> 329 </div> 330 </div> 331 </div> 332 </section> 333 334 <!-- Our Approach Section --> 335 <section class="py-12 sm:py-16 lg:py-24 bg-[#12111E] text-white"> 336 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 337 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-white mb-4 sm:mb-6 text-center">Nuestros pilares de acción</h2> 338 <p class="text-center text-base sm:text-lg lg:text-xl text-white/80 mb-12 sm:mb-16 max-w-4xl mx-auto"> 339 Combinamos tecnologÃa avanzada y redes colaborativas para lograr un impacto real en la integridad informativa 340 </p> 341 342 <!-- Assets Row --> 343 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 mb-12 sm:mb-16"> 344 <!-- Technology Card --> 345 <div class="bg-white/5 border-l-4 sm:border-l-[5px] border-[#00A693] rounded-xl sm:rounded-2xl p-6 sm:p-8 backdrop-blur-sm transition-all duration-300 hover:bg-white/8 hover:-translate-y-1 hover:shadow-xl hover:shadow-[#00A693]/20"> 346 <h3 class="text-xl sm:text-2xl font-bold text-[#00A693] mb-4 sm:mb-6">Desarrollo tecnológico y datos</h3> 347 <p class="text-sm sm:text-base text-white/90 mb-4 sm:mb-6 font-medium leading-relaxed"> 348 Trabajamos en alianza con la tecnologÃa, aprovechando herramientas avanzadas internas y sistemas de datos robustos para apoyar la detección, análisis y respuesta a la desinformación a escala. 349 </p> 350 <ul class="space-y-3 sm:space-y-4"> 351 <li class="flex items-start text-sm sm:text-base text-white/80 leading-relaxed">
352 <span class="text-[#00A693] font-bold text-lg sm:text-xl mr-3 sm:mr-4 mt-0.5">â</span> 353 <span><strong class="text-white font-semibold">Infraestructura tecnológica de vanguardia:</strong> Nuestras herramientas de chatbots e Inteligencia Artificial, sistemas de bases de datos centralizadas y análisis automatizado de narrativas nos permiten, junto a nuestros socios, rastrear, analizar y responder a la desinformación en tiempo real.</span> 354 </li> 355 <li class="flex items-start text-sm sm:text-base text-white/80 leading-relaxed"> 356 <span class="text-[#00A693] font-bold text-lg sm:text-xl mr-3 sm:mr-4 mt-0.5">â</span> 357 <span><strong class="text-white font-semibold">Enfoque basado en datos:</strong> Cada acción que tomamos está informada por conjuntos de datos enriquecidos y continuamente actualizados, construidos con contribuciones comunitarias y mejorados con ayuda de la tecnologÃa.</span> 358 </li> 359 </ul> 360 </div> 361 362 <!-- Community Card --> 363 <div class="bg-white/5 border-l-4 sm:border-l-[5px] border-[#00A693] rounded-xl sm:rounded-2xl p-6 sm:p-8 backdrop-blur-sm transition-all duration-300 hover:bg-white/8 hover:-translate-y-1 hover:shadow-xl hover:shadow-[#00A693]/20"> 364 <h3 class="text-xl sm:text-2xl font-bold text-[#00A693] mb-4 sm:mb-6">Comunidad y alianzas</h3> 365 <p class="text-sm sm:text-base text-white/90 mb-4 sm:mb-6 font-medium leading-relaxed"> 366 Creemos en la acción colectiva para construir un entorno de información resiliente y basado en hechos. 367 </p> 368 <ul class="space-y-3 sm:space-y-4"> 369 <li class="flex items-start text-sm sm:text-base text-white/80 leading-relaxed"> 370 <span class="text-[#00A693] font-bold text-lg sm:text-xl mr-3 sm:mr-4 mt-0.5">â</span> 371 <span><strong class="text-white font-semibold">Comunidad activa y comprometida:</strong> Contamos con una extensa comunidad ciudadana que contribuye activamente al monitoreo de desinformación, verificación de contenido y amplificación de información confiable.</span> 372 </li> 373 <li class="flex items-start text-sm sm:text-base text-white/80 leading-relaxed"> 374 <span class="text-[#00A693] font-bold text-lg sm:text-xl mr-3 sm:mr-4 mt-0.5">â</span> 375 <span><strong class="text-white font-semibold">EspÃritu colaborativo:</strong> Priorizamos las alianzas sobre la competencia, trabajando con una red diversa de medios de comunicación, organizaciones de verificación, educadores e investigadores.</span> 376 </li> 377 <li class="flex items-start text-sm sm:text-base text-white/80 leading-relaxed"> 378 <span class="text-[#00A693] font-bold text-lg sm:text-xl mr-3 sm:mr-4 mt-0.5">â</span> 379 <span><strong class="text-white font-semibold">Redes multisectoriales e internacionales:</strong> Construimos redes transfronterizas y multisectoriales en investigación, medios, educación, sociedad civil y sectores de polÃticas para intercambiar herramientas, habilidades y conocimientos y fortalecer el impacto de nuestro trabajo.</span> 380 </li> 381 </ul> 382 </div> 383 </div> 384 385 <!-- Results Section --> 386 <div class="bg-white/[0.03] border-2 border-[#A0826D]/30 rounded-2xl sm:rounded-3xl p-6 sm:p-8 lg:p-12"> 387 <div class="text-center mb-8 sm:mb-10"> 388 <h3 class="text-2xl sm:text-3xl font-bold text-[#A0826D] mb-2 sm:mb-3">Lo que logramos</h3> 389 <p class="text-sm sm:text-base text-white/70">
389Nuestras cuatro áreas de acción estratégica</p> 390 </div> 391 392 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6"> 393 <div class="bg-white/5 border-2 border-[#A0826D]/30 rounded-xl sm:rounded-2xl p-4 sm:p-6 text-center flex items-center justify-center min-h-[100px] sm:min-h-[120px] transition-all duration-300 hover:border-[#A0826D] hover:bg-white/8 hover:-translate-y-1 hover:shadow-lg hover:shadow-[#A0826D]/20"> 394 <h4 class="text-sm sm:text-base text-[#FCE76C] font-semibold leading-snug">Monitorizar, investigar y evaluar amenazas contra la integridad informativa</h4> 395 </div> 396 397 <div class="bg-white/5 border-2 border-[#A0826D]/30 rounded-xl sm:rounded-2xl p-4 sm:p-6 text-center flex items-center justify-center min-h-[100px] sm:min-h-[120px] transition-all duration-300 hover:border-[#A0826D] hover:bg-white/8 hover:-translate-y-1 hover:shadow-lg hover:shadow-[#A0826D]/20"> 398 <h4 class="text-sm sm:text-base text-[#FCE76C] font-semibold leading-snug">Comunicar, adaptar y amplificar la información verificada</h4> 399 </div> 400 401 <div class="bg-white/5 border-2 border-[#A0826D]/30 rounded-xl sm:rounded-2xl p-4 sm:p-6 text-center flex items-center justify-center min-h-[100px] sm:min-h-[120px] transition-all duration-300 hover:border-[#A0826D] hover:bg-white/8 hover:-translate-y-1 hover:shadow-lg hover:shadow-[#A0826D]/20"> 402 <h4 class="text-sm sm:text-base text-[#FCE76C] font-semibold leading-snug">Educar y capacitar para la integridad informativa</h4> 403 </div> 404 405 <div class="bg-white/5 border-2 border-[#A0826D]/30 rounded-xl sm:rounded-2xl p-4 sm:p-6 text-center flex items-center justify-center min-h-[100px] sm:min-h-[120px] transition-all duration-300 hover:border-[#A0826D] hover:bg-white/8 hover:-translate-y-1 hover:shadow-lg hover:shadow-[#A0826D]/20"> 406 <h4 class="text-sm sm:text-base text-[#FCE76C] font-semibold leading-snug">Activar y abogar por acción basada en evidencia</h4> 407 </div> 408 </div> 409 </div> 410 </div> 411 </section> 412 413 <!-- Organization Structure Section --> 414 <section class="py-12 sm:py-16 lg:py-24" id="board"> 415 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 416 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-8 sm:mb-10 lg:mb-12 text-center">Liderazgo</h2> 417 418 <div class="flex flex-wrap justify-center mb-8 sm:mb-10 lg:mb-12 border-b border-gray-200 gap-2 sm:gap-0"> 419 <button class="tab-button px-3 py-2 sm:px-4 sm:py-2.5 lg:px-6 lg:py-3 text-xs sm:text-sm lg:text-base font-medium sm:font-semibold text-[#12111E] border-b-2 border-[#FCE76C]" data-tab="leadership">Dirección</button> 420 <button class="tab-button px-3 py-2 sm:px-4 sm:py-2.5 lg:px-6 lg:py-3 text-xs sm:text-sm lg:text-base font-medium sm:font-semibold text-[#4D4D56] border-b-2 border-transparent" data-tab="foundation">Patronato de la Fundación</button> 421 <button class="tab-button px-3 py-2 sm:px-4 sm:py-2.5 lg:px-6 lg:py-3 text-xs sm:text-sm lg:text-base font-medium sm:font-semibold text-[#4D4D56] border-b-2 border-transparent" data-tab="association">Junta Directiva de la Asociación</button> 422 </div> 423 424 <div id="leadership" class="tab-content"> 425 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8 fade-in-up"> 426 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 427 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Clara Jiménez Cruz</div> 428 <div class="text-sm sm:text-base text-[#4D4D56]">Directora Ejecutiva</div> 429 </div> 430 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 431 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Julio Montes</div> 432 <div class="text-sm sm:text-base text-[#4D4D56]">Director</div> 433 </div> 434 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 435 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">David Fernández</div> 436 <div class="text-sm sm:text-base text-[#4D4D56]">Director de TecnologÃa</div> 437 </div> 438 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 439 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Ximena Villagrán</div> 440 <div class="text-sm sm:text-base text-[#4D4D56]">Directora de Operaciones</div> 441 </div> 442 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 443 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Carlos Hernández-EchevarrÃa</div> 444 <div class="text-sm sm:text-base text-[#4D4D56]">Director de PolÃticas Públicas</div> 445 </div> 446 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 447 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Pedro Santana</div> 448 <div class="text-sm sm:text-base text-[#4D4D56]">Director Financiero</div> 449 </div> 450 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 451 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">RocÃo Benavente</div> 452 <div class="text-sm sm:text-base text-[#4D4D56]">Adjunta a la dirección</div> 453 </div> 454 </div> 455 </div> 456 457 <div id="foundation" class="tab-content hidden"> 458 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 fade-in-up"> 459 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 460 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Clara Jiménez Cruz</div> 461 <div class="text-sm sm:text-base text-[#4D4D56]">Presidenta</div> 462 </div> 463 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 464 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Julio Montes</div> 465 <div class="text-sm sm:text-base text-[#4D4D56]">Vicepresidente</div> 466 </div> 467 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 468 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">David Fernández</div> 469 <div class="text-sm sm:text-base text-[#4D4D56]">Tesorero y representante de la Asociación Maldita</div> 470 </div> 471 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 472 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Eva Garzón Hernández</div> 473 <div class="text-sm sm:text-base text-[#4D4D56]">Patrona</div> 474 </div> 475 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 476 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Javier Gómez Santander</div> 477 <div class="text-sm sm:text-base text-[#4D4D56]">Patrón</div> 478 </div> 479 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 480 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Laura Chaparro</div> 481 <div class="text-sm sm:text-base text-[#4D4D56]">Patrona</div> 482 </div> 483 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 484 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Eduardo Saldaña</div> 485 <div class="text-sm sm:text-base text-[#4D4D56]">Patrón</div> 486 </div> 487 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 488 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Javier Cremades</div> 489 <div class="text-sm sm:text-base text-[#4D4D56]">Secretario no patrono</div> 490 </div> 491 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 492 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Esther Molina</div> 493 <div class="text-sm sm:text-base text-[#4D4D56]">Patrona</div> 494 </div> 495 </div> 496 </div> 497 498 <div id="association" class="tab-content hidden"> 499 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 fade-in-up"> 500 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 501 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Clara Jiménez Cruz</div> 502 <div class="text-sm sm:text-base text-[#4D4D56]">Presidenta</div> 503 </div> 504 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 505 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Julio Montes</div> 506 <div class="text-sm sm:text-base text-[#4D4D56]">Vicepresidente</div> 507 </div> 508 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 509 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">David Fernández</div> 510 <div class="text-sm sm:text-base text-[#4D4D56]">Segundo vicepresidente</div> 511 </div> 512 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 513 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">Stéphane M. Grueso</div> 514 <div class="text-sm sm:text-base text-[#4D4D56]">Tesorero</div> 515 </div> 516 <div class="bg-gray-50 p-6 sm:p-8 rounded-xl sm:rounded-2xl text-center"> 517 <div class="text-lg sm:text-xl font-bold text-[#12111E] mb-1 sm:mb-2">RocÃo Benavente Pérez</div> 518 <div class="text-sm sm:text-base text-[#4D4D56]">Secretaria</div> 519 </div> 520 </div> 521 </div> 522 </div> 523 </section> 524 525 <!-- Projects Section --> 526 <section class="py-12 sm:py-16 lg:py-24 bg-gray-50" id="projects"> 527 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 528 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-8 sm:mb-12 lg:mb-16 text-center">Nuestras Marcas PeriodÃsticas</h2> 529 530 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8"> 531 <div class="bg-white rounded-xl sm:rounded-2xl shadow-lg overflow-hidden fade-in-up"> 532 <div class="bg-gradient-to-r from-[#FCE76C] to-[#E8D147] h-20 sm:h-24 flex items-center justify-center p-4"> 533 <img src="/images/fundacion_black.png" alt="Maldita.es" class="h-12 sm:h-16 w-auto"> 534 </div> 535 <div class="p-4 sm:p-6"> 536 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Maldita.es</h3> 537 <p class="text-sm sm:text-base text-[#4D4D56] mb-4 sm:mb-6">Medio de comunicación especializado en fact-checking y lucha contra la desinformación</p> 538 <a href="https://maldita.es" class="text-[#FCE76C] font-semibold inline-flex items-center gap-2">Visitar Sitio Web â</a> 539 </div> 540 </div> 541 542 <div class="bg-white rounded-xl sm:rounded-2xl shadow-lg overflow-hidden fade-in-up"> 543 <div class="bg-gradient-to-r from-[#FCE76C] to-[#E8D147] h-20 sm:h-24 flex items-center justify-center p-4">
544 <img src="/images/factous.png" alt="Factous" class="h-12 sm:h-16 w-auto"> 545 </div> 546 <div class="p-4 sm:p-6"> 547 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Factous</h3> 548 <p class="text-sm sm:text-base text-[#4D4D56] mb-4 sm:mb-6">Espacio en Instagram, Tiktok y YouTube Shorts con información verificada dirigida a jóvenes</p> 549 <a href="https://www.tiktok.com/@factous_es" class="text-[#FCE76C] font-semibold inline-flex items-center gap-2">Seguir en Tiktok â</a> 550 </div> 551 </div> 552 553 <div class="bg-white rounded-xl sm:rounded-2xl shadow-lg overflow-hidden fade-in-up"> 554 <div class="bg-gradient-to-r from-[#FCE76C] to-[#E8D147] h-20 sm:h-24 flex items-center justify-center p-4"> 555 <img src="/images/Logo_ACM.png" alt="Agencia de Contenidos" class="h-12 sm:h-16 w-auto"> 556 </div> 557 <div class="p-4 sm:p-6"> 558 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Agencia de Contenidos de Maldita.es</h3> 559 <p class="text-sm sm:text-base text-[#4D4D56] mb-4 sm:mb-6">Agencia de distribución de contenidos especializados en la lucha contra la desinformación para periodistas, medios de comunicación y creadores de contenido</p> 560 <a href="https://agencia.maldita.es/login" class="text-[#FCE76C] font-semibold inline-flex items-center gap-2">Saber Más â</a> 561 </div> 562 </div> 563 </div> 564 </div> 565 </section> 566 567 <!-- Transparency & Finances Section --> 568 <section class="py-12 sm:py-16 lg:py-24" id="transparency"> 569 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 570 <div class="text-center mb-8 sm:mb-12 lg:mb-16"> 571 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-4 sm:mb-6">Nuestras cuentas</h2> 572 <p class="text-base sm:text-lg lg:text-xl text-[#4D4D56] max-w-3xl mx-auto">La transparencia está en el centro de nuestra misión. Creemos que fortalecer la integridad informativa requiere una apertura completa sobre nuestras fuentes de financiación, gastos y operaciones financieras. Nuestras cuentas son públicas y auditadas anualmente.</p> 573 </div> 574 575 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8 mb-8 sm:mb-12 lg:mb-16"> 576 <div class="bg-white p-6 sm:p-8 rounded-xl sm:rounded-2xl shadow-lg text-center border-t-4 border-[#FCE76C] fade-in-up"> 577 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-16 h-16 sm:w-20 sm:h-20 flex items-center justify-center text-2xl sm:text-3xl mx-auto mb-4 sm:mb-6">ð</div> 578 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Transparencia Completa</h3> 579 <p class="text-sm sm:text-base text-[#4D4D56]">Todas las fuentes de financiación y gastos están documentados públicamente y son accesibles para garantizar una rendición de cuentas completa a nuestras partes interesadas y al público.</p> 580 </div> 581 582 <div class="bg-white p-8 rounded-2xl shadow-lg text-center border-t-4 border-[#FCE76C] fade-in-up"> 583 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-20 h-20 flex items-center justify-center text-3xl mx-auto mb-6">ð</div> 584 <h3 class="text-xl font-bold text-[#12111E] mb-4">AuditorÃas Anuales</h3> 585 <p class="text-[#4D4D56]">La auditorÃa independiente por contadores públicos certificados garantiza una gestión financiera adecuada y el cumplimiento de las regulaciones sin fines de lucro.</p> 586 </div> 587 588 <div class="bg-white p-8 rounded-2xl shadow-lg text-center border-t-4 border-[#FCE76C] fade-in-up"> 589 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-20 h-20 flex items-center justify-center text-3xl mx-auto mb-6">ðï¸</div> 590 <h3 class="text-xl font-bold text-[#12111E] mb-4">Sin ánimo de lucro</h3> 591 <p class="text-[#4D4D56]">Registrada como una fundación de beneficio público, asegurando que todos los recursos están dedicados a nuestra misión de fortalecer la integridad informativa.</p> 592 </div> 593 </div> 594 595 <div class="text-center flex flex-col sm:flex-row gap-4 justify-center"> 596 <a href="/es/our-accounts" class="bg-gradient-to-r from-[#FCE76C] to-[#E8D147] text-[#12111E] font-bold px-8 py-4 rounded-lg inline-flex items-center justify-center gap-2 shadow-lg hover:shadow-xl transition-all">Explora nuestras cuentas auditadas â</a> 597 <a href="/es/article/las-malditas-cuentas-de-donde-vienen-y-a-donde-van-nuestros-ingresos" class="bg-gradient-to-r from-[#FCE76C] to-[#E8D147] text-[#12111E] font-bold px-8 py-4 rounded-lg inline-flex items-center justify-center gap-2 shadow-lg hover:shadow-xl transition-all">Accede a nuestra proyección de ingreso y gasto para el año en curso â</a> 598 </div> 599 </div> 600 </section> 601 602 <!-- Team Section --> 603 <section class="py-12 sm:py-16 lg:py-24 bg-gray-50" id="team"> 604 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 605 <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 sm:gap-12 lg:gap-16"> 606 <div class="fade-in-up"> 607 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-6 sm:mb-8">Nuestro Equipo</h2> 608 <p class="text-sm sm:text-base lg:text-lg text-[#4D4D56] mb-6 sm:mb-8 leading-relaxed">Más de 60 profesionales trabajan juntos para proteger la integridad informativa. Periodistas, desarrolladores, expertos en IA, investigadores, educadores y expertos en polÃticas públicas conforman un equipo interdisciplinar con la misión de proteger a la sociedad de la desinformación y fortalecer la confianza en el ecosistema informativo.</p> 609 610 <a href="/es/team" class="bg-[#12111E] text-white font-bold px-8 py-4 rounded-lg inline-flex items-center gap-2 shadow-lg hover:shadow-xl transition-all">Conoce a nuestro equipo â</a> 611 </div> 612 613 <div class="fade-in-up"> 614 <div class="rounded-2xl border-4 border-[#FCE76C] shadow-lg overflow-hidden"> 615 <img src="/images/team_members.JPG" alt="Nuestro Equipo" class="w-full h-auto object-cover"> 616 </div> 617 <p class="text-center text-[#4D4D56] mt-4 italic">Nuestro equipo global construyendo integridad informativa en nuestras oficinas en Madrid.</p> 618 </div> 619 </div> 620 </div> 621 </section> 622 623 <!-- Certifications Section --> 624 <section class="py-12 sm:py-16 lg:py-24" id="certifications"> 625 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 626 <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#12111E] mb-8 sm:mb-12 lg:mb-16 text-center">Nuestras certificaciones y redes</h2> 627 628 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8"> 629 <!-- EFCSN Badge --> 630 <div class="bg-white p-6 sm:p-8 rounded-xl sm:rounded-2xl shadow-lg text-center border-2 border-transparent hover:border-[#FCE76C] transition-all fade-in-up"> 631 <div class="flex items-center justify-center mb-4 sm:mb-6"> 632 <img class="w-24 sm:w-32" src="/images/badgeefcsn.png" alt="Miembro verificado de EFCSN"> 633 </div> 634 <h3 class="text-lg sm:text-xl font-bold text-[#12111E] mb-3 sm:mb-4">Miembro verificado de EFCSN</h3> 635 <p class="text-sm sm:text-base text-[#4D4D56]"><a href="https://maldita.es/nosotros/20230706/malditaes-miembro-verificado-efcsn/" target="_blank" rel="noopener noreferrer" class="text-[#12111E] hover:text-[#FCE76C] underline">Miembros verificados de la European Fact-checking Standards Network (EFCSN) desde su fundación</a>, que lideramos como organización. Nuestra CEO es, además, Presidenta electa del órgano de gobernanza desde su creación, liderando el desarrollo y promoción de los más altos estándares de verificación en Europa.</p> 636 </div> 637 638 <!-- IFCN Badge --> 639 <div class="bg-white p-8 rounded-2xl shadow-lg text-center border-2 border-transparent hover:border-[#FCE76C] transition-all fade-in-up"> 640 <div class="flex items-center justify-center mb-6"> 641 <img class="w-20 sm:w-24" src="/images/badgemaldita.png" alt="Signatario de IFCN"> 642 </div> 643 <h3 class="text-xl font-bold text-[#12111E] mb-4">Signatario de IFCN</h3> 644 <p class="text-[#4D4D56]"><a href="https://maldita.es/maldita-es-firmante-del-codigo-de-principios-del-international-fact-checking-network/" target="_blank" rel="noopener noreferrer" class="text-[#12111E] hover:text-[#FCE76C] underline">Signatarios verificados de la International Fact-checking Network (IFCN) desde 2018</a>. Cumplimos con los más altos estándares globales de transparencia, metodologÃa y ética en verificación de hechos, sometiéndonos a evaluaciones anuales independientes.</p> 645 </div> 646 647 <!-- Global Networks --> 648 <div class="bg-white p-8 rounded-2xl shadow-lg text-center border-2 border-transparent hover:border-[#FCE76C] transition-all fade-in-up"> 649 <div class="bg-[#FCE76C] text-[#12111E] rounded-full w-20 h-20 flex items-center justify-center text-3xl mx-auto mb-6">ð</div> 650 <h3 class="text-xl font-bold text-[#12111E] mb-4">Redes Globales</h3> 651 <p class="text-[#4D4D56]">Miembros activos de redes internacionales clave como IPI, GFMD y GIJN, FIMI-ISAC conectando con más de 244 organizaciones en más de 90 paÃses. Colaboramos globalmente para fortalecer la integridad de la información.</p> 652 </div> 653 </div> 654 </div> 655 </section> 656 657
657<script> 658 // Tab functionality 659 document.querySelectorAll('.tab-button').forEach(button => { 660 button.addEventListener('click', () => { 661 // Remove active classes from all buttons 662 document.querySelectorAll('.tab-button').forEach(btn => { 663 btn.classList.remove('text-[#12111E]', 'border-[#FCE76C]'); 664 btn.classList.add('text-[#4D4D56]', 'border-transparent'); 665 }); 666 667 // Add active classes to clicked button 668 button.classList.remove('text-[#4D4D56]', 'border-transparent'); 669 button.classList.add('text-[#12111E]', 'border-[#FCE76C]'); 670 671 // Hide all tab contents 672 document.querySelectorAll('.tab-content').forEach(content => { 673 content.classList.add('hidden'); 674 }); 675 676 // Show corresponding content 677 const tabId = button.getAttribute('data-tab'); 678 document.getElementById(tabId).classList.remove('hidden'); 679 }); 680 }); 681 682 // Scroll animations 683 function animateOnScroll() { 684 const elements = document.querySelectorAll('.fade-in-up'); 685 elements.forEach(element => { 686 const elementTop = element.getBoundingClientRect().top; 687 const elementVisible = 150; 688 689 if (elementTop < window.innerHeight - elementVisible) { 690 element.classList.add('opacity-100', 'translate-y-0'); 691 element.classList.remove('opacity-0', 'translate-y-8'); 692 } 693 }); 694 } 695 696 // Initialize animations 697 function initializeAnimations() { 698 document.querySelectorAll('.fade-in-up').forEach(el => { 699 el.classList.add('transition-all', 'duration-700', 'ease-out', 'opacity-0', 'translate-y-8'); 700 }); 701 // Trigger animations immediately for visible elements 702 animateOnScroll(); 703 } 704 705 // Run on initial load 706 if (document.readyState === 'loading') { 707 document.addEventListener('DOMContentLoaded', initializeAnimations); 708 } else { 709 initializeAnimations(); 710 } 711 712 // Handle browser back/forward navigation 713 window.addEventListener('pageshow', function(event) { 714 animateOnScroll(); 715 }); 716 717 window.addEventListener('scroll', animateOnScroll); 718 window.addEventListener('load', animateOnScroll); 719 </script>
719 720 </div> 721 <footer class="bg-gradient-to-br from-[#12111E] to-[#0a0a12] text-white py-8 border-t-[3px] border-[#FCE76C]"> 722 <div class="max-w-[1400px] mx-auto px-8 max-md:px-5"> 723 724 <!-- FILA SUPERIOR: Brand (Logo + Redes) | Actions (Botón + Links) --> 725 <div class="flex items-start justify-between gap-10 pb-6 border-b border-white/10 max-[900px]:flex-wrap max-[900px]:gap-8 max-[640px]:flex-col max-[640px]:items-center max-[640px]:text-center max-[640px]:gap-6"> 726 727 <!-- Columna izquierda: Logo + Redes --> 728 <div class="flex flex-col gap-4 max-[640px]:items-center"> 729 <!-- Logo --> 730 <a href="/es/" class="flex items-center no-underline"> 731 <img src="/images/fundacion_white.png" alt="Fundación Maldita.es" class="h-14 w-auto max-[640px]:h-12"> 732 </a> 733 734 <!-- Redes sociales --> 735 <div class="flex items-center gap-2.5"> 736 <!-- Facebook --> 737 <a href="https://www.facebook.com/mhemeroteca/" class="flex items-center justify-center w-9 h-9 bg-white/5 border border-white/15 rounded-lg text-white/70 no-underline transition-all duration-300 hover:bg-[#FCE76C] hover:border-[#FCE76C] hover:text-[#12111E] hover:-translate-y-0.5" aria-label="Facebook" target="_blank" rel="noopener"> 738 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> 739 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 740 </svg> 741 </a> 742 743 <!-- Instagram --> 744 <a href="https://www.instagram.com/maldita.es/" class="flex items-center justify-center w-9 h-9 bg-white/5 border border-white/15 rounded-lg text-white/70 no-underline transition-all duration-300 hover:bg-[#FCE76C] hover:border-[#FCE76C] hover:text-[#12111E] hover:-translate-y-0.5" aria-label="Instagram" target="_blank" rel="noopener"> 745 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> 746 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 747 </svg> 748 </a> 749 750 <!-- Twitter/X --> 751 <a href="https://x.com/maldita?lang=es" class="flex items-center justify-center w-9 h-9 bg-white/5 border border-white/15 rounded-lg text-white/70 no-underline transition-all duration-300 hover:bg-[#FCE76C] hover:border-[#FCE76C] hover:text-[#12111E] hover:-translate-y-0.5" aria-label="X (Twitter)" target="_blank" rel="noopener"> 752 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> 753 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 754 </svg> 755 </a> 756 757 <!-- LinkedIn --> 758 <a href="https://www.linkedin.com/company/malditaes/" class="flex items-center justify-center w-9 h-9 bg-white/5 border border-white/15 rounded-lg text-white/70 no-underline transition-all duration-300 hover:bg-[#FCE76C] hover:border-[#FCE76C] hover:text-[#12111E] hover:-translate-y-0.5" aria-label="LinkedIn" target="_blank" rel="noopener"> 759 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> 760 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 761 </svg> 762 </a> 763 764 <!-- YouTube --> 765 <a href="https://www.youtube.com/@malditaes" class="flex items-center justify-center w-9 h-9 bg-white/5 border border-white/15 rounded-lg text-white/70 no-underline transition-all duration-300 hover:bg-[#FCE76C] hover:border-[#FCE76C] hover:text-[#12111E] hover:-translate-y-0.5" aria-label="YouTube" target="_blank" rel="noopener"> 766 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> 767 <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> 768 </svg> 769 </a> 770 </div> 771 </div> 772 773 <!-- Columna derecha: Botón + Links legales --> 774 <div class="flex flex-col items-end gap-4 max-[900px]:items-start max-[640px]:items-center max-[640px]:w-full"> 775 <!-- Botón de contacto destacado --> 776 <a href="/es/contact" class="inline-flex items-center gap-2 bg-gradient-to-br from-[#FCE76C] to-[#E8D147] text-[#12111E] no-underline text-[0.95rem] font-bold py-3.5 px-7 rounded-[10px] transition-all duration-300 shadow-[0_4px_15px_rgba(252,231,108,0.3)] whitespace-nowrap hover:bg-gradient-to-br hover:from-[#E8D147] hover:to-[#FCE76C] hover:-translate-y-0.5 hover:shadow-[0_6px_20px_rgba(252,231,108,0.45)] max-[640px]:w-full max-[640px]:justify-center max-[640px]:py-4 max-[640px]:px-8 max-[640px]:text-base"> 777 <svg class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 778 <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> 779 <polyline points="22,6 12,13 2,6"></polyline> 780 </svg> 781 Contacta con nosotros 782 </a> 783 784 <!-- Enlaces legales --> 785 <nav class="flex items-center gap-7 max-[900px]:flex-wrap max-[900px]:gap-x-5 max-[900px]:gap-y-3 max-[640px]:justify-center"> 786 <a href="/es/contact" class="text-white/60 no-underline text-[0.85rem] transition-colors duration-300 whitespace-nowrap hover:text-[#FCE76C] max-[400px]:text-[0.8rem]">Preguntas Frecuentes</a> 787 <a href="/es/privacy" class="text-white/60 no-underline text-[0.85rem] transition-colors duration-300 whitespace-nowrap hover:text-[#FCE76C] max-[400px]:text-[0.8rem]">PolÃtica de Privacidad</a> 788 <a href="/es/legal" class="text-white/60 no-underline text-[0.85rem] transition-colors duration-300 whitespace-nowrap hover:text-[#FCE76C] max-[400px]:text-[0.8rem]">Aviso Legal</a>
789 <a href="/es/cookies" class="text-white/60 no-underline text-[0.85rem] transition-colors duration-300 whitespace-nowrap hover:text-[#FCE76C] max-[400px]:text-[0.8rem]">PolÃtica de Cookies</a> 790 <a href="/es/terms" class="text-white/60 no-underline text-[0.85rem] transition-colors duration-300 whitespace-nowrap hover:text-[#FCE76C] max-[400px]:text-[0.8rem]">Términos de Uso</a> 791 </nav> 792 </div> 793 </div> 794 795 <!-- FILA INFERIOR: Badges --> 796 <div class="flex items-center justify-center pt-6"> 797 <!-- Badges de certificación --> 798 <div class="flex items-center gap-5"> 799 <!-- IFCN Badge --> 800 <a href="https://ifcncodeofprinciples.poynter.org/application/public/maldita.es/661a8b0cba7689d481425e0a" class="block transition-transform duration-300 hover:scale-105" target="_blank" rel="noopener" title="IFCN Verified Signatory"> 801 <img class="h-16 w-auto rounded max-[400px]:h-12" src="/images/badgemaldita.png" alt="logo ifcn"> 802 </a> 803 804 <!-- EFCSN Badge --> 805 <a href="https://members.efcsn.com/application/applicationfundaci-n-maldita-escca1" class="block transition-transform duration-300 hover:scale-105" target="_blank" rel="noopener" title="EFCSN Verified Member"> 806 <img class="h-16 w-auto rounded max-[400px]:h-12" src="/images/badgeefcsn.png" alt="logo efcsn"> 807 </a> 808 </div> 809 </div> 810 </div> 811</footer> 812
812<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
812 813
813<script> 814 window.SITE_LOCALE = 'es'; 815 </script>
815 816
816<script src="/js/cookie-consent.js"></script>
816 817 818
818<script> 819 window.dataLayer = window.dataLayer || []; 820 function gtag(){dataLayer.push(arguments);} 821 gtag('consent', 'default', { 822 analytics_storage: 'denied' 823 }); 824 </script>
vendor: 73 bytes, lines 824-826
824 825 826 <script async src="https://www.googletagmanager.com/gtag/js?id=
826G-Y6532T8GQV
vendor: 16 bytes, lines 826-827
826"></script> 827
827<script> 828 gtag('js', new Date()); 829 gtag('config', 'G-Y6532T8GQV'); 830 </script>
830 831
831<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f6b21241bd424b8187aa1b9ccc0a9121","r":1,"spa":2}' crossorigin="anonymous"></script>
831 832</body> 833</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.