/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */
html{font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;}
body{margin: 0;}
article,aside,footer,header,nav,section{display: block;}
h1{font-size: 2em;
margin: .67em 0;}
figcaption,figure,main{display: block;}
hr{box-sizing: content-box;
height: 0;
overflow: visible;}
a{background-color: transparent;
-webkit-text-decoration-skip: objects;}
a:active,a:hover{outline-width: 0;}
address{font-style: normal;}
b,strong{font-weight: inherit;}
b,strong{font-weight: bolder;}
code,kbd,pre,samp{font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
font-size: 1em;}
dfn{font-style: italic;}
small{font-size: 80%;
font-weight: 400;}
sub,sup{font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
audio,video{display: inline-block;}
audio:not([controls]){display: none;
height: 0;}
img{border-style: none;}
svg:not(:root){overflow: hidden;}
button,input,optgroup,select,textarea{font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;}
button,input{overflow: visible;}
button,select{text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;
padding: 0;}
fieldset{border: 0;
margin: 0;
padding: 0;}
legend{box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;}
progress{display: inline-block;
vertical-align: baseline;}
textarea{overflow: auto;}
[type="checkbox"],[type="radio"]{box-sizing: border-box;
padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;}
[type="search"]{-webkit-appearance: textfield;
outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;
font: inherit;}
details,menu{display: block;}
summary{display: list-item;
outline: none;}
canvas{display: inline-block;}
template{display: none;}
[hidden]{display: none;}
*,*::before,*::after{box-sizing: inherit;}
html{box-sizing: border-box;
font-size: 20px;
line-height: 1.5;
-webkit-tap-highlight-color: transparent;}
body{background: #fff;
color: #2b211c;
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: .8rem;
overflow-x: hidden;
text-rendering: optimizeLegibility;}
a{color: #3b2f96;
outline: none;
text-decoration: none;}
a:focus{box-shadow: 0 0 0 .1rem rgba(59, 47, 150, .2);}
a:focus,a:hover,a:active{color: #2a2070;
text-decoration: underline;}
a:visited{color: #807fe2;}
h1,h2,h3,h4,h5,h6{color: inherit;
font-weight: 500;
line-height: 1.2;
margin-bottom: .5em;
margin-top: 0;}
h1{font-size: 2rem;}
h2{font-size: 1.6rem;}
h3{font-size: 1.4rem;}
h4{font-size: 1.2rem;}
h5{font-size: 1rem;}
h6{font-size: .8rem;}
p{margin: 0 0 1.2rem;}
a,ins,u{-webkit-text-decoration-skip: ink edges;
text-decoration-skip: ink edges;}
abbr[title]{border-bottom: .05rem dotted;
cursor: help;
text-decoration: none;}
kbd{background: #2b211c;
border-radius: .1rem;
color: #fff;
font-size: .7rem;
line-height: 1.25;
padding: .1rem .2rem;}
mark{background: #ffe9b3;
border-bottom: .05rem solid #ffd367;
border-radius: .1rem;
color: #2b211c;
padding: .05rem .1rem 0;}
blockquote{border-left: .1rem solid #dcd7d0;
margin-left: 0;
padding: .4rem .8rem;}
blockquote p:last-child{margin-bottom: 0;}
ul,ol{margin: .8rem 0 .8rem .8rem;
padding: 0;}
ul ul,ul ol,ol ul,ol ol{margin: .8rem 0 .8rem .8rem;}
ul li,ol li{margin-top: .4rem;}
ul{list-style: disc inside;}
ul ul{list-style-type: circle;}
ol{list-style: decimal inside;}
ol ol{list-style-type: lower-alpha;}
dl dt{font-weight: bold;}
dl dd{margin: .4rem 0 .8rem 0;}
html:lang(zh),html:lang(zh-Hans){font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;}
html:lang(zh-Hant){font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;}
html:lang(ja){font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;}
html:lang(ko){font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif;}
:lang(zh) ins,:lang(zh) u,:lang(ja) ins,:lang(ja) u{border-bottom: .05rem solid;
text-decoration: none;}
:lang(zh) del + del,:lang(zh) del + s,:lang(zh) ins + ins,:lang(zh) ins + u,:lang(zh) s + del,:lang(zh) s + s,:lang(zh) u + ins,:lang(zh) u + u,:lang(ja) del + del,:lang(ja) del + s,:lang(ja) ins + ins,:lang(ja) ins + u,:lang(ja) s + del,:lang(ja) s + s,:lang(ja) u + ins,:lang(ja) u + u{margin-left: .125em;}
.k-table{border-collapse: collapse;
border-spacing: 0;
text-align: left;
width: 100%;}
.k-table.k-table-striped tbody tr:nth-of-type(odd){background: #f6f8f6;}
.k-table td,.k-table th{border-bottom: .05rem solid #dcd7d0;
padding: .6rem .4rem;}
.k-table th{border-bottom-width: .1rem;}
.k-btn{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: .05rem solid #3b2f96;
border-radius: .1rem;
color: #3b2f96;
cursor: pointer;
display: inline-block;
font-size: .8rem;
height: 1.8rem;
line-height: 1.2rem;
outline: none;
padding: .25rem .4rem;
text-align: center;
text-decoration: none;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;}
.k-btn:focus{box-shadow: 0 0 0 .1rem rgba(59, 47, 150, .2);}
.k-btn:focus,.k-btn:hover{background: #ecebf6;
border-color: #2a2070;
text-decoration: none;}
.k-btn:active{background: #2a2070;
border-color: #2a2070;
color: #fff;
text-decoration: none;}
.k-btn[disabled],.k-btn:disabled{cursor: default;
opacity: .5;
pointer-events: none;}
.k-btn.k-btn-primary{background: #3b2f96;
border-color: #2a2070;
color: #fff;}
.k-btn.k-btn-primary:focus,.k-btn.k-btn-primary:hover{background: #2a2070;
border-color: #2a2070;
color: #fff;}
.k-btn.k-btn-primary:active{background: #3a38d2;
border-color: #2a2070;
color: #fff;}
.k-btn.k-btn-block{display: block;
width: 100%;}
.k-form-group:not(:last-child){margin-bottom: .4rem;}
fieldset{margin-bottom: .8rem;}
legend{font-size: .9rem;
font-weight: 500;
margin-bottom: .8rem;}
.k-form-label{display: block;
line-height: 1.2rem;
padding: .3rem 0;}
.k-form-input{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
background-image: none;
border: .05rem solid #b9b0a7;
border-radius: .1rem;
color: #2b211c;
display: block;
font-size: .8rem;
height: 1.8rem;
line-height: 1.2rem;
max-width: 100%;
outline: none;
padding: .25rem .4rem;
position: relative;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
width: 100%;}
.k-form-input:focus{border-color: #3b2f96;
box-shadow: 0 0 0 .1rem rgba(59, 47, 150, .2);}
.k-form-input:-ms-input-placeholder{color: #b9b0a7;}
.k-form-input::-ms-input-placeholder{color: #b9b0a7;}
.k-form-input::placeholder{color: #b9b0a7;}
.k-form-input[type="file"]{height: auto;}
textarea.k-form-input{height: auto;}
.k-form-select{-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: .05rem solid #b9b0a7;
border-radius: .1rem;
color: inherit;
font-size: .8rem;
height: 1.8rem;
line-height: 1.2rem;
outline: none;
padding: .25rem .4rem;
vertical-align: middle;
width: 100%;}
.k-form-select:focus{border-color: #3b2f96;
box-shadow: 0 0 0 .1rem rgba(59, 47, 150, .2);}
.k-form-select::-ms-expand{display: none;}
.k-form-select[size],.k-form-select[multiple]{height: auto;
padding: .25rem .4rem;}
.k-form-select[size] option,.k-form-select[multiple] option{padding: .1rem .2rem;}
.k-form-select:not([multiple]):not([size]){background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
padding-right: 1.2rem;}
.k-input-group{display: -ms-flexbox;
display: flex;}
.k-input-group .k-form-input,.k-input-group .k-form-select{-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;}
.k-input-group .k-form-input:first-child:not(:last-child),.k-input-group .k-form-select:first-child:not(:last-child){border-bottom-right-radius: 0;
border-top-right-radius: 0;}
.k-input-group .k-form-input:not(:first-child):not(:last-child),.k-input-group .k-form-select:not(:first-child):not(:last-child){border-radius: 0;
margin-left: -.05rem;}
.k-input-group .k-form-input:last-child:not(:first-child),.k-input-group .k-form-select:last-child:not(:first-child){border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: -.05rem;}
.k-input-group .k-form-input:focus,.k-input-group .k-form-select:focus{z-index: 2;}
.k-input-group .k-form-select{width: auto;}
.k-form-input:not(:-ms-input-placeholder):invalid{border-color: #b3261e;}
.k-form-input:not(:placeholder-shown):invalid{border-color: #b3261e;}
.k-form-input:not(:-ms-input-placeholder):invalid:focus{background: #fffaf7;
box-shadow: 0 0 0 .1rem rgba(179, 38, 30, .2);}
.k-form-input:not(:placeholder-shown):invalid:focus{background: #fffaf7;
box-shadow: 0 0 0 .1rem rgba(179, 38, 30, .2);}
.k-form-input:disabled,.k-form-select:disabled{background-color: #eef2ee;
cursor: not-allowed;
opacity: .5;}
.k-form-input[readonly]{background-color: #f6f8f6;}
code{background: #fcf2f2;
border-radius: .1rem;
color: #d73e48;
font-size: 85%;
line-height: 1.25;
padding: .1rem .2rem;}
[class~="col-"]{-ms-flex: 1;
flex: 1;
max-width: 100%;
padding-left: .4rem;
padding-right: .4rem;}
.k-breadcrumb{list-style: none;
margin: .2rem 0;
padding: .2rem 0;}
.k-breadcrumb .k-breadcrumb-item{color: #6b5f57;
display: inline-block;
margin: 0;
padding: .2rem 0;}
.k-breadcrumb .k-breadcrumb-item:not(:last-child){margin-right: .2rem;}
.k-breadcrumb .k-breadcrumb-item:not(:last-child) a{color: #6b5f57;}
.k-breadcrumb .k-breadcrumb-item:not(:first-child)::before{color: #6b5f57;
content: "/";
padding-right: .4rem;}
.k-chip{align-items: center;
background: #eef2ee;
border-radius: 5rem;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
font-size: 90%;
height: 1.2rem;
line-height: .8rem;
margin: .1rem;
max-width: 320px;
overflow: hidden;
padding: .2rem .4rem;
text-decoration: none;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;}
.k-toast{background: rgba(43, 33, 28, .95);
border: .05rem solid #2b211c;
border-color: #2b211c;
border-radius: .1rem;
color: #fff;
display: block;
padding: .4rem;
width: 100%;}
.k-toast.k-toast-error{background: rgba(179, 38, 30, .95);
border-color: #b3261e;}
.k-toast a{color: #fff;
text-decoration: underline;}
.k-toast a:focus,.k-toast a:hover,.k-toast a:active{opacity: .75;}
.k-toast p:last-child{margin-bottom: 0;}
@keyframes loading{
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes slide-down{
0% {
opacity: 0;
transform: translateY(-1.6rem);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

/* capelia (#72, docs/capelia-charte.md) : composants de la boutique, posés sur Spectre.css recomposé par build.mjs (classes k-).
   Brou de noix pour le texte, rinçage pour les fonds, romarin pour les repères, indigo pour les seuls boutons de commande. */
/* Titres réduits à 92 % : même largeur et même hauteur d'x que la police de la charte d'origine (polices propres à capelia). */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; size-adjust: 92%; src: url(/tipos/pe7-l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; size-adjust: 92%; src: url(/tipos/pe7-x.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url(/tipos/on4-l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url(/tipos/on4-x.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url(/tipos/on6-l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url(/tipos/on6-x.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --noyer: #2b211c; --noyer-2: #6b5f57; --rincage: #eef2ee; --rincage-2: #f6f8f6; --indigo: #3b2f96; --indigo-2: #2a2070;
  --romarin: #4e7a58; --romarin-clair: #dfe9e1; --filet: #dcd7d0; --blanc: #fff; --erreur: #b3261e;
  --titres: "Manrope", "Onest", system-ui, sans-serif; --texte: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
}
[hidden] { display: none !important; }
html { scroll-padding-top: 120px; }
body { font-family: var(--texte); font-size: 17px; line-height: 1.55; color: var(--noyer); background: var(--blanc); }
h1, h2, h3 { font-family: var(--titres); font-weight: 700; letter-spacing: -0.01em; color: var(--noyer); line-height: 1.15; margin: 0 0 .5em; }
h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 18px; }
p { margin: 0 0 .8em; }
a { color: var(--noyer); text-decoration-color: var(--romarin); text-underline-offset: 3px; }
.c-sec a, .c-entrada a, .c-faq a, .c-lectura a, .c-editorial a, .c-compara td a, .c-compara th a { text-decoration: underline; text-decoration-thickness: 1.5px; }
a:focus, a:hover { color: var(--indigo); }
img { max-width: 100%; height: auto; }
.c-ic { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.c-ancho { max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; }
.c-salto { position: absolute; left: -9999px; }
.c-salto:focus { left: 16px; top: 8px; z-index: 30; background: var(--blanc); padding: 8px 12px; }
.c-entrada { font-size: 18px; color: var(--noyer); }

/* Bandeau de service et en-tête */
.c-banda { background: var(--noyer); color: #f3efea; font-size: 13.5px; }
.c-banda ul { list-style: none; display: flex; justify-content: center; gap: 28px; margin: 0 auto; padding: 7px 16px; }
.c-banda li { display: flex; align-items: center; gap: 7px; margin: 0; }
.c-banda li + li { display: none; }
.c-banda .c-ic { width: 17px; height: 17px; color: #a9c7ae; }
.c-cab { position: sticky; top: 0; z-index: 20; background: var(--blanc); border-bottom: 1px solid var(--filet); }
.c-cab__fila { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 54px; }
.c-marca { display: inline-flex; align-items: center; gap: 8px; font-family: var(--titres); font-size: 23px; font-weight: 700; color: var(--noyer); text-decoration: none; letter-spacing: -.02em; }
.c-logo { width: 30px; height: 30px; }
.c-cab__ayuda { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; text-decoration: none; color: var(--noyer); padding: 8px 0; }
.c-cab__ayuda .c-ic { color: var(--romarin); }
.c-cab__nav { order: 3; flex: 0 0 calc(100% + 32px); margin: 0 -16px; display: flex; gap: 6px; overflow-x: auto; padding: 7px 16px; border-top: 1px solid var(--filet); scrollbar-width: none; }
.c-cab__nav::-webkit-scrollbar { display: none; }
.c-cab__nav a { flex: none; font-size: 15px; text-decoration: none; padding: 4px 11px; border: 1px solid var(--filet); border-radius: 20px; white-space: nowrap; }
.c-cab__nav a:hover { border-color: var(--romarin); color: var(--noyer); }
.c-nota { background: var(--romarin-clair); font-size: 15px; }
.c-nota .c-ancho { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; padding-top: 9px; padding-bottom: 9px; }
.c-nota p { margin: 0; }
.c-nota a { font-weight: 600; }

/* Blocs communs */
.c-bloque { padding-top: 36px; padding-bottom: 8px; }
.c-bloque > h2 { padding-bottom: 10px; border-bottom: 1px solid var(--filet); }
.c-btn-sec { display: inline-flex; align-items: center; min-height: 46px; padding: 10px 18px; border: 2px solid var(--noyer); border-radius: 8px; font-weight: 600; text-decoration: none; color: var(--noyer); }
.c-btn-sec:hover { background: var(--noyer); color: var(--blanc); }
.c-apertura { padding: 20px 0 28px; }
.c-apertura__rejilla { display: grid; gap: 20px; }
.c-apertura__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.c-compromisos { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 0; margin-bottom: 0; }
.c-compromisos li { display: grid; grid-template-columns: 26px 1fr; column-gap: 9px; padding: 14px 8px 14px 0; border-top: 1px solid var(--filet); margin: 0; font-size: 14.5px; line-height: 1.35; }
.c-compromisos .c-ic { grid-row: span 2; width: 24px; height: 24px; color: var(--romarin); }
.c-compromisos b { font-weight: 600; font-size: 15.5px; }
.c-compromisos span { color: var(--noyer-2); }
.c-tejas { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.c-tejas li { margin: 0; min-width: 0; }
.c-tejas a { display: block; text-decoration: none; }
.c-tejas img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; display: block; }
.c-tejas__n { display: flex; align-items: center; gap: 5px; margin-top: 7px; font-weight: 600; font-size: 15px; line-height: 1.25; }
.c-tejas__n .c-ic { color: var(--romarin); width: 18px; height: 18px; }
.c-tejas small { display: block; color: var(--noyer-2); font-size: 13.5px; }
.c-tejas em { display: none; }
.c-lista { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; margin: 0; }
.c-art { margin: 0; min-width: 0; }
.c-art a { display: flex; flex-direction: column; gap: 3px; text-decoration: none; height: 100%; }
.c-art__foto { display: block; background: var(--blanc); border: 1px solid var(--filet); border-radius: 10px; padding: 10px; margin-bottom: 6px; }
.c-art:only-child { grid-column: 1 / -1; }
.c-art:only-child a { display: grid; grid-template-columns: 132px 1fr; grid-template-rows: auto auto auto 1fr; column-gap: 14px; row-gap: 2px; align-items: start; }
.c-art:only-child .c-art__foto { grid-row: 1 / 5; margin: 0; }
.c-art:only-child .c-art__precio { margin-top: 6px; }
.c-art__foto img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; }
.c-art__gesto { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--romarin); font-weight: 600; }
.c-art__gesto .c-ic { width: 16px; height: 16px; }
.c-art__nombre { font-family: var(--titres); font-weight: 700; font-size: 17.5px; line-height: 1.2; }
.c-art__forma { font-size: 14px; color: var(--noyer-2); }
.c-art__precio { font-weight: 600; font-size: 16.5px; margin-top: auto; padding-top: 2px; }
.c-art a:hover .c-art__nombre { color: var(--indigo); }

.c-pasos ol { list-style: none; counter-reset: paso; display: grid; gap: 14px; margin: 0; padding: 0; }
.c-pasos li { counter-increment: paso; display: grid; grid-template-columns: 44px 1fr; column-gap: 12px; margin: 0; }
.c-pasos li::before { content: counter(paso); grid-row: span 2; font-family: var(--titres); font-size: 30px; line-height: 1; color: var(--romarin); padding-top: 2px; }
.c-pasos b { font-weight: 600; }
.c-pasos span { color: var(--noyer-2); font-size: 15.5px; }
.c-editorial { background: var(--rincage); margin-top: 40px; padding: 32px 0; }
.c-editorial__rejilla { display: grid; gap: 20px; align-items: center; }
.c-editorial__foto { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; }
.c-texto { max-width: 760px; padding-top: 32px; padding-bottom: 24px; }
.c-sec { margin-bottom: 28px; }
.c-sec ul { padding-left: 0; margin: 0; list-style: none; }
.c-sec li { padding: 9px 0; border-bottom: 1px solid var(--filet); margin: 0; }
.c-faq { margin: 32px 0 8px; }
.c-faq details { border-top: 1px solid var(--filet); }
.c-faq details:last-child { border-bottom: 1px solid var(--filet); }
.c-faq summary { cursor: pointer; padding: 13px 28px 13px 0; font-weight: 600; list-style: none; position: relative; }
.c-faq summary::-webkit-details-marker { display: none; }
.c-faq summary::after { content: "+"; position: absolute; right: 4px; top: 10px; font-size: 22px; color: var(--romarin); }
.c-faq details[open] summary::after { content: "–"; }
.c-faq details p { padding-bottom: 6px; color: var(--noyer); }

/* Fiche */
.c-migas { padding-top: 8px; padding-bottom: 0; }
.c-migas .k-breadcrumb { margin: 0; padding: 4px 0; font-size: 14px; display: flex; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.c-migas .k-breadcrumb::-webkit-scrollbar { display: none; }
.c-ficha { display: grid; gap: 22px; padding-bottom: 12px; }
.c-ficha__pedido, .c-ficha__cuerpo { min-width: 0; }
.c-ficha__cabeza { display: grid; grid-template-columns: 58px 1fr; gap: 12px; align-items: start; margin-bottom: 12px; }
.c-mini { width: 58px; height: 58px; object-fit: contain; background: var(--blanc); border: 1px solid var(--filet); border-radius: 8px; padding: 3px; }
.c-ficha__cabeza h1 { font-size: 24px; margin: 0 0 4px; }
.c-precio { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.c-precio b { font-family: var(--titres); font-size: 25px; }
.c-precio span { font-size: 14px; color: var(--noyer-2); }
.c-pedido .k-form-group { margin-bottom: 10px; }
.c-pedido .k-form-label { font-weight: 600; font-size: 15px; padding: 0 0 4px; line-height: 1.3; }
.c-pedido .k-form-input, .c-pedido .k-form-select { height: 48px; font-size: 17px; color: var(--noyer); border: 1px solid #b9b0a7; border-radius: 8px; padding: 8px 12px; background-color: var(--blanc); }
.c-pedido .k-form-input:invalid { border-color: #b9b0a7; box-shadow: none; }
.c-pedido .k-form-input:focus { border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(59, 47, 150, .18); }
.c-pedido .k-form-input[aria-invalid="true"] { border-color: var(--erreur); }
.c-tel { display: flex; gap: 8px; }
.c-tel .k-form-select { flex: 0 0 auto; width: 40%; max-width: 160px; padding-right: 24px; }
.c-tel .k-form-input { flex: 1; min-width: 0; border-radius: 8px !important; }
.c-tel .k-form-select { border-radius: 8px !important; }
.c-trampa { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.c-aviso { margin: 4px 0 10px; font-size: 15px; }
.c-btn { height: auto; min-height: 52px; white-space: normal; line-height: 1.25; font-size: 17px; font-weight: 600; border-radius: 8px; padding: 12px 16px; margin-top: 4px; }
.c-garantias { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; font-size: 14.5px; }
.c-garantias li { display: flex; gap: 8px; align-items: center; margin: 0; }
.c-garantias .c-ic { color: var(--romarin); width: 18px; height: 18px; }
.c-galeria { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 0 16px 6px; scrollbar-width: thin; }
.c-galeria > img { flex: 0 0 86%; scroll-snap-align: center; aspect-ratio: 1; object-fit: contain; background: var(--blanc); border: 1px solid var(--filet); border-radius: 12px; }
.c-galeria > img + img { object-fit: cover; aspect-ratio: 3 / 4; flex-basis: 64%; }
.c-gesto { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; margin: 22px 0; padding: 16px; background: var(--rincage); border-left: 5px solid var(--romarin); border-radius: 0 12px 12px 0; }
.c-gesto__disco { width: 64px; height: 64px; border-radius: 50%; background: var(--romarin); color: var(--blanc); display: grid; place-items: center; }
.c-gesto__disco .c-ic { width: 36px; height: 36px; stroke-width: 1.5; }
.c-gesto__v { font-family: var(--titres); font-weight: 700; font-size: 25px; line-height: 1.1; margin: 0 0 3px; }
.c-gesto__s { margin: 0; font-size: 15.5px; line-height: 1.4; }
.c-reperes { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 20px; padding: 0; }
.c-reperes li { display: grid; grid-template-columns: 24px 1fr; column-gap: 8px; margin: 0; padding: 10px; border: 1px solid var(--filet); border-radius: 10px; font-size: 14px; line-height: 1.3; }
.c-reperes .c-ic { grid-row: span 2; color: var(--romarin); }
.c-reperes b { font-weight: 600; font-size: 15px; overflow-wrap: anywhere; }
.c-reperes span { color: var(--noyer-2); overflow-wrap: anywhere; }
.c-envase { margin: 24px 0 28px; border: 1px solid var(--filet); border-radius: 12px; overflow: hidden; }
.c-envase h2 { margin: 0; padding: 14px 16px; background: var(--noyer); color: var(--blanc); font-size: 20px; }
.c-envase .k-table { margin: 0; font-size: 15px; }
.c-envase th { width: 36%; font-weight: 600; color: var(--noyer-2); vertical-align: top; overflow-wrap: normal !important; hyphens: auto; }
.c-envase td, .c-envase th { padding: 10px 16px !important; border-bottom: 1px solid var(--filet) !important; overflow-wrap: anywhere; }
.c-envase .k-chip { height: auto; min-height: 26px; white-space: normal; max-width: 100%; margin: 2px 4px 2px 0; font-size: 13.5px; background: var(--rincage); border-radius: 13px; padding: 2px 10px; }
.c-envase__total td { font-weight: 600; }
.c-envase__pie { margin: 0; padding: 10px 16px; font-size: 13.5px; color: var(--noyer-2); background: var(--rincage-2); }
.c-ingr ul, .c-cuidado ul { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 10px; }
.c-ingr ul { gap: 0; border-top: 1px solid var(--filet); }
.c-ingr li { margin: 0; padding: 11px 0 11px 18px; border-bottom: 1px solid var(--filet); position: relative; }
.c-ingr li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--romarin); }
.c-ingr li b { display: block; font-weight: 600; }
.c-ingr li span { color: var(--noyer-2); font-size: 15.5px; }
.c-toma ol { list-style: none; counter-reset: toma; padding: 0; margin: 0 0 8px; display: grid; gap: 12px; }
.c-toma li { counter-increment: toma; display: grid; grid-template-columns: 36px 1fr; column-gap: 10px; margin: 0; }
.c-toma li::before { content: counter(toma); grid-row: span 2; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--romarin); color: var(--romarin); display: grid; place-items: center; font-weight: 600; }
.c-toma b { font-weight: 600; }
.c-toma span { color: var(--noyer-2); font-size: 15.5px; }
.c-cuidado li { display: flex; gap: 10px; margin: 0; padding: 10px 14px; background: var(--rincage); border-radius: 10px; font-size: 15.5px; }
.c-cuidado .c-ic { color: var(--romarin); margin-top: 2px; }
.c-ingr, .c-toma, .c-cuidado, .c-compara { margin-bottom: 28px; }
.c-tabla { overflow-x: auto; }
.c-compara .k-table { font-size: 15px; }
.c-compara .c-yo { background: var(--rincage); font-weight: 600; }
.c-aviso-salud { display: flex; gap: 10px; font-size: 14.5px; color: var(--noyer-2); border-top: 1px solid var(--filet); padding-top: 14px; }
.c-final { background: var(--noyer); color: #f3efea; margin-top: 36px; padding: 32px 0 40px; }
.c-final h2 { color: var(--blanc); }
.c-final p { color: #e3ddd6; }
.c-final__rejilla { display: grid; gap: 18px; }
.c-final .k-form-label { color: var(--blanc); }
.c-final .c-aviso { color: var(--noyer); }
.c-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--blanc); border-top: 1px solid var(--filet); padding: 9px 16px; }
.c-barra p { margin: 0; line-height: 1.25; font-size: 15px; }
.c-barra .c-btn { min-height: 44px; margin: 0; padding: 9px 22px; width: auto; }

/* Pages d'aide, accueil, remerciement */
.c-lectura { max-width: 760px; padding-top: 28px; padding-bottom: 32px; }
.c-mundo h3 { font-size: 16px; color: var(--noyer-2); margin: 18px 0 8px; font-family: var(--texte); font-weight: 600; }
.c-mundo ul { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 0; padding: 0; }
.c-mundo li { margin: 0; }
.c-mundo a { display: block; padding: 12px 14px; border: 1px solid var(--filet); border-radius: 10px; text-decoration: none; font-weight: 600; }
.c-mundo a:hover { border-color: var(--romarin); }
.c-mundo small { display: block; font-weight: 400; color: var(--noyer-2); font-size: 13.5px; }
.c-gracias > .c-ic { width: 48px; height: 48px; color: var(--romarin); }

/* Pied de page */
.c-pie { background: var(--noyer); color: #e3ddd6; margin-top: 48px; padding: 36px 0 90px; font-size: 15px; }
.c-pie a { color: #f3efea; text-decoration: none; }
.c-pie a:hover { text-decoration: underline; color: var(--blanc); }
.c-pie h2 { color: var(--blanc); font-size: 16px; font-family: var(--texte); font-weight: 600; margin-bottom: 8px; }
.c-pie ul { list-style: none; margin: 0; padding: 0; }
.c-pie li { margin: 0 0 6px; }
.c-pie__rejilla { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px; }
.c-pie__marca { grid-column: 1 / -1; }
.c-pie .c-marca { color: var(--blanc); }
.c-pie .c-logo rect, .c-pie .c-logo path:first-of-type { fill: #f3efea; stroke: #f3efea; }
.c-sellos { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.c-sellos li { display: flex; align-items: center; gap: 7px; }
.c-sellos .c-ic { color: #a9c7ae; }
.c-pie__fin { border-top: 1px solid #4a3f38; margin-top: 26px; padding-top: 14px; font-size: 13.5px; }

@media (min-width: 700px) {
  .c-ancho { padding-left: 24px; padding-right: 24px; }
  .c-banda li + li { display: flex; }
  .c-compromisos { grid-template-columns: repeat(4, 1fr); }
  .c-compromisos li { padding-right: 16px; }
  .c-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 18px; }
  .c-tejas { gap: 16px; }
  .c-tejas em { display: block; font-style: normal; font-size: 13.5px; color: var(--noyer-2); margin-top: 2px; }
  .c-pasos ol { grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .c-pie__rejilla { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
  .c-pie__marca { grid-column: auto; }
  .c-reperes { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 960px) {
  h1 { font-size: 40px; }
  h2 { font-size: 26px; }
  .c-cab__fila { flex-wrap: nowrap; gap: 24px; min-height: 64px; }
  .c-cab__nav { order: 0; flex: 1; margin: 0; padding: 0; border: 0; justify-content: center; overflow: visible; }
  .c-cab__nav a { border: 0; border-radius: 0; padding: 6px 8px; }
  .c-cab__nav a:hover { box-shadow: inset 0 -2px 0 var(--romarin); }
  html { scroll-padding-top: 80px; }
  .c-apertura { padding: 36px 0 44px; }
  .c-apertura__rejilla { grid-template-columns: minmax(0, 1fr) 500px; gap: 56px; align-items: center; }
  .c-apertura__foto { aspect-ratio: 5 / 4; }
  .c-apertura .c-entrada { font-size: 19px; max-width: 34em; }
  .c-lista { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .c-editorial__rejilla { grid-template-columns: 420px minmax(0, 1fr); gap: 48px; }
  .c-ficha { grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; padding-top: 8px; }
  .c-ficha__pedido { grid-column: 2; grid-row: 1; position: sticky; top: 84px; align-self: start; padding: 22px; border: 1px solid var(--filet); border-radius: 14px; }
  .c-ficha__cuerpo { grid-column: 1; grid-row: 1; }
  .c-ficha__cabeza { grid-template-columns: 1fr; }
  .c-mini { display: none; }
  .c-ficha__cabeza h1 { font-size: 32px; }
  .c-galeria { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; overflow: visible; }
  .c-galeria > img { grid-column: 1 / -1; width: 100%; aspect-ratio: 4 / 3; }
  .c-galeria > img + img { grid-column: auto; aspect-ratio: 3 / 4; }
  .c-rayos { display: flex; flex-wrap: wrap; column-gap: 36px; }
  .c-rayo { flex: var(--n) 1 calc(var(--n) * 210px); min-width: 0; }
  .c-rayo .c-lista { grid-template-columns: repeat(var(--c), minmax(0, 1fr)); }
  .c-art:only-child a { display: flex; }
  .c-art:only-child .c-art__foto { margin-bottom: 6px; }
  .c-final__rejilla { grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; align-items: start; }
  .c-barra { display: none; }
  .c-pie { padding-bottom: 40px; }
}