/* Colores por variante ICO Foods. * B2B = celeste / B2C = azul corporativo. * Se apoya en las clases que el theme agrega al . */ .ico-ldr-app { --ico-ldr-accent: #459CD6; --ico-ldr-accent-hover: #3682B3; } body.ico-variant-b2b .ico-ldr-app { --ico-ldr-accent: #459CD6; --ico-ldr-accent-hover: #3682B3; } body.ico-variant-b2c .ico-ldr-app { --ico-ldr-accent: #0B4460; --ico-ldr-accent-hover: #08364B; } .ldr-page-wrapper { max-width: 1184px; margin: 0 auto; padding: 0 24px 80px; box-sizing: border-box; background-color: #FFF; } .ldr-container { width: 100%; } #carrito-breadcrumb { width: 100%; padding: 24px 0 0 0; } .carrito-breadcrumb-inner { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } .carrito-breadcrumb-item { display: inline-flex; align-items: center; gap: 8px; color: var(--ICO-texto-mate, #343737); text-align: center; font-family: 'Avenir Next LT Pro', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: none; transition: color 0.2s ease; } .carrito-breadcrumb-item:hover { color: var(--ico-ldr-accent, #459CD6); } .carrito-breadcrumb-item.active { color: var(--ICO-texto-mate, #343737); pointer-events: none; } .carrito-breadcrumb-separator { display: flex; align-items: center; flex-shrink: 0; width: 24px; height: 24px; } .carrito-breadcrumb-separator img { width: 100%; height: 100%; object-fit: contain; } /* Header Info (Logo + Business Details) */ .ldr-header-info { display: flex; align-items: center; gap: 40px; margin-top: 24px; margin-bottom: 40px; justify-content: center; } .ldr-logo { width: 150px; height: 113px; object-fit: contain; } .ldr-business-text { color: #000; font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .ldr-business-text strong { font-weight: 700; } /* Sección y Título */ .ldr-section-title { display: flex; padding: 10px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 8px; background: var(--ico-ldr-accent, #459CD6); color: var(--Blanco, #FFF); font-family: "Avenir Next LT Pro", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: uppercase; margin: 0 0 24px 0; } /* Formularios - Grid y Grupos */ .ldr-form-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; } .ldr-form-group.full-width { width: 100%; } .ldr-form-row { display: flex; gap: 16px; } .ldr-form-row.col-4>.ldr-form-group { flex: 1; min-width: 0; } /* Labels e Inputs por Defecto (Activos) */ .ldr-form-group label { color: var(--ico-ldr-accent, #459CD6); font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .ldr-form-group input:not([type="radio"]):not([type="checkbox"]), .ldr-form-group select { display: flex; height: 48px; max-height: 192px; padding: 0 16px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid #5F5F5B !important; background-color: #FFF !important; color: #464544 !important; font-family: "Avenir Next LT Pro", sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: 24px !important; box-sizing: border-box !important; width: 100%; outline: none !important; box-shadow: none !important; } .ldr-form-group input::placeholder { color: #B2B2AE !important; } .ldr-form-group select { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%233D3D3C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; padding-right: 48px !important; } .ldr-form-group select:has(option[value=""]:checked) { color: #B2B2AE !important; } /* Checkbox Menor de edad */ .ldr-checkbox-group { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; } input[type="checkbox"].ldr-checkbox { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #3D3D3C; background-color: #FFF; margin: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } input[type="checkbox"].ldr-checkbox:checked::after { content: "✓"; color: #3D3D3C; font-size: 16px; font-weight: bold; } .ldr-checkbox-label { color: #3D3D3C; font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; cursor: pointer; user-select: none; } /* Campos Menor de edad Inactivos (Disabled) */ .ldr-minor-fields .ldr-form-group label.disabled-label { color: #B2B2AE; } .ldr-minor-fields input:not([type="radio"]):not([type="checkbox"]):disabled, .ldr-minor-fields select:disabled { border: 1px solid #B2B2AE !important; background-color: #FFF !important; color: #B2B2AE !important; outline: none !important; box-shadow: none !important; } .ldr-minor-fields select:disabled { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; font-family: "Avenir Next LT Pro", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 24px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23B2B2AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; } /* Radio buttons */ .ldr-radio-group { display: flex; gap: 24px; align-items: center; height: 48px; } .ldr-radio-item { display: flex; align-items: center; gap: 8px; cursor: pointer; } input[type="radio"].ldr-radio { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border-radius: 15px; border: 1px solid #3D3D3C; background: #FFF; margin: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } input[type="radio"].ldr-radio:checked { border-color: var(--ico-ldr-accent, #459CD6) !important; } input[type="radio"].ldr-radio:checked::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background-color: var(--ico-ldr-accent, #459CD6) !important; } .ldr-radio-label { color: #3D3D3C; font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-weight: 600; line-height: normal; } /* Explanatory box (Seccion 3) */ .ldr-explanatory-box { color: #3D3D3C; font-family: "Avenir Next LT Pro", sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .ldr-explanatory-box p { margin: 0 0 8px 0; } .ldr-explanatory-box p:last-child { margin-bottom: 0; } /* Textareas (Seccion 3) */ .ldr-form-group textarea { display: block; min-height: 120px; padding: 16px; box-sizing: border-box !important; align-self: stretch; border-radius: 8px; border: 1px solid #5F5F5B !important; background-color: #FFF !important; color: #464544 !important; font-family: "Avenir Next LT Pro", sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: 600 !important; line-height: 24px !important; resize: none !important; outline: none !important; box-shadow: none !important; width: 100%; } .ldr-form-group textarea::placeholder { color: #B2B2AE !important; } /* Layout 2 columns */ .ldr-form-row.col-2 { display: flex; gap: 24px; } .ldr-form-row.col-2>*:nth-child(1) { flex: 0 0 312px; width: 312px; box-sizing: border-box; } .ldr-form-row.col-2>*:nth-child(2) { flex: 0 0 800px; width: 800px; box-sizing: border-box; } /* Observations textarea */ .ldr-form-group textarea.ldr-textarea-observations { display: flex; max-height: 192px; padding: 20px 16px !important; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid #5F5F5B !important; background-color: #E3E3E3 !important; color: #3D3D3C !important; } .ldr-form-group textarea.ldr-textarea-observations::placeholder { color: #B2B2AE !important; } /* Legal disclaimers */ .ldr-legal-disclaimer { margin-top: 24px; margin-bottom: 24px; } .ldr-legal-disclaimer p { color: #3D3D3C; font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0 0 16px 0; } .ldr-legal-disclaimer p:last-child { margin-bottom: 0; } .ldr-legal-disclaimer p a.ldr-link-blue { color: var(--ico-ldr-accent, #459CD6); font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration: none; } /* Custom Checkbox Group */ .ldr-checkbox-group-custom { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px; } input[type="checkbox"].ldr-checkbox-custom { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #3D3D3C; background: #FFF; margin: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } input[type="checkbox"].ldr-checkbox-custom:checked { background-color: var(--ico-ldr-accent, #459CD6) !important; border-color: var(--ico-ldr-accent, #459CD6) !important; } input[type="checkbox"].ldr-checkbox-custom:checked::after { content: ""; width: 6px; height: 11px; border: solid #FFF; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); margin-bottom: 2px; } .ldr-checkbox-label-custom { color: #3D3D3C; font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; cursor: pointer; user-select: none; } /* Los enlaces administrables de los consentimientos deben conservar siempre * el color de la variante activa, incluso después de haber sido visitados. * Se usa !important para neutralizar reglas globales a:visited del theme/navegador. */ .ico-ldr-app .ldr-checkbox-label-custom a, .ico-ldr-app .ldr-checkbox-label-custom a:link, .ico-ldr-app .ldr-checkbox-label-custom a:visited, .ico-ldr-app .ldr-checkbox-label-custom a:hover, .ico-ldr-app .ldr-checkbox-label-custom a:focus, .ico-ldr-app .ldr-checkbox-label-custom a:active { color: var(--ico-ldr-accent, #459CD6) !important; font-family: inherit; font-size: inherit; font-weight: 700; line-height: inherit; text-decoration: underline; text-underline-offset: 2px; } .ldr-link-celeste { color: var(--ico-ldr-accent, #459CD6); font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration: none; } .ldr-link-privacy { color: var(--ico-ldr-accent, #459CD6); font-family: "Avenir Next LT Pro", sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } /* Submit Button */ .ldr-btn-submit-container { display: flex; justify-content: center; width: 100%; margin-top: 40px; } .ldr-btn-submit { display: flex; width: 320px; height: 48px; min-width: 120px; padding: 16px 32px; justify-content: center; align-items: center; gap: 8px; border-radius: 12px; background: var(--ico-ldr-accent, #459CD6); color: var(--ICO-Blanco, #FFF); text-align: center; font-family: "Avenir Next LT Pro", sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; border: none; cursor: pointer; transition: background-color 0.2s ease; } .ldr-btn-submit.inactive, .ldr-btn-submit:disabled { background: #EAEAEA; color: #A4A4A4; cursor: not-allowed; } .ldr-btn-submit:hover { background: var(--ico-ldr-accent-hover, #3682B3); } /* Responsive */ @media (max-width: 1024px) { .ldr-page-wrapper { padding: 0 24px 40px; } #carrito-breadcrumb { padding: 24px 0 0 0; } .ldr-header-info { flex-direction: column; gap: 24px; align-items: flex-start; text-align: left; } .ldr-form-row { flex-direction: column; gap: 0; } .ldr-form-row.col-4>.ldr-form-group { margin-bottom: 24px; } .ldr-form-row.col-2 { flex-direction: column; gap: 0; } .ldr-form-row.col-2>*:nth-child(1), .ldr-form-row.col-2>*:nth-child(2) { width: 100% !important; flex: 1 1 auto !important; } .ldr-form-row.col-2>.ldr-form-group { margin-bottom: 24px; } .ldr-explanatory-box { margin-bottom: 24px; } .ldr-btn-submit { width: 100% !important; align-self: stretch; font-size: 20px !important; line-height: 24px !important; color: var(--ICO-Blanco, #FFF) !important; } } /* ICO LDR plugin adjustments */ .ico-ldr-app { background: transparent; } .ico-ldr-app .carrito-breadcrumb-separator { color: #343737; font-family: "Avenir Next LT Pro", sans-serif; font-weight: 700; width: auto; height: auto; } .ico-ldr-app .ldr-section-title { text-transform: uppercase; } .ico-ldr-app .ldr-claim-row { align-items: center; } .ico-ldr-app .ldr-form.is-loading .ldr-btn-submit { opacity: .75; pointer-events: none; } .ico-ldr-app .ldr-field-error { border-color: #e53935 !important; } .ico-ldr-app .ldr-error-message { color: #e53935; font-family: "Avenir Next LT Pro", sans-serif; font-size: 14px; font-weight: 700; margin: 10px 0; text-align: center; } .ico-ldr-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 24px; font-family: "Avenir Next LT Pro", sans-serif; } .ico-ldr-modal.is-open { display: flex; } .ico-ldr-modal__overlay { position: absolute; inset: 0; background: rgba(0, 69, 97, .48); backdrop-filter: blur(2px); } .ico-ldr-modal__box { position: relative; width: min(520px, 100%); background: #fff; border-radius: 24px; padding: 34px 28px 30px; text-align: center; box-shadow: 0 28px 80px rgba(0,0,0,.22); border: 1px solid rgba(69,156,214,.18); } .ico-ldr-modal__close { position: absolute; top: 14px; right: 16px; width: 32px; height: 32px; border: 0; background: #f2f4f5; color: #004561; border-radius: 999px; cursor: pointer; font-size: 22px; line-height: 32px; display: inline-flex; align-items: center; justify-content: center; } .ico-ldr-modal__icon { width: 68px; height: 68px; margin: 0 auto 16px; border-radius: 50%; background: #8BC53F; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 42px; font-weight: 800; } .ico-ldr-modal h3 { margin: 0 0 8px; color: #004561; font-size: 28px; line-height: 1.15; font-weight: 800; } .ico-ldr-modal p { margin: 0 0 10px; color: #343737; font-size: 16px; } .ico-ldr-modal__number { display: inline-flex; background: #e8f4fb; color: #004561; padding: 10px 18px; border-radius: 999px; font-size: 20px; margin: 6px 0 22px; } .ico-ldr-modal__actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } .ico-ldr-btn { min-width: 160px; height: 46px; padding: 0 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; text-decoration: none !important; cursor: pointer; border: 1px solid var(--ico-ldr-accent, #459CD6); font-family: "Avenir Next LT Pro", sans-serif; } .ico-ldr-btn--primary { background: var(--ico-ldr-accent, #459CD6); color: #fff !important; } .ico-ldr-btn--outline { background: #fff; color: var(--ico-ldr-accent, #459CD6) !important; } .ico-ldr-btn:hover, .ico-ldr-btn:visited { text-decoration: none !important; } @media (max-width: 640px) { .ico-ldr-modal__actions { flex-direction: column; } .ico-ldr-btn { width: 100%; } } /* Fix LDR breadcrumb: evitar color visited/purple en la página del libro */ .ico-ldr-app .carrito-breadcrumb-item, .ico-ldr-app .carrito-breadcrumb-item:visited, .ico-ldr-app .carrito-breadcrumb-item:active, .ico-ldr-app .carrito-breadcrumb-item:focus, .ico-ldr-app .carrito-breadcrumb-item:hover, .ico-ldr-app .carrito-breadcrumb-item.active, .ico-ldr-app .carrito-breadcrumb-item.active:visited { color: #343737 !important; text-decoration: none !important; } .ico-ldr-app .carrito-breadcrumb-item:hover { color: #343737 !important; } /* Mantener también los links auxiliares del LDR en el color B2B/B2C tras visitarlos. */ .ico-ldr-app a.ldr-link-celeste:visited, .ico-ldr-app a.ldr-link-privacy:visited { color: var(--ico-ldr-accent, #459CD6) !important; }