@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/instrumentserif-regular.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/static/fonts/instrumentserif-italic.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/figtree-latin.woff2) format('woff2')}
*{box-sizing:border-box}
.resultados[hidden],.aviso-pronto[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#17302E;font-family:Figtree,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}
main{max-width:640px;margin:0 auto}
a{color:#0E6F69}a:hover{color:#0A524E}
h1,h2,h3{margin:0;font-weight:400}
h3{font-size:16px;font-weight:600;margin-top:10px}
p{margin:0}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.1}
.cursiva{font-style:italic}
.turquesa{color:#0E6F69}.rosa{color:#B4476A}.gris{color:#5E6E6B}.fuerte{font-weight:600}
.nota{font-size:13px;color:#5E6E6B}
.indicada{display:block;font-size:14px;color:#0A524E;margin-top:4px}
.vista-previa{background:#17302E;color:#FFFBF9;font-size:12px;text-align:center;padding:6px 12px;letter-spacing:.2px}
.cab{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 10px;max-width:640px;margin:0 auto;position:relative}
.cab-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#17302E}
.cab-logo span{font-family:'Instrument Serif',Georgia,serif;font-size:28px;line-height:1;letter-spacing:-.2px}
.cab-boton{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;list-style:none}
.cab-boton::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:16px;top:64px;z-index:5;background:#FFFFFF;border:1px solid #EEE9E5;border-radius:16px;padding:10px 0;box-shadow:0 14px 30px rgba(23,48,46,.14);display:flex;flex-direction:column;min-width:220px}
.menu nav a{padding:10px 18px;text-decoration:none;color:#17302E}
.seccion{padding:32px 20px 0;display:flex;flex-direction:column;gap:12px}
.seccion h2.serif{font-size:27px}
.titulo-pagina{font-size:34px;line-height:1.05;letter-spacing:-.3px}
.portada-hero{padding:16px 20px 0;display:flex;flex-direction:column;gap:18px}
.portada-hero h1{font-size:40px;line-height:1.04;letter-spacing:-.5px}
.portada-sub{margin:-6px 0 0;font-size:17px;line-height:1.45;color:var(--gris,#6B7775)}
.buscador{display:flex;flex-direction:column;gap:8px}
.buscador label{font-size:13px;font-weight:600;color:#5E6E6B}
.caja-busca{display:flex;align-items:center;gap:6px;height:56px;padding:4px 4px 4px 14px;background:#FFFFFF;border:1.5px solid #D9D2CC;border-radius:16px;box-shadow:0 8px 22px rgba(23,48,46,.08)}
.caja-busca input{flex:1;min-width:0;height:44px;border:0;padding:0 6px;font:inherit;font-size:16px;background:transparent;color:#17302E;outline:none}
.caja-busca button{height:46px;padding:0 18px;border:0;border-radius:12px;background:#DDF3EF;color:#0E6F69;font:inherit;font-weight:600;font-size:15px}
.resultados{display:flex;flex-direction:column;gap:12px}
.tarjeta-res{display:flex;flex-direction:column;gap:4px;padding:16px;background:#FFFFFF;border:1px solid #EEE9E5;border-radius:20px;text-decoration:none;color:#17302E}
.tarjeta-res .serif{font-size:23px}
.tarjeta-ing{background:#FBF8F6;border:0}
.puertas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.puerta{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:14px;min-height:150px;background:#FBF8F6;border-radius:18px;text-decoration:none;color:#17302E}
.puerta .serif{font-size:30px;line-height:1}
.puerta-ico{height:64px;display:flex;align-items:flex-end}
.pastillas{display:flex;flex-wrap:wrap;gap:8px}
.pastilla{display:inline-flex;align-items:center;padding:0 14px;height:42px;border:1.5px solid #D9D2CC;border-radius:999px;background:#FFFFFF;font:inherit;font-size:14px;font-weight:500;color:#17302E;text-decoration:none;cursor:pointer}
.pastilla[aria-pressed=true],.pastilla.elegida{border-color:#B4476A;background:#FBE3E8}
.lista-fichas,.destacados,.lista-simple,.opiniones,.preguntas,.cosing{list-style:none;margin:0;padding:0}
.fila-ficha{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #EEE9E5;text-decoration:none;color:#17302E}
.fila-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.fila-nombre{font-weight:600;line-height:1.3}
.fila-txt .gris,.fila-txt .rosa{font-size:13px}
.mini-vacio{width:72px;height:72px;flex:none;border-radius:12px;background:#FBF8F6;display:flex;align-items:center;justify-content:center}
.foto-mini{width:72px;height:72px;flex:none;border-radius:12px;object-fit:contain;background:#FBF8F6}
.hero-ficha{margin-top:6px;padding:24px 20px 22px;display:flex;flex-direction:column;gap:18px}
.hero-ficha h1{font-family:'Instrument Serif',Georgia,serif;font-size:32px;line-height:1.05;letter-spacing:-.3px}
.miga{font-size:13px;color:#5E6E6B;display:flex;gap:6px;flex-wrap:wrap}
.miga a{color:#5E6E6B;text-decoration:none}
.hero-foto{display:flex;flex-direction:column;align-items:center}
.credito-foto{margin:6px 0 0;font-size:11px;color:#8A9693}.credito-foto a{color:inherit}
.foto-grande{height:320px;max-width:100%;width:auto;border-radius:0;-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 58%,transparent 100%)}
.hero-ficha .gris,.hero-ficha .nota,.hero-ficha .miga,.hero-ficha .miga a{color:#4A5A57}.hero-ficha .rosa{color:#9A3758}
.hero-circulos{position:relative;isolation:isolate;overflow:hidden}
.hero-circulos::before{content:"";position:absolute;right:-28px;bottom:-18px;width:170px;height:148px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cg opacity='.06'%3E%3Ccircle cx='11' cy='13' r='10' fill='%230E7C74'/%3E%3Ccircle cx='19' cy='13' r='10' fill='%23F3B8C6'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.foto-recorte{height:320px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(23,48,46,.18))}
.marco-vacio{width:180px;height:236px;border-radius:14px;border:1.5px dashed #D9D2CC;background:rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#5E6E6B}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{padding:7px 12px;border-radius:999px;background:#FFFFFF;font-size:13px;font-weight:500}
.gente{border-color:#F3B8C6}
.caja-voto{margin:16px 20px 0;padding:16px 18px;border:1.5px solid #F3B8C6;border-radius:20px;display:flex;flex-direction:column;gap:12px}
.voto-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.voto-cab h2{font-size:25px}
.voto-cab .rosa{font-size:13px}
.voto-botones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.boton-voto{height:48px;border:1.5px solid #D9D2CC;border-radius:12px;background:#FFFFFF;color:#17302E;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.etq{font-size:14px;font-weight:600;display:block}
.fila-ing{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #EEE9E5;text-decoration:none;color:#17302E}
.fila-ing .gris{font-size:13px;flex:none}
.lista-completa{border:1px solid #EEE9E5;border-radius:14px;padding:12px 14px}
.lista-completa summary{font-weight:600;font-size:14px;cursor:pointer}
.inci-lista{list-style:none;margin:10px 0 0;padding:0;font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:4px}
.inci-lista .pos{color:#5E6E6B;display:inline-block;min-width:24px}
.inci{font-variant-caps:normal;letter-spacing:.1px}
.duda{display:inline-block;padding:1px 8px;border-radius:999px;background:#FFF1D6;color:#7A4B00;font-size:12px;font-weight:600}
.aviso-duda{font-size:13px;color:#7A4B00;background:#FFF8EA;border-radius:12px;padding:10px 12px}
.frescura{font-size:13px;color:#5E6E6B}
.enlace{background:none;border:0;padding:0;font:inherit;color:#0E6F69;text-decoration:underline;cursor:pointer}
.pestanas{display:flex;flex-wrap:wrap;gap:8px}
.pestanas input{position:absolute;opacity:0;width:1px;height:1px}
.pestanas label{padding:8px 14px;border:1.5px solid #D9D2CC;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer}
.pestanas input:checked+label{border-color:#0E7C74;background:#DCF3EF;color:#0A524E}
.pestanas input:focus-visible+label{outline:2px solid #0E7C74}
.panel{display:none;width:100%;flex-direction:column;gap:12px}
.pestanas input:nth-of-type(1):checked~.panel:nth-of-type(1),.pestanas input:nth-of-type(2):checked~.panel:nth-of-type(2),.pestanas input:nth-of-type(3):checked~.panel:nth-of-type(3),.pestanas input:nth-of-type(4):checked~.panel:nth-of-type(4),.pestanas input:nth-of-type(5):checked~.panel:nth-of-type(5),.pestanas input:nth-of-type(6):checked~.panel:nth-of-type(6){display:flex}
.datos{margin:0;display:flex;flex-direction:column}
.datos div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEE9E5}
.datos dt{color:#5E6E6B;font-size:14px}.datos dd{margin:0;font-weight:600;text-align:right}
.caja-suave{display:flex;gap:14px;align-items:center;padding:14px;background:#FBF8F6;border-radius:16px}
.caja-suave.columna{flex-direction:column;align-items:stretch;gap:10px;padding:20px 18px;border-radius:20px}
.caja-suave .sub{font-size:24px}
.margen{margin:32px 20px 0}
.margen h2.serif{font-size:26px}
.fila-pais{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid #EEE9E5}
textarea,input[type=text],input[type=search]{font:inherit;font-size:15px;color:#17302E}
.seccion textarea{width:100%;border:1.5px solid #D9D2CC;border-radius:14px;padding:12px 14px;background:#FFFFFF;resize:vertical}
.fila-input{display:flex;gap:8px;align-items:center}
.fila-input input,.form-anadir input{flex:1;min-width:0;height:48px;border:1.5px solid #D9D2CC;border-radius:12px;padding:0 14px;background:#FFFFFF}
.fila-input.corta input{flex:none;width:120px}
.boton-rosa{height:48px;padding:0 18px;border:0;border-radius:12px;background:#FBE3E8;color:#8E3553;font:inherit;font-weight:600;cursor:pointer}
.boton-turquesa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 18px;border:0;border-radius:12px;background:#DDF3EF;color:#0E6F69;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.boton-turquesa.ancho{width:100%;font-size:16px;height:52px}
.boton-borde{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 14px;border-radius:12px;background:#FFFFFF;border:1.5px solid #D9D2CC;color:#17302E;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.boton-linea{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border:1.5px dashed #D9D2CC;border-radius:12px;background:#FFFFFF;color:#17302E;font-weight:600;font-size:14px;text-decoration:none;text-align:center}
.filtro-piel{align-self:flex-start}
.opinion,.pregunta{padding:12px 0;border-bottom:1px solid #EEE9E5;display:flex;flex-direction:column;gap:6px}
.acciones{padding:32px 20px 0;display:flex;gap:8px}
.acciones button{flex:1}
.tabla-scroll{overflow-x:auto}
.tabla{border-collapse:collapse;width:100%;font-size:14px}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid #EEE9E5}
.tabla th{font-size:13px;color:#5E6E6B;font-weight:600}
.legal p,.legal li{font-size:15px}
.legal ul{margin:0;padding-left:20px}
.form-anadir{display:flex;flex-direction:column;gap:14px}
.form-anadir input{width:100%;flex:none}
.form-anadir select{width:100%;height:48px;border:1.5px solid #D9D2CC;border-radius:12px;padding:0 10px;background:#FFFFFF;font:inherit;font-size:15px;color:#17302E}
.huecos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hueco-foto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:96px;border:1.5px dashed #D9D2CC;border-radius:14px;background:#FFFFFF;color:#17302E;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.dos-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pie{margin-top:40px;padding:26px 20px;border-top:1px solid #EEE9E5;display:flex;flex-direction:column;gap:14px;font-size:13px;color:#5E6E6B;max-width:640px;margin-left:auto;margin-right:auto}
.pie-marca{display:flex;align-items:center;gap:9px}
.pie-marca span{font-family:'Instrument Serif',Georgia,serif;font-size:22px;color:#17302E;line-height:1}
.pie-legal{display:flex;flex-wrap:wrap;gap:8px 16px}
.pie-legal a{color:#17302E;text-decoration:none}
.aviso-pronto{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#17302E;color:#FFFBF9;padding:10px 16px;border-radius:12px;font-size:14px;max-width:90vw;z-index:10}
.flujo[hidden],.paso[hidden],.mis[hidden],.f-proc[hidden],.f-error[hidden],.sugerencias[hidden],.precios-vivos[hidden],.caja-correo[hidden]{display:none!important}
.linea-neutra{font-size:14px}
.boton-voto[aria-pressed=true],.flujo .pastilla[aria-pressed=true]{border-color:#0E7C74;background:#DDF3EF}
.flujo{margin:16px 20px 0;display:flex;flex-direction:column;gap:12px}
.flujo-cab{display:flex;flex-direction:column;gap:2px;position:relative;padding-right:64px}
.flujo-cab .enlace-gris{position:absolute;right:0;top:0}
.paso{padding:18px 18px 16px;background:#FFFFFF;border:1px solid #EEE9E5;border-radius:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 22px rgba(23,48,46,.06)}
.paso-cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.paso-cab .serif{font-size:25px}
.paso-pie{display:flex;justify-content:space-between;align-items:center;gap:10px}
.paso textarea{width:100%;border:1.5px solid #D9D2CC;border-radius:14px;padding:12px 14px;background:#FFFFFF;resize:vertical}
.puntos{display:flex;gap:4px;margin-left:auto}.punto{width:8px;height:8px;border-radius:999px;background:#E3DED9}.punto.hecho{background:#0E7C74}
.titulo-fin{font-size:30px}
.enlace-gris{background:none;border:0;padding:0;font:inherit;font-size:14px;color:#5E6E6B;cursor:pointer}
.toques{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.toques .pastilla{height:36px;font-size:13px}
.pendiente{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:999px;background:#FBE3E8;color:#8E3553;font-size:12px;font-weight:600}
.respuestas{list-style:none;margin:4px 0 0;padding:0 0 0 12px;border-left:2px solid #F3B8C6;display:flex;flex-direction:column;gap:8px}
.responder{display:flex;flex-direction:column;gap:8px}.responder[open]{gap:8px}
.responder textarea,.caja-correo input[type=email],.form-denuncia textarea,.form-denuncia select{width:100%;border:1.5px solid #D9D2CC;border-radius:12px;padding:10px 12px;background:#FFFFFF;font:inherit}
.form-denuncia,.caja-correo{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #EEE9E5;border-radius:14px}
.caja-correo label{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.sugerencias{display:flex;flex-direction:column;gap:6px}
.sugerencias button{text-align:left;padding:10px 12px;border:1px solid #EEE9E5;border-radius:12px;background:#FFFFFF;font:inherit;cursor:pointer}
.sugerencias button[aria-pressed=true]{border-color:#0E7C74;background:#DDF3EF}
.pais-solo{height:48px;display:flex;align-items:center;font-weight:600}
.caja-ts{display:flex;justify-content:center;margin:8px auto}