{"data":[{"id":249,"status":"published","sort":null,"user_created":"514ae1a7-c5b9-457f-9473-98dfae76f1d4","date_created":"2026-09-16T08:29:05.000Z","user_updated":"514ae1a7-c5b9-457f-9473-98dfae76f1d4","date_updated":"2026-11-05T14:56:38.000Z","title":"Votación","permalink":null,"has_menu":true,"has_footer":true,"css_class":"page-voting","meta_title":null,"meta_description":null,"meta_keywords":null,"private":false,"open_graph_image":null,"blocks":[{"id":618,"collection":"block_form","item":"95","css":null,"css_id":null,"class":"form-voting block--white"},{"id":655,"collection":"block_html","item":"291","css":null,"css_id":null,"class":"block-marquee"}],"translations":[{"id":133,"pages_id":249,"languages_code":"es-ES","permalink":"/votaciones-draft-12-18-26"}],"seo_translations":[],"event":{"id":94,"name":"L'Oréal Hair of Fame","css":"/* Custom hairoffame WEB \nhttps://hairoffame-web.somosevents.es/es-ES\n*/\n\n@import url(\"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap\");\n\n@font-face {\n\tfont-family: \"Nympha\";\n\tsrc: url(\"https://control.somosevents.es/assets/1a15eb22-8c97-434f-8548-f69bd37a5a89.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"Nympha\";\n\tsrc: url(\"https://control.somosevents.es/assets/aa040eb9-cd01-4cd1-ae81-c0e7bf40b523.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n:root {\n\t/* =====================\n \t COLORES\n \t ===================== */\n\n\t--brand-loreal-almost-black: #1f2022;\n\n\t--color-primary: #fff;\n\t--color-secondary: var(--brand-loreal-almost-black);\n\t--color-terciary: #00b0bd;\n\t--color-accent: var(--brand-loreal-almost-black);\n\t--color-background: var(--brand-loreal-almost-black);\n\t--color-background-secondary: #fff;\n\t--color-background-component: var(--color-white);\n\t--color-background-header: #fff;\n\t--color-background-footer: var(--color-background);\n\t--color-text-primary: #fff;\n\t--color-text-secondary: var(--brand-loreal-almost-black);\n\t--color-text-accent: var(--color-accent);\n\t--color-text-bg: #fff;\n\t--color-heading: #fff;\n\t--color-border: #fff;\n\t--color-border-light: #fff;\n\t--color-white: #fff;\n\t--color-black: #000;\n\t--color-dark: var(--brand-loreal-almost-black);\n\t--color-danger: #ff0000;\n\t--color-line: #323e48;\n\t--color-overlay: rgba(0, 0, 0, 0.5);\n\t--color-neutral-black-50: #f7f9f9;\n\t--color-neutral-black-40: #b3b3b3;\n\t--color-neutral-black-30: #b2b8bd;\n\t--color-neutral-black-20: #ccc;\n\t--color-neutral-black-5: #f2f3f4;\n\t/* =====================\n \t\tTIPOGRAFÍA\n \t\t===================== */\n\t--font-family-base: \"Work Sans\", ui-sans-serif, system-ui, sans-serif;\n\t--font-family-heading: \"Nympha\", ui-sans-serif, system-ui, sans-serif;\n\t--font-weight-light: 200;\n\t--font-weight-normal: 300;\n\t--font-weight-semibold: 500;\n\t--font-weight-bold: 600;\n\t--font-weight-heading: 400;\n\t--font-style-normal: normal;\n\t--font-size-base: 16px; /* Tamaño de fuente base para el cuerpo del texto */\n\t--font-size-xs: 0.75rem; /* 12px */\n\t--font-size-sm: 0.875rem; /* 14px */\n\t--font-size-md: 1rem; /* 16px (igual a base) */\n\t--font-size-lg: 1.25rem; /* 20px */\n\t--font-size-xl: 1.75rem; /* 28px */\n\t--font-size-xxl: clamp(2rem, -0.385rem + 6.154vw, 3rem); /* 48px */\n\t--font-size-h1: 2.25rem; /* 36px */\n\t--font-size-h2: 2rem;\n\t--font-size-h3: 1.25rem; /* 20px */\n\t--font-size-h4: 1rem;\n\t--font-size-h5: 0.9rem;\n\t--font-size-h6: 0.8rem;\n\t--line-height-base: 1.5;\n\t--line-height-heading: 1.2;\n\t--font-size-label: var(--font-size-sm);\n\t--font-size-marquee: 3rem; /* 48px */\n\t/* =====================\n \t\tESPACIADO (Márgenes y Rellenos)\n \t\t===================== */\n\t--spacing-xxs: 0.25rem; /* 4px */\n\t--spacing-xs: 0.5rem; /* 8px */\n\t--spacing-sm: 0.75rem; /* 12px */\n\t--spacing-md: 1rem; /* 16px */\n\t--spacing-lg: 1.5rem; /* 24px */\n\t--spacing-xl: 2rem; /* 32px */\n\t--spacing-xxl: 3rem; /* 48px */\n\t--spacing-mega: 4rem; /* 64px */\n\t--spacing: 1rem; /* 16px */\n\t--margin-y-base: var(--spacing-md);\n\t--margin-y-heading: var(--spacing-md);\n\t--gap: var(--spacing-md);\n\t--z-index: 3;\n\t--icon-size: 1rem;\n\t--height-image-project: 70vh;\n\t--height-slider: 70vh;\n\t/* =====================\n \t\tBORDES\n \t\t===================== */\n\t--border-width-thin: 1px;\n\t--border-width-base: 1px;\n\t--border-width-thick: 3px;\n\t--border-style-solid: solid;\n\t--border-radius: 8px;\n\t--border-radius-sm: 4px;\n\t--border-radius-md: 8px;\n\t--border-radius-lg: 12px;\n\t--border-radius-pill: 99em;\n\t/* =====================\n \t\tSOMBRAS\n \t\t===================== */\n\t--box-shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.05);\n\t--box-shadow-sm: 0 1px 2px 0 rgba(17, 17, 17, 0.07);\n\t--box-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15);\n\t--box-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.2);\n\t/* =====================\n \t\tTRANSICIONES\n \t\t===================== */\n\t--transition-fast: 0.15s ease-in-out;\n\t--transition-medium: 0.3s ease-in-out;\n\t--transition-slow: 0.5s ease-in-out;\n\t/* =====================\n ANCHO MÁXIMO DE CONTENEDORES\n ===================== */\n\t--container-xs: 360px;\n\t--container-sm: 540px;\n\t--container-md: 720px;\n\t--container-lg: 960px;\n\t--container-xl: 1140px;\n\t--container-xxl: 1320px;\n\t/* =====================\n BREAKPOINTS\n ===================== */\n\t--breakpoint-xs: 380px;\n\t--breakpoint-sm: 576px;\n\t--breakpoint-md: 768px;\n\t--breakpoint-lg: 992px;\n\t--breakpoint-xl: 1200px;\n\t--breakpoint-xxl: 1440px;\n\t/* =====================\n \t\tBOTONES\n \t\t===================== */\n\t--button-padding: 0.5rem 1.2rem;\n\t--button-border-radius: 12px;\n\t--button-font-size: var(--font-size-md);\n\t--button-font-weight: var(--font-weight-bold);\n\t--button-background-color: var(--color-white);\n\t--button-background-color-hover: var(--color-dark);\n\t--button-color: var(--color-dark);\n\t--button-color-hover: var(--color-white);\n\t--button-border-width: var(--border-width-base);\n\t--button-border-style: var(--border-style-solid);\n\t--button-border-color: transparent;\n\t--button-border-color-hover: transparent;\n\t/* =====================\n \t\tBADGE\n \t\t===================== */\n\t--badge-background-color: var(--color-white);\n\t--badge-color: var(--color-text-secondary);\n\t--badge-font-size: var(--font-size-xs);\n\t--badge-padding: 0.325rem 1.325rem;\n\t--badge-border-width: var(--border-width-base);\n\t--badge-border-style: var(--border-style-solid);\n\t--badge-border-color: var(--color-border);\n\t/* =====================\n \t\tCARD\n \t\t===================== */\n\t--card-background-color: var(--color-background);\n\t--card-color: var(--color-text-primary);\n\t--card-padding: var(--spacing-lg);\n\t--card-border-radius: 1rem;\n\t/* =====================\n \t\tFORM\n \t\t===================== */\n\t--input-padding: var(--spacing-md);\n\t--input-color: var(--color-dark);\n\t--input-background-color: var(--color-white);\n\t--input-border-color: var(--color-neutral-black-30);\n\t--input-border-radius: var(--border-radius-sm);\n\t--input-background-color-focus: var(--color-neutral-black-5);\n\n\t--height-menu: 55px;\n}\n@media (width >= 992px) {\n\t:root {\n\t\t--badge-padding: 0.625rem 1.625rem;\n\t\t--badge-font-size: var(--font-size-lg);\n\t\t--font-size-xs: 0.75rem; /* 12px */\n\t\t--font-size-sm: 0.875rem; /* 14px */\n\t\t--font-size-md: 1rem; /* 16px (igual a base) */\n\t\t--font-size-lg: 1.5rem; /* 24px */\n\t\t--font-size-xl: 2.25rem; /* 36px */\n\t\t--font-size-xxl: 4rem; /* 64px */\n\t\t--font-size-h1: 2.625rem; /* 42px */\n\t\t--font-size-h2: 2rem;\n\t\t--font-size-h3: 1.5rem; /* 24px */\n\t\t--font-size-h4: 1rem;\n\t\t--font-size-h5: 0.9rem;\n\t\t--font-size-h6: 0.8rem;\n\t\t--font-size-marquee: 6rem; /* 96px */\n\t}\n}\n\nbody {\n\tfont-family: var(--font-family-base);\n\tfont-size: var(--font-size-md);\n\tline-height: var(--line-height-base);\n\tcolor: var(--color-text-primary);\n\tbackground-color: var(--color-background);\n}\n\np,\ndiv,\nspan {\n\tfont-size: var(--font-size-md);\n\tfont-weight: var(--font-weight-normal);\n}\n\nimg {\n\tdisplay: block;\n\tmax-width: 100%;\n\theight: auto;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n\tfont-weight: var(--font-weight-heading);\n\tcolor: var(--color-heading);\n\tmargin-bottom: var(--margin-y-heading);\n}\nh1,\n.h1 {\n\tfont-size: var(--font-size-h1);\n\tline-height: var(--line-height-heading);\n}\nh2,\n.h2 {\n\tfont-size: var(--font-size-h2);\n\tline-height: var(--line-height-heading);\n}\nh3,\n.h3 {\n\tfont-size: var(--font-size-h3);\n\tline-height: var(--line-height-heading);\n}\nh4,\n.h4 {\n\tfont-size: var(--font-size-h4);\n\tline-height: var(--line-height-heading);\n}\nh5,\n.h5 {\n\tfont-size: var(--font-size-h5);\n\tline-height: var(--line-height-heading);\n}\nh6,\n.h6 {\n\tfont-size: var(--font-size-h6);\n\tline-height: var(--line-height-heading);\n}\np {\n\tcolor: var(--color-text-primary);\n\tmargin-bottom: var(--margin-y-base);\n}\na {\n\tcolor: var(--color-text-accent);\n\ttext-decoration: underline;\n\ttransition: all var(--transition-medium);\n}\na:hover {\n\ttext-decoration: none;\n}\n\nstrong {\n\tfont-weight: var(--font-weight-bold);\n}\n\n.container {\n\twidth: 100%;\n\tmax-width: var(--container-xxl);\n\tmargin-inline: auto;\n\tpadding-inline: var(--spacing-lg);\n}\n\n.menu {\n\tposition: fixed;\n\tpadding: 0;\n\tpadding-inline: 1.5rem;\n\tbackground-color: var(--color-background-header);\n\tz-index: 99;\n\ttop: 0;\n\tdisplay: flex;\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.07);\n\theight: var(--height-menu);\n}\n\n.behind-menu {\n\theight: var(--height-menu);\n}\n\n.menu .menu-link {\n\ttext-transform: uppercase;\n\tfont-weight: var(--font-weight-normal);\n}\n\n.menu .menu-link.active {\n\ttext-decoration: underline;\n\tfont-weight: var(--font-weight-bold);\n}\n\n.menu .menu-cta {\n\ttext-decoration: none;\n}\n\n.menu-actions {\n\tmin-width: 196px;\n}\n\n.menu-logo {\n\tmax-width: 130px;\n\tmin-width: unset;\n}\n\n.open-submenu {\n\tpadding: 0.5rem;\n\tborder-radius: 100%;\n}\n\n@keyframes hide {\n\t0% {\n\t\ttop: var(--height-menu);\n\t}\n\n\tto {\n\t\ttop: -50svh;\n\t}\n}\n\n@keyframes dropDown {\n\t0% {\n\t\ttop: -50svh;\n\t}\n\n\tto {\n\t\ttop: var(--height-menu);\n\t}\n}\n\n@media not (min-width: 960px) {\n\t.menu {\n\t\tgap: 0.5rem;\n\t}\n\t.submenu {\n\t\tbackground-color: var(--color-background-header);\n\t}\n\n\t.menu-actions {\n\t\tmin-width: unset;\n\t}\n}\n\n.block-container {\n\tmax-width: 100%;\n\tmargin-inline: auto;\n}\n\n.header-hero .header-img {\n\tdisplay: block;\n\twidth: 100%;\n\theight: auto;\n}\n\n.form {\n\twidth: 100%;\n\tmax-width: var(--container-xl);\n\tmargin-inline: auto;\n\tmargin-block-end: 0;\n\tpadding-block: var(--spacing-xxl);\n\tpadding-inline: var(--spacing-lg);\n\tbackground-color: var(--color-background-component);\n}\n\n.form h1 {\n\ttext-align: center;\n\tfont-size: var(--font-size-h2);\n\tmargin-bottom: 0;\n}\n\n.form-container {\n\tborder: unset;\n\tbox-shadow: unset;\n\tpadding: 1rem;\n\tborder-radius: 1rem;\n\tbackground-color: unset;\n\twidth: 100%;\n\tmargin-inline: auto;\n\tpadding-top: 0;\n\tdisplay: grid;\n\trow-gap: var(--spacing-xl);\n\tcolumn-gap: var(--spacing-xl);\n\tgrid-template-columns: 1fr;\n}\n\n@media (min-width: 920px) {\n\t.form-container {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n\t.submit-btn-container,\n\t.input-col-span,\n\t.input:has(.title),\n\t.input:has(.subtitle) {\n\t\tgrid-column: span 2;\n\t}\n}\n\n.input-text,\ntextarea,\n.input-number {\n\tdisplay: block;\n\twidth: 100%;\n\tfont-family: var(--font-family-base);\n\tfont-weight: var(--font-weight-normal);\n\tpadding: var(--input-padding);\n\tfont-size: var(--font-size-sm);\n\tborder: 1px solid var(--input-border-color);\n\tborder-radius: var(--input-border-radius);\n\tbackground-color: var(--input-background-color);\n\tcolor: var(--input-color);\n\ttransition:\n\t\tborder 0.3s ease,\n\t\tbox-shadow 0.3s ease;\n\tbox-sizing: border-box;\n}\n\n.input-text:focus,\ntextarea:focus,\n.input-number:focus {\n\tborder-color: var(--input-border-color);\n\toutline: none;\n\tbox-shadow: unset;\n\tbackground-color: var(--input-background-color-focus);\n}\n\n.input:has(.error_message) .input-text,\n.input:has(.error_message) textarea,\n.input:has(.error_message) .input-number {\n\tborder-color: var(--color-danger);\n\toutline: none;\n\tbox-shadow: unset;\n\tbackground-color: var(--input-background-color);\n\tcolor: var(--color-danger);\n}\n\nlabel > input {\n\taccent-color: var(--color-accent);\n}\n\n.input {\n\tpadding: 0;\n\tborder: unset;\n\tborder-radius: var(--input-border-radius);\n}\n\n.input label {\n\tfont-size: var(--font-size-label);\n\tmargin-bottom: 0.5rem;\n\tfont-weight: var(--font-weight-bold);\n\tcolor: var(--color-accent);\n\tdisplay: block;\n\ttext-transform: uppercase;\n}\n\n.input legend {\n\tdisplay: block;\n\tfont-size: var(--font-size-label);\n\tmargin-bottom: 0.5rem;\n\tfont-weight: var(--font-weight-bold);\n\ttext-transform: uppercase;\n}\n\n.input fieldset .radio-label {\n\tdisplay: flex;\n\tgap: var(--spacing-xs);\n}\n\n.input fieldset:has(.radio-label) {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-direction: row;\n\tgap: var(--gap);\n}\n\n.input fieldset:has(.radio-label) .help-text {\n\torder: 1;\n\tflex: 0 0 100%;\n\ttext-align: center;\n}\n\n.input fieldset > label input[type=\"radio\"] {\n\tappearance: none;\n\twidth: 1.25rem;\n\theight: 1.25rem;\n\tmargin: 0;\n\tborder: 1px solid currentColor;\n\tborder-radius: 50%;\n\tflex-shrink: 0;\n\tdisplay: grid;\n\tplace-items: center;\n\tcursor: pointer;\n}\n\n.input fieldset > label input[type=\"radio\"]::before {\n\tcontent: \"\";\n\twidth: 0.65rem;\n\theight: 0.65rem;\n\tborder-radius: 50%;\n\tbackground: currentColor;\n\ttransform: scale(0);\n\ttransition: transform 0.15s ease;\n}\n\n.input fieldset > label input[type=\"radio\"]:checked::before {\n\ttransform: scale(1);\n}\n\n.checkbox-label {\n\ttext-transform: unset !important;\n}\n\n.checkbox-label p {\n\tcolor: var(--color-text-primary);\n\tmargin-bottom: unset;\n}\n\n.checkbox-label:has(.required) {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--gap);\n}\n\n.checkbox-label:has(.required) .required {\n\tdisplay: none;\n}\n\n.input:has(input:required) label {\n\tposition: relative;\n}\n\n.input:has(input:required) label::after {\n\tcontent: \"*\";\n\tcolor: var(--color-danger);\n\tmargin-left: 0.5rem;\n}\n\n.input:has(.error_message) label::after {\n\tcolor: var(--color-danger) !important;\n}\n\n.footer {\n\t--color-text-accent: var(--color-white);\n\tposition: relative;\n\tbackground-color: var(--color-background-footer);\n\tcolor: var(--color-text-bg);\n\tpadding: 0;\n\tmax-width: var(--container-xxl);\n\tmargin-inline: auto;\n\tpadding-block: 0;\n\tpadding-inline: var(--spacing-lg);\n\ttext-align: unset;\n}\n\n.footer_section {\n\tbackground-color: transparent;\n\tpadding: 0;\n\tborder-radius: unset;\n\tmargin-bottom: 0;\n}\n\n.footer_bottom {\n\tbackground-color: var(--color-background-footer);\n\tcolor: var(--color-text-bg);\n\tpadding-block: 0 var(--spacing-xl);\n\tjustify-content: center;\n}\n\n.footer_section_title {\n\tdisplay: none;\n}\n\n.footer_bottom .link_item {\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: var(--color-white);\n\tpadding: 5px;\n\tborder-radius: 100%;\n\ttext-decoration: none;\n\tcolor: var(--color-black);\n}\n\n.footer_bottom .link_item {\n\twidth: 30px;\n\theight: 30px;\n\tobject-fit: contain;\n}\n\n.d-footer-hero {\n\t--side-width: 220px;\n\t--gap: 3rem;\n\n\tdisplay: grid;\n\tgrid-template-columns:\n\t\tminmax(0, var(--side-width))\n\t\tminmax(0, 1fr)\n\t\tminmax(0, var(--side-width));\n\tcolumn-gap: var(--gap);\n\talign-items: start;\n\tbackground: var(--color-background-footer);\n\tpadding-block: var(--spacing-mega);\n}\n\n.d-footer-hero__left,\n.d-footer-hero__right {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1.5rem;\n}\n\n.d-footer-hero__right {\n\talign-items: flex-end;\n}\n\n.d-footer-hero__center {\n\ttext-align: center;\n}\n\n.d-footer-hero__title.title {\n\tfont-family: var(--font-family-base);\n\tmargin: 0;\n\tfont-size: var(--font-size-lg);\n\tmax-width: 900px;\n\tline-height: 1.8;\n}\n\n.d-footer-hero__center p {\n\tfont-size: var(--font-size-md);\n\tfont-weight: var(--font-weight-bold);\n\ttext-transform: uppercase;\n}\n\n.d-footer-hero__center a {\n\ttext-decoration: none;\n}\n\n.d-footer-menu {\n\tborder-top: 1px solid rgba(255, 255, 255, 0.15);\n\tpadding-block: var(--spacing-md);\n\ttext-align: start;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: var(--spacing-xl);\n\tflex-wrap: wrap;\n}\n\n.c-list-menu-footer {\n\tdisplay: flex;\n\tflex-direction: row;\n\tcolumn-gap: var(--spacing-xl);\n\trow-gap: var(--spacing-lg);\n\tlist-style: none;\n\tjustify-content: flex-start;\n\tflex-wrap: wrap;\n}\n\n.c-list-menu-footer.menu-social {\n\tcolumn-gap: var(--spacing-md);\n}\n\n.c-list-menu-footer a,\n.c-list-menu-footer span {\n\tfont-size: var(--font-size-sm);\n\topacity: 0.5;\n}\n\n.c-list-menu-footer a {\n\ttext-decoration: none;\n}\n\n.c-list-menu-footer a:hover {\n\topacity: 1;\n}\n\n.c-list-menu-footer.menu-social a,\n.c-list-menu-footer.menu-social span {\n\topacity: 1;\n}\n\n@media (max-width: 992px) {\n\t.d-footer-hero {\n\t\tgrid-template-columns: 1fr;\n\t\trow-gap: 2rem;\n\t}\n\n\t.d-footer-hero__center {\n\t\torder: -1;\n\t}\n\n\t.d-footer-hero__right {\n\t\talign-items: flex-start;\n\t\torder: -2;\n\t}\n}\n\n.links_container {\n\twidth: 100%;\n\tjustify-content: center;\n}\n\n.divider {\n\tborder-top: 0;\n}\n\nbutton,\n.button {\n\tdisplay: inline-block;\n\twidth: fit-content;\n\tfont-family: var(--font-family-base);\n\tfont-size: var(--button-font-size);\n\tfont-weight: var(--button-font-weight);\n\tborder: var(--button-border-width) var(--button-border-style) var(--button-border-color);\n\tbackground-color: var(--button-background-color);\n\tcolor: var(--button-color);\n\tpadding: var(--button-padding);\n\tborder-radius: var(--button-border-radius);\n\tcursor: pointer;\n\t-webkit-user-select: none;\n\tuser-select: none;\n\ttransition: all var(--transition-medium);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\ttext-align: center;\n\ttext-decoration: none;\n\ttext-transform: uppercase;\n}\n\nbutton:hover,\n.button:hover {\n\tbackground-color: var(--button-background-color-hover);\n\tcolor: var(--button-color-hover);\n\tborder-color: var(--button-border-color-hover);\n\ttransform: unset;\n}\n\n.button--dark {\n\t--button-background-color: var(--color-dark);\n\t--button-background-color-hover: var(--color-primary);\n\t--button-color: var(--color-white);\n\t--button-color-hover: var(--color-dark);\n\t--button-border-color: var(--color-dark);\n\t--button-border-color-hover: var(--color-dark);\n}\n\n.button--rounded {\n\t--button-border-radius: 100%;\n\taspect-ratio: 1;\n}\n\n.submit-btn {\n\t--button-padding: 1rem 1.5rem;\n\t--button-font-size: var(--font-size-md);\n\t--button-font-weight: var(--font-weight-semibold);\n\t--button-background-color: var(--color-dark);\n\t--button-background-color-hover: var(--color-white);\n\t--button-color: var(--color-white);\n\t--button-color-hover: var(--color-white);\n\t--button-border-width: var(--border-width-base);\n\t--button-border-style: var(--border-style-solid);\n\t--button-border-color: transparent;\n\t--button-border-color-hover: var(--color-dark);\n\tletter-spacing: 1.5px;\n\ttext-transform: uppercase;\n}\n\n.submit-btn:hover {\n\ttransform: unset;\n\tcolor: var(--color-text-secondary);\n}\n\n.submit-btn-container {\n\tmargin-top: 0;\n}\n\n.button.rounded {\n\tborder-radius: 100%;\n\taspect-ratio: 1;\n\tpadding: var(--spacing-xs);\n}\n\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\tmargin-bottom: var(--spacing-md);\n\tmax-width: 100%;\n\twidth: 100%;\n}\nth,\ntd {\n\ttext-align: left;\n\tpadding: var(--spacing-md);\n}\nth {\n\tborder-bottom: 1px solid var(--color-border);\n\tfont-weight: var(--font-weight-bold);\n\tvertical-align: bottom;\n}\ntd {\n\tborder-top: 1px solid var(--color-border);\n\tvertical-align: top;\n}\n.table-striped tbody tr:nth-child(odd) {\n\tbackground-color: var(--color-background-secondary);\n}\n.table-condensed th,\n.table-condensed td {\n\tpadding: calc(var(--spacing) / 2);\n}\n\n.table-responsive {\n\tdisplay: block;\n\twidth: 100%;\n\toverflow-x: auto;\n\t-webkit-overflow-scrolling: touch;\n}\n.table-bordered {\n\tborder: 1px solid var(--color-border-light);\n}\n.table-bordered tr {\n\tborder-block-end: 1px solid var(--color-border-light);\n}\n.table-bordered th,\n.table-bordered td {\n\tborder: 1px solid #dee2e6;\n}\n\n.text-and-image {\n\tbackground-color: var(--color-background-secondary);\n\tcolor: var(--color-background);\n}\n\n.text-and-image p {\n\tcolor: var(--color-background);\n}\n\n.text-and-image h1,\n.text-and-image .h3 {\n\tcolor: var(--color-primary);\n}\n\n.text-and-image .images img {\n\tdisplay: block;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.termsfeed-com---palette-light.termsfeed-com---nb {\n\tbackground-color: #fff !important;\n}\n\n.termsfeed-com---nb-simple {\n\tmax-width: 100% !important;\n}\n\n.cc-nb-buttons-container {\n\tdisplay: flex !important;\n\tgap: 0.5rem !important;\n\tflex-wrap: wrap !important;\n}\n\n.termsfeed-com---palette-light .cc-nb-okagree,\n.termsfeed-com---palette-light .cc-nb-reject {\n\tborder-radius: var(--button-border-radius) !important;\n\tbackground-color: var(--button-background-color) !important;\n}\n\n.termsfeed-com---nb button {\n\t--button-background-color: var(--color-dark);\n\t--button-background-color-hover: var(--color-primary);\n\t--button-color: var(--color-white);\n\t--button-color-hover: var(--color-dark);\n\t--button-border-color: var(--color-dark);\n\t--button-border-color-hover: var(--color-dark);\n}\n\n.termsfeed-com---palette-light .cc-nb-okagree,\n.termsfeed-com---palette-light .cc-nb-reject,\n.termsfeed-com---palette-light .cc-nb-changep {\n\tborder-radius: var(--button-border-radius) !important;\n}\n\n.termsfeed-com---palette-light .cc-cp-foot-save {\n\tbackground: var(--color-dark) !important;\n\tcolor: var(--color-white) !important;\n\tborder-radius: var(--button-border-radius) !important;\n}\n\n.text-center {\n\ttext-align: center;\n}\n\n.banner {\n\twidth: 100%;\n}\n\n.banner img {\n\twidth: 100%;\n\theight: auto;\n}\n\n.language-selector {\n\tdisplay: none;\n}\n\n.language-selector select {\n\tfont-size: var(--font-size-xs);\n\tletter-spacing: 1.5px;\n\topacity: 0.6;\n\tbackground-color: var(--color-background-secondary);\n\tcolor: var(--color-dark);\n\tpadding: 9px 12px;\n\tborder-radius: var(--border-radius-lg);\n\tline-height: 1;\n\tdisplay: inline-block;\n\ttext-transform: uppercase;\n\tbox-shadow: var(--box-shadow-sm);\n\tborder: 1px solid var(--color-neutral-black-20);\n}\n\n.claim {\n\ttext-align: center;\n\tmax-width: 850px;\n\tmargin-inline: auto;\n\tpadding-block: 3rem;\n}\n\n.claim p {\n\tfont-size: var(--font-size-lg);\n}\n\n#main:has(.success) {\n\t.claim {\n\t\tdisplay: none;\n\t}\n}\n\n@media (max-width: 920px) {\n\t.w-50 {\n\t\twidth: 100%;\n\t}\n\n\t.block-container {\n\t\tgap: unset;\n\t}\n\n\t.input {\n\t\tpadding: 0;\n\t}\n}\n\n.text-legals p {\n\tfont-size: var(--font-size-xs);\n}\n\n.hide {\n\tdisplay: none;\n}\n\n.container-header {\n\twidth: 100%;\n\tmax-width: var(--container-xxl);\n\tmargin-inline: auto;\n}\n\n.form-intro {\n\tpadding-block: 2rem;\n}\n\n.form-intro strong {\n\tcolor: var(--color-text-secondary);\n}\n\n.form-intro__title {\n\ttext-align: center;\n\tpadding-block: 2rem 3rem;\n}\n\n.form-intro__title p:last-child {\n\tmargin-bottom: 0;\n}\n\n.title,\n.num-title {\n\tfont-family: var(--font-family-heading);\n\ttext-transform: uppercase;\n\tfont-size: var(--font-size-xxl);\n\tfont-weight: var(--font-weight-heading);\n}\n\n.num-title {\n\topacity: 0.3;\n}\n\n.subtitle {\n\tfont-family: var(--font-family-base);\n\ttext-transform: uppercase;\n\tfont-size: var(--font-size-xl);\n\tfont-weight: var(--font-weight-bold);\n}\n\n.form-intro .container {\n}\n\n.form-intro__content {\n\tcolumn-count: 1;\n\tgap: var(--gap);\n\tcolumn-gap: 4rem;\n}\n\n.form-intro__footer {\n\ttext-align: center;\n\tpadding-block: 3rem 2rem;\n}\n\n.input-intro {\n\ttext-align: center;\n}\n\n@media (min-width: 920px) {\n\t.form-intro__content {\n\t\tcolumn-count: 2;\n\t\trow-gap: var(--spacing-lg);\n\t}\n\n\t.input:has(.input-intro) {\n\t\tgrid-column: span 2;\n\t\ttext-align: center;\n\t}\n}\n\n.error_message {\n\tcolor: var(--color-danger);\n\tbackground-color: transparent;\n\tpadding: 0;\n\tborder-left: unset;\n\tborder-radius: var(--border-radius-sm);\n\tmargin-top: 0.25rem;\n\tfont-size: var(--font-size-xs);\n\tfont-weight: var(--font-weight-normal);\n}\n\n.text-color {\n\tcolor: var(--color-text-secondary);\n}\n\n.success {\n\ttext-align: center;\n\tpadding-block: var(--spacing-mega);\n\tpadding-inline: var(--spacing-lg);\n\tmax-width: var(--container-lg);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgap: var(--spacing-xl);\n}\n\n.success .subtitle {\n\tfont-size: var(--font-size-lg);\n}\n\n.success__icon {\n\tposition: relative;\n\tbackground-color: var(--color-dark);\n\tborder-radius: 100%;\n\twidth: 116px;\n\theight: 116px;\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tplace-items: center;\n}\n\n.success__icon span {\n\tposition: relative;\n\tz-index: 2;\n}\n\n.success__icon::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: block;\n\tbackground-color: var(--color-white);\n\tborder-radius: 100%;\n\twidth: 46px;\n\theight: 46px;\n}\n\n.bg-grey {\n\tbackground-color: var(--color-background-secondary);\n}\n\n.bg-grey:has(.form) .form {\n\tbackground-color: var(--color-background-secondary);\n}\n\n@media (min-width: 920px) {\n\t.text-break {\n\t\tdisplay: block;\n\t\tbreak-before: column;\n\t}\n}\n\n.block:last-child {\n\tpadding-bottom: unset;\n}\n\n.checkbox-container .checkbox-label {\n\tposition: relative;\n\tpadding-inline: 37px 1rem;\n\twidth: auto;\n\torder: unset;\n}\n\n.checkbox-container .checkbox-label input[type=\"checkbox\"] {\n\tdisplay: none;\n}\n\n.checkbox-container .checkbox-label::before {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 22px;\n\theight: 22px;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 0;\n\tbackground-color: transparent;\n\tborder: 1px solid var(--input-border-color);\n\ttransform: translateY(-50%);\n}\n\n.checkbox-container .checkbox-label:has(input[type=\"checkbox\"]:checked)::after {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\twidth: 20px;\n\theight: 20px;\n\ttop: 50%;\n\tleft: 2px;\n\ttransform: translateY(-50%);\n\tclip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);\n\tbackground-color: var(--color-accent);\n}\n\n#back-to-top {\n\tz-index: 99;\n}\n\n#back-to-top .button {\n\tcolor: var(--color-text-secondary);\n\tborder-radius: 12px;\n}\n\n#back-to-top .button:hover {\n\tbackground-color: var(--button-background-color-hover);\n\tcolor: var(--color-white);\n}\n\n.content-legals {\n\tpadding-block: 6rem;\n}\n\n.content-legals ul {\n\tmargin-bottom: 1.5rem;\n\tpadding-left: 1rem;\n}\n\n.content-legals ul ul {\n\tpadding-left: 1rem;\n}\n\n.content-legals h3 {\n\tmargin-block: 2rem 1rem;\n}\n\n/**/\n.menu-cta button {\n\t--button-padding: 0.3rem 0.8rem;\n\tcolor: var(--color-dark, #1f2022);\n\ttext-align: center;\n\tfont-family: var(--font-family-base);\n\tfont-size: var(--font-size-sm);\n\tfont-style: normal;\n\tfont-weight: var(--font-weight-bold);\n\tline-height: 1.5rem;\n\ttext-transform: uppercase;\n\tborder-radius: var(--border-radius-lg);\n\tborder: 1px solid var(--color-neutral-black-20);\n\tbackground: var(--color-white);\n\tbox-shadow: var(--box-shadow-sm);\n\twidth: 100%;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.block-hero {\n\twidth: 100%;\n}\n\n.block-hero .img-hero,\n.block-hero .video-hero {\n\tdisplay: block;\n}\n\n.block-hero .video-hero {\n\tdisplay: block;\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n}\n\n.block-intro {\n\tposition: relative;\n\tpadding-block: var(--spacing-mega);\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.page-home .block-intro {\n\tbackground:\n\t\tlinear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),\n\t\turl(\"https://control.somosevents.es/assets/489a3206-396c-4526-949e-1000eb20903f.jpg\") lightgray -0.442px 0.212px / 100.031% 100.018% no-repeat;\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n}\n\n.block-intro > div {\n\twidth: 100%;\n\tmax-width: var(--container-xxl);\n\tmargin-inline: auto;\n\tpadding-inline: var(--spacing-lg);\n}\n\n.block-intro__grid {\n\tdisplay: grid;\n\tgap: var(--spacing-xl);\n}\n\n@media (width >= 992px) {\n\t.block-intro__grid {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n\t.page-home .block-intro__col:has(.title) {\n\t\tmax-width: 350px;\n\t}\n\n\t.page-home .block-intro__col.text {\n\t\tmax-width: 590px;\n\t\tmargin-inline-start: auto;\n\t}\n}\n\n.block-intro__col .title {\n\tcolor: var(--color-dark);\n\tfont-variant-ligatures: no-common-ligatures;\n}\n\n.block-intro__col.text p {\n\tfont-size: var(--font-size-md);\n\tcolor: var(--color-dark);\n}\n\n.page-home .block-intro__col .title {\n\tcolor: var(--color-white);\n}\n\n.page-home .block-intro__col.text p {\n\tfont-size: 1.125rem;\n\tcolor: var(--color-white);\n}\n\n.block-brands {\n\tbackground-color: var(--color-dark);\n\tpadding-block: 2.625rem;\n}\n\n.block-brands > div {\n\twidth: 100%;\n\tmax-width: var(--container-xxl);\n\tmargin-inline: auto;\n\tpadding-inline: var(--spacing-lg);\n}\n\n.block-brands__grid {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: var(--spacing-xl);\n\talign-self: stretch;\n\tflex-wrap: wrap;\n}\n\n@media (width >= 720px) {\n\t.block-brands__grid {\n\t\tjustify-content: space-between;\n\t}\n}\n\n.block-brands__grid .logo {\n\tdisplay: block;\n\taspect-ratio: 16/9;\n\tobject-fit: contain;\n\tmax-width: 150px;\n}\n\n.block-carousel {\n\t--color-heading: var(--color-dark);\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n\tpadding-block-start: var(--spacing-mega);\n}\n\n.block-last-edition {\n\t--color-heading: var(--color-dark);\n\tbackground-color: var(--color-neutral-black-50);\n\tcolor: var(--color-dark);\n\tpadding-block: var(--spacing-mega);\n}\n\n.block-last-edition__title {\n\t--color-heading: var(--color-dark);\n\ttext-align: center;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\ttext-transform: uppercase;\n}\n\n.c-carousel-gallery {\n\t--carousel-speed: 64s;\n\t--carousel-gap: 4rem;\n\t--carousel-img-width: 320px;\n\n\tdisplay: flex;\n\tpadding-block: var(--spacing-xl);\n\toverflow: hidden;\n}\n\n.c-carousel-gallery__track {\n\tdisplay: flex;\n\twidth: max-content;\n\tgap: var(--carousel-gap);\n\n\tanimation: carousel-infinite var(--carousel-speed) linear infinite;\n\n\twill-change: transform;\n}\n\n.c-carousel-gallery__group {\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tgap: var(--carousel-gap);\n}\n\n.c-carousel-gallery__item {\n\tdisplay: block;\n\twidth: var(--carousel-img-width);\n\theight: auto;\n\taspect-ratio: 4 / 3;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n\n\tfilter: grayscale(100%);\n\tpointer-events: none;\n}\n\n@keyframes carousel-infinite {\n\tto {\n\t\ttransform: translateX(calc(-50% - (var(--carousel-gap) / 2)));\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.c-carousel-gallery__track {\n\t\tanimation: none;\n\t}\n}\n\n.block-last-edition__grid {\n\tdisplay: grid;\n\tgrid-column-gap: var(--gap);\n\tgrid-row-gap: var(--gap);\n}\n\n@media (width >= 720px) {\n\t.block-last-edition__grid {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tgrid-template-rows: repeat(3, 1fr);\n\t}\n\n\t.block-last-edition__col:has(.title) {\n\t\tgrid-area: 1 / 1 / 2 / 2;\n\t}\n\t.block-last-edition__col:has(.c-categorias) {\n\t\tgrid-area: 1 / 2 / 4 / 3;\n\t}\n\t.block-last-edition__col:has(.img-last-edition) {\n\t\tdisplay: flex;\n\t\talign-items: end;\n\t\tgrid-area: 2 / 1 / 4 / 2;\n\t}\n}\n\n.img-last-edition {\n\twidth: 100%;\n\tfilter: grayscale(100%);\n}\n\n.c-categorias {\n\tdisplay: grid;\n}\n\n.c-categorias__item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--gap);\n\tborder-bottom: 1px solid var(--color-neutral-black-40);\n\tpadding-block: 1rem;\n}\n\n.c-categorias__num {\n\tfont-family: var(--font-family-heading);\n\tfont-size: var(--font-size-xxl);\n\topacity: 0.5;\n\tflex-shrink: 0;\n\twidth: 60px;\n}\n\n.c-categorias__title {\n\tfont-size: var(--font-size-lg);\n\tfont-weight: var(--font-weight-semibold);\n}\n\n@media (width >= 720px) {\n\t.c-categorias__num {\n\t\twidth: 30%;\n\t}\n\t.img-last-edition {\n\t\tmax-width: 540px;\n\t}\n}\n\n@media (width >= 920px) {\n\t.c-categorias__num {\n\t\twidth: 50%;\n\t}\n}\n\n.block-marquee {\n\tpadding-block: var(--spacing-xxl) var(--spacing-lg) !important;\n\tbackground-color: #000;\n}\n\n.c-marquee {\n\t--marquee-speed: 40s;\n\t--marquee-gap: clamp(1.5rem, 3vw, 3rem);\n\t/*--marquee-item-width: clamp(600px, 60vw, 850px);*/\n\t--marquee-item-width: auto;\n\n\twidth: 100%;\n\toverflow: hidden;\n}\n\n.c-marquee__track {\n\tdisplay: flex;\n\twidth: max-content;\n\tgap: var(--marquee-gap);\n\n\tanimation: marquee-infinite var(--marquee-speed) linear infinite;\n\twill-change: transform;\n}\n\n.c-marquee__group {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-shrink: 0;\n\tgap: var(--marquee-gap);\n}\n\n.c-marquee__item {\n\twidth: var(--marquee-item-width);\n\tflex: 0 0 var(--marquee-item-width);\n}\n\n.c-marquee__item .title {\n\tfont-size: var(--font-size-marquee);\n\tmargin: 0;\n}\n\n@keyframes marquee-infinite {\n\tto {\n\t\ttransform: translateX(calc(-50% - (var(--marquee-gap) / 2)));\n\t}\n}\n\n.block-cta .img-cta {\n\taspect-ratio: 4/3;\n}\n\n.block-cta__grid {\n\tdisplay: grid;\n}\n\n.block-cta__col {\n\tpadding: var(--spacing-mega);\n}\n\n.block-cta__col .title {\n\tmax-width: 300px;\n\tmargin-block-end: 2.25rem;\n}\n\n.block-cta__col:has(.img-cta) {\n\tpadding: 0;\n}\n\n.img-cta {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tfilter: grayscale(100%);\n\tobject-fit: cover;\n}\n\n@media (width >= 992px) {\n\t.block-cta__grid {\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t}\n\n\t.block-cta .img-cta {\n\t\taspect-ratio: unset;\n\t}\n}\n\ndl.c-steps-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.75rem;\n}\n\ndl.c-steps-list dt {\n\tfont-weight: var(--font-weight-bold);\n\ttext-transform: uppercase;\n}\ndl.c-steps-list dd {\n\tmargin-bottom: 2.625rem;\n}\n\n.block-cta-full {\n\tposition: relative;\n\theight: 60dvh;\n\tpadding-block: var(--spacing-mega);\n\tpadding-bottom: var(--spacing-mega) !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.block-cta-full .img-cta-full {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\ttop: 0;\n\tleft: 0;\n\tobject-fit: cover;\n\tfilter: grayscale(100%);\n\tz-index: 1;\n}\n\n.block-cta-full__content {\n\tposition: relative;\n\tz-index: 2;\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: auto;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.block-cta-full__content div:has(.title) {\n\tmargin-block-start: auto;\n}\n\n.block-cta-full__content div:has(.button) {\n\tmargin-block-start: auto;\n}\n\n.block-cta-full__content .button {\n\tmargin: auto;\n}\n\n@media (width >= 992px) {\n\t.block-cta-full {\n\t\theight: 80dvh;\n\t}\n\n\t.block-cta-full__content {\n\t\theight: 70dvh;\n\t}\n\n\t.block-cta-full__content div:has(.title) {\n\t\tmargin-block-start: 20dvh;\n\t}\n}\n\n/* icons */\n[class^=\"icon--\"] {\n\tdisplay: inline-block;\n\twidth: var(--icon-size);\n\theight: var(--icon-size);\n\tvertical-align: -0.125em;\n\tbackground-color: currentColor;\n\t-webkit-mask-image: var(--svg);\n\tmask-image: var(--svg);\n\t-webkit-mask-repeat: no-repeat;\n\tmask-repeat: no-repeat;\n\t-webkit-mask-size: 100% 100%;\n\tmask-size: 100% 100%;\n}\n\n.icon--arrow-up-right-circle {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.854 10.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z'/%3E%3C/svg%3E\");\n}\n\n.icon--check {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 12l6 6L20 6'/%3E%3C/svg%3E\");\n}\n\n.icon--arrow-up-right {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M8 6h10v10'/%3E%3C/svg%3E\");\n}\n\n.icon--instagram {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.947 8.305a6.5 6.5 0 0 0-.419-2.216a4.6 4.6 0 0 0-2.633-2.633a6.6 6.6 0 0 0-2.186-.42c-.962-.043-1.267-.055-3.709-.055s-2.755 0-3.71.055a6.6 6.6 0 0 0-2.185.42a4.6 4.6 0 0 0-2.633 2.633a6.6 6.6 0 0 0-.419 2.185c-.043.963-.056 1.268-.056 3.71s0 2.754.056 3.71c.015.748.156 1.486.419 2.187a4.6 4.6 0 0 0 2.634 2.632a6.6 6.6 0 0 0 2.185.45c.963.043 1.268.056 3.71.056s2.755 0 3.71-.056a6.6 6.6 0 0 0 2.186-.419a4.62 4.62 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.187c.043-.962.056-1.267.056-3.71c-.002-2.442-.002-2.752-.058-3.709m-8.953 8.297c-2.554 0-4.623-2.069-4.623-4.623s2.069-4.623 4.623-4.623a4.623 4.623 0 0 1 0 9.246m4.807-8.339a1.077 1.077 0 0 1-1.078-1.078a1.077 1.077 0 1 1 2.155 0c0 .596-.482 1.078-1.077 1.078'/%3E%3Cpath fill='black' d='M11.994 8.976a3.003 3.003 0 1 0 0 6.006a3.003 3.003 0 1 0 0-6.006'/%3E%3C/svg%3E\");\n}\n\n.icon--facebook {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23SVGXv8lpc2Y)'%3E%3Cpath fill='black' fill-rule='evenodd' d='M0 12.067C0 18.034 4.333 22.994 10 24v-8.667H7V12h3V9.333c0-3 1.933-4.666 4.667-4.666c.866 0 1.8.133 2.666.266V8H15.8c-1.467 0-1.8.733-1.8 1.667V12h3.2l-.533 3.333H14V24c5.667-1.006 10-5.966 10-11.933C24 5.43 18.6 0 12 0S0 5.43 0 12.067' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='SVGXv8lpc2Y'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.icon--youtube {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23SVGXv8lpc2Y)'%3E%3Cpath fill='black' d='M23.5 6.507a2.8 2.8 0 0 0-.766-1.27a3.05 3.05 0 0 0-1.338-.742C19.518 4 11.994 4 11.994 4a77 77 0 0 0-9.39.47a3.16 3.16 0 0 0-1.338.76c-.37.356-.638.795-.778 1.276A29 29 0 0 0 0 12c-.012 1.841.151 3.68.488 5.494c.137.479.404.916.775 1.269s.833.608 1.341.743c1.903.494 9.39.494 9.39.494a77 77 0 0 0 9.402-.47a3.05 3.05 0 0 0 1.338-.742a2.8 2.8 0 0 0 .765-1.27A28.4 28.4 0 0 0 24 12.023a26.6 26.6 0 0 0-.5-5.517M9.602 15.424V8.577l6.26 3.424z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='SVGXv8lpc2Y'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.icon--tiktok {\n\t--svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.321 5.562a5 5 0 0 1-.443-.258a6.2 6.2 0 0 1-1.137-.966c-.849-.971-1.166-1.956-1.282-2.645h.004c-.097-.573-.057-.943-.05-.943h-3.865v14.943q.002.3-.008.595l-.004.073q0 .016-.003.033v.009a3.28 3.28 0 0 1-1.65 2.604a3.2 3.2 0 0 1-1.6.422c-1.8 0-3.26-1.468-3.26-3.281s1.46-3.282 3.26-3.282c.341 0 .68.054 1.004.16l.005-3.936a7.18 7.18 0 0 0-5.532 1.62a7.6 7.6 0 0 0-1.655 2.04c-.163.281-.779 1.412-.853 3.246c-.047 1.04.266 2.12.415 2.565v.01c.093.262.457 1.158 1.049 1.913a7.9 7.9 0 0 0 1.674 1.58v-.01l.009.01c1.87 1.27 3.945 1.187 3.945 1.187c.359-.015 1.562 0 2.928-.647c1.515-.718 2.377-1.787 2.377-1.787a7.4 7.4 0 0 0 1.296-2.153c.35-.92.466-2.022.466-2.462V8.273c.047.028.672.441.672.441s.9.577 2.303.952c1.006.267 2.363.324 2.363.324V6.153c-.475.052-1.44-.098-2.429-.59'/%3E%3C/svg%3E\");\n}\n\n.c-list-menu {\n\topacity: 0.5;\n\tlist-style: none;\n\tdisplay: grid;\n\tgap: 1.5rem;\n\ttext-align: center;\n\twidth: 100%;\n}\n\n.c-list-menu a {\n\ttext-decoration: none;\n\tfont-weight: var(--font-weight-bold);\n}\n\n@media (width >= 992px) {\n\t.c-list-menu {\n\t\twidth: fit-content;\n\t\ttext-align: start;\n\t}\n}\n\n/* Page categories */\n\n.page-categories {\n}\n\n.block-title__grid {\n\tbackground-color: var(--color-dark);\n\tpadding-block: var(--spacing-mega);\n\tpadding-inline: var(--spacing-lg);\n\tcolor: var(--color-white);\n\tdisplay: grid;\n\tgap: var(--spacing-xl);\n}\n\n.block-categories__items {\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.block-categories__item {\n\t--cat-num: \"01\";\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgap: 0;\n}\n\n.block-categories__item p,\n.block-categories__item .title {\n\tcolor: var(--color-dark);\n}\n\n.block-categories__image {\n\twidth: 100%;\n}\n\n.img-categorie {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\taspect-ratio: 1;\n\tobject-fit: cover;\n}\n\n.block-categories__content {\n\tpadding-block: var(--spacing-xxl);\n\tpadding-inline: var(--spacing-xl);\n}\n\n.block-categories__item .title {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: var(--spacing-md);\n\tflex-direction: column;\n}\n\n.block-categories__item .title::after {\n\tcontent: var(--cat-num);\n\tflex-shrink: 0;\n\topacity: 0.5;\n\torder: -1;\n}\n\n@media (width >= 992px) {\n\t.block-categories__item {\n\t\tgrid-template-columns:\n\t\t\tminmax(280px, 1fr)\n\t\t\tminmax(0, 2fr);\n\t}\n\n\t.block-title__grid {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n\t.block-categories__item .title {\n\t\tflex-direction: row;\n\t}\n\t.block-categories__item .title::after {\n\t\torder: unset;\n\t}\n}\n\n.block-categories__item.categorie-1 {\n\t--cat-num: \"01\";\n}\n.block-categories__item.categorie-2 {\n\t--cat-num: \"02\";\n}\n.block-categories__item.categorie-3 {\n\t--cat-num: \"03\";\n}\n.block-categories__item.categorie-4 {\n\t--cat-num: \"04\";\n}\n.block-categories__item.categorie-5 {\n\t--cat-num: \"05\";\n}\n.block-categories__item.categorie-6 {\n\t--cat-num: \"06\";\n}\n.block-categories__item.categorie-7 {\n\t--cat-num: \"07\";\n}\n.block-categories__item.categorie-8 {\n\t--cat-num: \"08\";\n}\n\n/* Page candidaturas */\n\n.form-register {\n}\n\n.block--white {\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.block--white p,\n.block--white .title,\n.block--white .subtitle {\n\tcolor: var(--color-dark);\n}\n\n.input .title {\n\tmargin-block: var(--spacing-xxl);\n}\n\n.input .subtitle {\n\tmargin-block-start: var(--spacing-xl);\n}\n\n/* voting */\n\n.form-voting {\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.form-voting .form {\n\tbackground-color: var(--color-white);\n}\n\n.form-voting button {\n\t--button-background-color: var(--color-dark);\n\t--button-background-color-hover: var(--color-primary);\n\t--button-color: var(--color-white);\n\t--button-color-hover: var(--color-dark);\n\t--button-border-color: var(--color-dark);\n\t--button-border-color-hover: var(--color-dark);\n}\n\n.form-voting .step_0 .subtitle {\n\tfont-size: var(--font-size-base);\n}\n\n.form-voting .form-container {\n\tgrid-template-columns: 1fr;\n}\n\n.form-voting .submit-btn-container,\n.form-voting .input-col-span,\n.form-voting .input:has(.title),\n.form-voting .input:has(.subtitle) {\n\tgrid-column: span 1;\n}\n\n.form-voting:has(.step_0, .step_1) {\n\tposition: relative;\n\tdisplay: grid;\n}\n\n.form-voting:has(.step_0, .step_1)::after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 100%;\n\theight: 50dvh;\n\tbackground-color: var(--color-neutral-black-40);\n}\n\n@media (width >= 992px) {\n\t.form-voting:has(.step_0, .step_1) {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\t.form-voting:has(.step_0, .step_1)::after {\n\t\theight: 100%;\n\t}\n}\n\n/* ==========================================================\n VOTING FORM\n ========================================================== */\n\n.form-voting .input fieldset {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgrid-template-areas:\n\t\t\"title\"\n\t\t\"option-1\"\n\t\t\"option-2\"\n\t\t\"option-3\"\n\t\t\"help\";\n\n\tgap: var(--spacing-lg);\n\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tmin-width: 0;\n}\n\n/* ==========================================================\n LEGEND / TITLE\n ========================================================== */\n\n.form-voting .input fieldset > legend {\n\tgrid-area: title;\n\n\tfloat: none;\n\twidth: auto;\n\tmax-width: 500px;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-family: var(--font-family-heading);\n\tfont-size: var(--font-size-xxl);\n\tfont-weight: var(--font-weight-heading);\n\ttext-transform: uppercase;\n\tline-height: var(--line-height-heading);\n}\n\n/* ==========================================================\n OPTIONS\n ========================================================== */\n\n.form-voting .input fieldset > label {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.75rem;\n\n\tmin-width: 0;\n\n\tcursor: pointer;\n}\n\n.form-voting .input fieldset > label:nth-of-type(1) {\n\tgrid-area: option-1;\n}\n\n.form-voting .input fieldset > label:nth-of-type(2) {\n\tgrid-area: option-2;\n}\n\n.form-voting .input fieldset > label:nth-of-type(3) {\n\tgrid-area: option-3;\n}\n\n/* ==========================================================\n OPTION TEXT\n ========================================================== */\n\n.form-voting .input fieldset .choice-text-container {\n\tmin-width: 0;\n}\n\n.form-voting .input fieldset .choice-text {\n\tfont-size: var(--font-size-md);\n\tline-height: 1.2;\n}\n\n/* ==========================================================\n HELP TEXT\n ========================================================== */\n\n.form-voting .input fieldset > .help-text {\n\tgrid-area: help;\n\n\tmargin: 0;\n\n\ttext-align: start;\n}\n\n.form-voting .input fieldset > .help-text small {\n\tfont-size: var(--font-size-sm);\n}\n\n/* ==========================================================\n DESKTOP\n ========================================================== */\n\n@media (width >= 992px) {\n\t.form-voting .input fieldset {\n\t\tgrid-template-columns:\n\t\t\tminmax(0, 1fr)\n\t\t\tminmax(280px, 1fr);\n\n\t\tgrid-template-areas:\n\t\t\t\"title option-1\"\n\t\t\t\"title option-2\"\n\t\t\t\"help option-3\";\n\n\t\tcolumn-gap: clamp(3rem, 8vw, 8rem);\n\t\trow-gap: 1.5rem;\n\n\t\talign-items: start;\n\t}\n\n\t.form-voting .input fieldset > legend {\n\t\talign-self: start;\n\t}\n\n\t.form-voting .input fieldset > .help-text {\n\t\talign-self: end;\n\t}\n\t.form-voting .step_2 button,\n\t.form-voting .step_3 button,\n\t.form-voting .step_4 button,\n\t.form-voting .step_5 button,\n\t.form-voting .step_6 button {\n\t\tmargin-inline-start: 55%;\n\t}\n}\n\n.form-voting__intro {\n\tdisplay: grid;\n\tcolumn-gap: var(--spacing-xxl);\n\trow-gap: var(--spacing-xl);\n}\n\n.form-voting__intro .num-title {\n\tmargin-block-end: var(--spacing-xl);\n}\n\n.form-voting__intro .title {\n\tmargin-block: 0;\n}\n\n.form-voting__intro .subtitle {\n\tfont-size: var(--font-size-base);\n}\n\n.form-voting__cards {\n\tdisplay: grid;\n\tgap: var(--spacing-lg);\n\tmargin-block: var(--spacing-xl) var(--spacing-mega);\n}\n\n@media (width >= 992px) {\n\t.form-voting__intro {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\t.form-voting__cards {\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t}\n}\n\n.c-card {\n\tbackground-color: var(--color-dark);\n\tcolor: var(--color-white);\n}\n\n.c-card__image {\n\tposition: relative;\n\taspect-ratio: 16/13;\n}\n\n.c-card__image .img-card {\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tz-index: 2;\n}\n\n.c-card__image .button {\n\t--icon-size: 1.5rem;\n\tposition: absolute;\n\tbottom: var(--spacing-xs);\n\tleft: var(--spacing-xs);\n\tz-index: 3;\n\twidth: 80px;\n}\n\n.c-card__content {\n\tpadding: var(--spacing-xl);\n}\n\n.c-card__content .title {\n\tmargin-block: 0;\n\tcolor: var(--color-white);\n\tfont-family: var(--font-family-base);\n\ttext-transform: uppercase;\n\tfont-size: 1.5rem;\n\tfont-weight: var(--font-weight-heading);\n\tmargin-bottom: var(--spacing-md);\n}\n\n.c-card__content .name {\n\tmargin-block: 0;\n\tcolor: var(--color-white);\n}\n\n.c-steps {\n\t--num-steps: \"1/5\";\n\tdisplay: flex;\n\tgap: var(--spacing-xs);\n\talign-items: center;\n\tpadding-block: var(--spacing-xl);\n}\n\n.c-steps__num {\n\tposition: relative;\n\tfont-size: var(--font-size-base);\n\tfont-weight: var(--font-weight-bold);\n}\n\n.c-steps__num::after {\n\tcontent: var(--num-steps);\n}\n\n.c-steps__step {\n\t--bg-color-step: #e6e6e6;\n\tflex: 1 1 0;\n\theight: 4px;\n\tbackground-color: var(--bg-color-step);\n\tborder-radius: 3px;\n}\n\n.step_2 .c-steps__step.step-1 {\n\t--bg-color-step: var(--color-dark);\n}\n.step_3 .c-steps__step.step-2 {\n\t--bg-color-step: var(--color-dark);\n}\n.step_4 .c-steps__step.step-3 {\n\t--bg-color-step: var(--color-dark);\n}\n.step_5 .c-steps__step.step-4 {\n\t--bg-color-step: var(--color-dark);\n}\n.step_6 .c-steps__step.step-5 {\n\t--bg-color-step: var(--color-dark);\n}\n\n.step_2 .c-steps {\n\t--num-steps: \"1/5\";\n}\n\n.step_3 .c-steps {\n\t--num-steps: \"2/5\";\n}\n\n.step_4 .c-steps {\n\t--num-steps: \"3/5\";\n}\n\n.step_5 .c-steps {\n\t--num-steps: \"4/5\";\n}\n\n.step_6 .c-steps {\n\t--num-steps: \"5/5\";\n}\n\n@media (width >= 992px) {\n\t.c-steps {\n\t\tgap: var(--spacing-lg);\n\t}\n}\n\n.block-form-legals {\n\t--color-text-primary: var(--color-dark);\n\tpadding-bottom: var(--spacing-mega) !important;\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.block-form-legals .container {\n\tmax-width: var(--container-xl);\n}\n\n.input-check-legal p,\n.block-form-legals p {\n\tfont-size: var(--font-size-xs);\n\tmargin-bottom: 0.3rem;\n}\n\n.page-legals {\n\t--color-text-primary: var(--color-dark);\n\t--color-heading: var(--color-dark);\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.page-legals .container {\n\tmax-width: var(--container-xl);\n}\n\n.block-legals {\n\t--color-text-primary: var(--color-dark);\n\tpadding-block-end: var(--spacing-mega) !important;\n\tbackground-color: var(--color-white);\n\tcolor: var(--color-dark);\n}\n\n.block-legals-title {\n\tpadding-block-start: var(--spacing-mega);\n\tpadding-block-end: var(--spacing-xl);\n}\n\n.block-legals.container {\n\tdisplay: grid;\n\tgap: var(--spacing-xl);\n}\n\n.block-legals ul,\n.block-legals ol {\n\tpadding-inline-start: var(--spacing-md);\n\tmargin-block-end: var(--spacing-lg);\n}\n\n.block-legals ul li,\n.block-legals ol li {\n\tmargin-block-end: var(--spacing-md);\n}\n\n.block-legals dl {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(9rem, 28%) 1fr;\n\tmargin: 1rem 0;\n\tborder-top: 1px solid var(--color-neutral-black-5);\n\tborder-left: 1px solid var(--color-neutral-black-5);\n}\n\n.block-legals dt,\n.block-legals dd {\n\tmargin: 0;\n\tpadding: 0.75rem 1rem;\n\tborder-right: 1px solid var(--color-neutral-black-5);\n\tborder-bottom: 1px solid var(--color-neutral-black-5);\n}\n\n.block-legals dt {\n\tfont-weight: var(--font-weight-bold);\n}\n\n/* Espaciado interno de los contenidos de dd */\n.block-legals dd > :first-child {\n\tmargin-top: 0;\n}\n.block-legals dd > :last-child {\n\tmargin-bottom: 0;\n}\n\n@media (max-width: 600px) {\n\t.block-legals dl {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.block-legals dt {\n\t\tborder-bottom: 0;\n\t}\n}\n","css_color_error":"#E23636","css_color_neutral":"#111215","css_color_primary":"#1B1EC5","css_color_secondary":"#06BEB6","css_color_success":"#2FCCA7","cookie_script":" \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n ","tag_manager_body":"","font_regular":null,"address":null,"date_start":"2026-09-06T12:00:00","date_end":"2027-09-08T12:00:00","menu_cta":true,"menu_cta_url":null,"menu_cta_text":null,"header_buttons_align":"center","menu_links":null,"twitter":null,"instagram":null,"facebook":null,"linkedin":null,"youtube":null,"tiktok":null,"logout_content":null,"concact_number":null,"contact_email":null,"is_custom_header":false,"favicon":"459a1040-5ef5-49fa-93fb-72d7eb73a703","languages":[{"languages_code":"es-ES"}],"footer_sections":[{"id":128,"sort":null,"user_created":"514ae1a7-c5b9-457f-9473-98dfae76f1d4","date_created":"2026-09-08T13:15:50.000Z","user_updated":"514ae1a7-c5b9-457f-9473-98dfae76f1d4","date_updated":"2026-11-03T15:15:35.000Z","type":"html","html":null,"text":null,"links":null,"width":"100","title":"Footer","event":94,"direction":"horizontal","translations":[{"id":27,"footer_sections_id":128,"languages_code":"es-ES","html":"\n","text":null,"links":null}]}],"menu_translations":[{"id":10,"events_id":94,"languages_code":"es-ES","menu_links":[{"url":"/","text":"Inicio"},{"url":"/categorias","text":"Categorías"}],"logout_content":null,"custom_html":null,"menu_cta_text":"Enviar candidaturas","menu_cta_url":"/es-ES/candidaturas"}],"menu_logo":{"id":"97b83ed4-3312-41e6-8ead-6b4223d02aac","storage":"s3","filename_disk":"97b83ed4-3312-41e6-8ead-6b4223d02aac.svg","filename_download":"loreal-logo-v2.svg","title":"Loreal Logo V2","type":"image/svg+xml","folder":"ff95fa06-6c79-44d3-b034-0db273525e39","uploaded_by":"514ae1a7-c5b9-457f-9473-98dfae76f1d4","created_on":"2026-10-09T11:32:26.000Z","modified_by":null,"modified_on":"2026-10-09T11:32:26.000Z","charset":null,"filesize":9461,"width":null,"height":null,"duration":null,"embed":null,"description":null,"location":null,"tags":null,"metadata":null,"focal_point_x":null,"focal_point_y":null,"tus_id":null,"tus_data":null,"uploaded_on":"2026-10-09T11:32:26.000Z","block_gallery":[]}}}]}

¿TIENES DUDAS? ESCRÍBENOS A

FROM THE BACKSTAGE TO THE FRONTSTAGE

FROM THE BACKSTAGE TO THE FRONTSTAGE

FROM THE BACKSTAGE TO THE FRONTSTAGE