@font-face{font-family:'Em';src:url(../ebana/fonts/em-regular.woff2) format('woff2'),url(../ebana/fonts/em-regular.ttf) format('truetype');font-display:swap}
/* ══ CARA DE MARCA — solo A-Z, a-z y los 15 acentos del español.
      El unicode-range hace que el navegador ni le PIDA los dígitos:
      cae a Jost por carácter. El bug de los números es imposible. ══ */
@font-face{
  font-family:'Ebana Muze';
  src:url(data:font/ttf;base64,AAEAAAAPAIAAAwBwR1BPUyyIJUQAACeYAAAA3kdTVUIqCSDFAAAoeAAAANhPUy8yWWhSuAAAAXgAAABgY21hcBCZnngAAALcAAABymN2dCAAIQJ5AAAEsAAAAARnYXNwAAAAEAAAJ5AAAAAIZ2x5ZsqgyTUAAAU4AAAeRGhlYWQuOtSFAAAA/AAAADZoaGVhBcQDBQAAATQAAAAkaG10eHh/DBQAAAHYAAABBGxvY2HhTui6AAAEtAAAAIRtYXhwAIYASgAAAVgAAAAgbmFtZSWsa5cAACN8AAACo3Bvc3Q24mdCAAAmIAAAAW5wcmVwaAaMhQAABKgAAAAHAAEAAAABAAAfKlbaXw889QALA+gAAAAA5jZIYwAAAADmNkhjACEAAAKPAtoAAAAIAAIAAAAAAAAAAQAAAtoAAABaAsMAAAAAAo8AAQAAAAAAAAAAAAAAAAAAAEEAAQAAAEEARwADAAAAAAACAAAAAQABAAAAQAAAAAAAAAAEAdEBkAAFAAACigK8AAAAjAKKArwAAAHgADEBAgAAAgAFAwAAAAAAAAAAAAMAAAAAAAAAAAAAAABDTEdSAEAAAAD6AyD/OABaAtoAAAAAAAMAAAAAAAAB+wAAACAAAgFsACEA+gAAAU0AAAD6AAAA+gAAAiMANQHeADICEQA2AfsAMgHCADIBuQAyAhkANgHkADIApgAyAboANgHyADIBrwAyAjEAMgHvADICNQA2AcwAMgI0ADcB6gAyAekANgHtADYB3wAzAikANgLDADYCLQA4AgcANgH0ADIA+gAAAiQANAHCADIBFgAyAfEAMgIzADYB3QAzAfsAMgIpADYB6gAyAsMANgIRADYBrwAyAd4AMgIjADUB7wAyAeQAMgItADgBwgAyAjEAMgI0ADcBuQAyAfQAMgCmADICBwA2AcwAMgI1ADYB3wAzAboANgHyADIB7QA2AekANgIZADYBxQAyAAAAAwAAAAMAAAAcAAEAAAAAAMQAAwABAAAAHAAEAKgAAAAmACAABAAGAAAADQAgAFoAegCgAMEAyQDNANEA0wDaAOEA6QDtAPEA8wD6//8AAAAAAA0AIABBAGEAoADBAMkAzQDRANMA2gDhAOkA7QDxAPMA+v//AAH/9v/k/8T/pP9//1//WP9V/1L/Uf9L/z//OP81/zL/Mf8rAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAADAAAAAAAAAAAAAAAAAAAAAQAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAISMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACIAAAAkAAAAJQAAAAAAAAAAAAAAAAAAALgB/4WwBI0AACECeQAAABQAFAAUABQAFABUAJ4A7AEkAVQBeAHOAgQCEgJGApwCvgMOA0gDjAPGBCwEfATcBQwFTgV+Bc4GHAZYBpQGlAbsBzQHWAeoCAAIWgiSCMIJEgliCbAJ0gocClwKlgrMCxoLSguaDAAMJAxgDG4MqgzkDSgNag2eDfQOJA6EDtoPIgACACEAAAEqApoAAwAHAAAzESERJzMRIyEBCejHxwKa/WYhAlgAAAAAAgA1AGEB7QH3AAUAJgAAAS8BBgczJzYzMhceARcWFRQHBiMiJyYvASMHBgcGIyInLgE3Njc2AT8kDxgwkF0NCAYNCRspgQ0MEgwICBcY0RYWCQsMCQ8JBAIBWVgBMkUbL1zoCAUDLFD7CAIHBgMELi8rLQUHBQMGCQuzsAAAAAADADIAYQGrAfMACwAYAC0AAAEmLwEVNz4BNzY1NCcuAS8BFTc+ATc2NTQBETMyFx4BFRQHBhQXHgEVFA8BBiIBRQ1hY2VWKgkEIgkfR2FgVSYHA/7ZhYIZIigUCgwOE0QbL7wBBwcBAW4BAQoWCwodsAcCAQJjAQIJFwkIE/7LAZIICzYjLhUKCgkKLBZLIA0BAAAAAQA2AGYB3gIEADQAABM2MzIXFhcWFRQHBiMiJy4BJyYjIgcOARUUFx4BMzI3Njc2MzIXFhUUBwYjIiYnJjU0Nz4B1hUwJhY7KSMaEgYICQw5Ig8OFyYrNA8STS4PDzkkFA8LDA03PUxDcRoVAgZSAf4GBQ4pIw0ODAkPFiMFAwwOSS0fICQrAwooFwkJDx8lKD01LCkKFkNbAAAAAgAyAGQBxwH3AA0AIgAAASYrAREzMjY3NjU0JyYFJzMyFhcWFxYVFAcOAQcOAQ8BNTQBKxhMTkpWSBULDRj+2QN1Xz8dRhcICgw8KRYnXHsBrwf+8R4sFykoGS48kwcPJEsdJSshJTsRCAMCAjdPAAEAMgBqAZAB+wAgAAA3ESEXFhQHDgErARUzMhYVFAcOASsBFTMyFh0BFAcGKwEyAUsHBwcFI2KCbFwfCwggTGiCcCUIDm01agGRCQkcCQgCZQgXEAkHAmkIGAEUBQcAAAEAMgBqAYUB+wAUAAA3ETMfARYVFA8BIRUzFxYPASIGIxUyp6cEAQMF/vvaAgQCAiWSJWoBkQIPAwgJCxFlDg8QEgKqAAAAAAEANgBqAeYCCwA8AAATNjMyFjMeARcWFAYHBiMiJyYjIgcOARUUFx4BMzI3PgE9ASM1Mx0BFAYrAjUHBiMiJy4BJyY0Nz4BNzb2EA4EDwM2OyIcFA8DBQgVMEglJCEyDRJNLywrFB2V2wkXCRkdNj4cG0BWDQMDBRIWPAIJAgEEGCEcGBMDARUyDw9JKx0dJisUCiIPDEFmGzwZHw4ZBhBWPREaGCUoGUMAAAABADIAawGyAfsAJgAAEzYzMhcWHQEzPQE0NjsCMhYdAgcGIyIvATUjFQciBiImIyc1NDgHGQ8GB/0HEQkNDQYPDAkHBBL9EgILBgsCEAH4AwICUVFRDjIVIEVfvggGAQOpqQMBAQPEwgAAAAABADIAbgB0AgAAAwAANxEzETJCbgGS/m4AAAAAAQA2AG8BiAIHACAAAAE2MxcRBwYHBiMiJy4BNTQ3NjMyFRQXFjMyNzY3PgE1NAFKAx8cDCFbEhFIPhYLCwwSGRUjMQoGNhQHAwIGAQH+1xhEDwM9FRALEAkJDAYVIwEFIw0oZ4sAAAABADIAbgG8AgAAOgAAEzYzMhYfATc2NzY3PgEzMhYVFAcOAQcGFRQXHgIfAQcGKwEnJiMHDgEPARUUDwIGIyIvATU8AT4BOgwPFQoDAk1PAwwUEhENECsjHDkVIAQDWFkDCxIQFhVZWAUFBREHHwMDDAQOCwQTAgMB/QIGVlU9QAMMEA4IDAQGGhUxERkFAQYEX2IDDAkJYF8DBAwGGBoiIyoDAQEDxElHLAkAAQAyAG4BegH/ABYAABM2Mh8BETsBMhYdAhQGKwI1PAE+AToGKAYKfBVSHx5FRKECAwH9AgIC/rUHFAgLDgbGSUktCQABADIAaAH/AgAANAAAEzYzMhcWFxYXFD4CNzY3NjMyHwEdARQGKwEiJyYvAQcOASMiJy4BLwEHBgcGIyIvATQSNUQFDBYLBU5NAwUUJSJABAQZEQoKCBQHFQYGAwJBLR4PAgwLFy9CAQEICg8NCg4CAf8BBAKRkQMBCCJFP3gCAwIDvCB/MAgGdHR5VCwCAyNYenZ3BwoHCUEBA0AAAAAAAQAyAGsBvQIHACYAAAE2MhcWHQEUBgcGIwYjIiYvARQGFQcGIyImIyc9ATQ2OwIWFzc0AYAELgUGBhACAQgEDzZagwQPCggDCQIRCBMLF4KIAQICBQUGvyp2KwQBAjNiji++LwMCAQO/Nm0skJKPjgAAAAACADYAbwICAgcAEAAsAAABJiMiBhUUFxYzMjY3NjU0Jic2MzIXHgEVFAYVDgEHBiMiJy4BJyYnNTQ3PgEBZiclRVg5LTosSxQVL7scLycXSV0BBlpMESQxHCxLFBEBBhBOAbgOTD9KJB0jICEmKUZXBwUPb0gCDAJJYBAEBwo8KSMmER8SNksAAgAyAG0BmAH7AAwAIwAAAS4BKwEVMzI3PgE1NAERFxYXHgEVFAcOAQcGKwEVByIGIiYjATUNHT5VVVERDBj+34V8FCMuCAgtGxpYVhECDAYNAgGuBwNyBQQlDhz+0wGKAgIDB0MqGRQWJgkJlAMBAQAAAAACADcAcQIAAhQAIABGAAABJiMiBwYVFBcWFx4BMzI1NC8BNzYzMhcWMzI3NjU0JyYnNjMyFxYXFhUUDwEXFhUUBwYjIi8BBwYHIgYjIicmJyY1NDY3NgFbICRkKgwJFTAVFSY3FhkLEg8QGhoGBQ4PLxSSECA2F1EsICQPEhMHCREXHA4dIDAEDwNaPScQCDQsLgHJC1AYIx0WMRYKBAQGExcQGRcYHR4fOioSUgMGFkEwQ0AxFQ8RDggKDRcMCgsBATkjNRkhN2EWFgACADIAcAG0Af8ACwAzAAABJisBFTc+ATc2NTQBNAI1Fx4BFx4BFRQHBgcGFRQXFhUHDgEHBiMiJyYvASMVByIGIyInATgVVFdeTCYJB/7cAodgLREhJgQNLh05OQQDDAQTDQwIBjs6dhICCgMJCgG0CXMDAwkQDQ4g/tJCAQZBAQEDCA88IxINMBYPAQNFRgIBAgQCBgQDSkiUAwECAAAAAQA2AHMBtQINAEIAABM2MzIWFxYVFAcGIyInJiMiBwYVFBceARcWFxYVFAcGByMiJyY1NDc2MzIWFxYzMjc2NzY1NCcuAScuAScmPQE2NzbQFg02WxUNDAsKEhQjTDQcFQQJLUhgEjYJH44EgzYMCgsTDQoLJ1YKFEINBwwIGD9JNxYoAQ0hAgsCIx0REA4JCBcmEw8RCAUODgwQCh0/GBZJAlQTBwYKCwYPMwIIGg4HCw0JBwoLDw4bMAsdFDIAAQA2AHEBugH/AB0AABM3MzIXFhUUBw4BKwEXFhUXBwYjIi8BEScmJyY1ND8KrK4IDwIFHjxJAwMBDQgLCgQVSUgHBgH0CwUIGAQGDQY8Y0FnAwIBAwFHAgEICQsPAAAAAQAzAG0BrQIBACkAABM2MzIXFhceARcWMzI3Njc2PQE3NjMyHwEHDgEHDgEHBiMiJy4BLwM9AwwkBQMCAQgUHkIfFSsMBBAFDQwFFAMCBAkIJg0oRTkpGCsMDAIBAgABBQOGbS8PGAcNKg9/fQYCAQKFdDESECkHFRAJKRgYkI8AAAAAAQA2AGwB9QHxAB4AABI0MzIeAjMyPgIzMh4BBwYHDgEHBiMiJiMvASYnNhwjEE1HAQJHSwoPCxUOAQVYQCAKBw0CCQITGTcqAesGCI6Lio4IBQgFD6l8OAMDAQMxalMAAQA2AGwCjwHxADUAABM2MzIXFhcWFxY3Njc2MzIXHgIyPgE3NjMyFRQCBwYjIicuAiMiDwIGIyIvAiYnJjU0Qg0RDQoJLywGAy8xBwgWDwcGMjACLjEHBhMnhgUGHBQEBTAtBAIxMBAICAcKEw0FPzYB7AUEBX94DAOAgQcHBAOEgH6DBAUNB/6dBQYEBYF7gn8EAgIEJQ+okAUEAAAAAAEAOABwAfcB+gA0AAATNjMyFjMeAR8BNzY3NjMyFxYVFAYPARcWFxYVFA4CIisBJyYjIgcGBwYrASc3PgEnJjU0ZgkMAQUCECE4LhtbDgoREwcHHSxIDg1JSgMICg4ILj9ABQNCQwgEGBElV1YERkcB8QkBAR0+NB5lCAYHBggKJC5MEBFQUQMBAQEBR0dHSAIBAmBfCEtMEAcAAAEANgBrAdICAwAmAAASNjMyFxYXFjMyNzY3NjMyFxYVFAYPAgYHBiMiJy4BPQEnJicmNTYQDxELDkBEAgNBSAcODgwKCCMzUwICCAcSDgoHAxwRRDsB8xAJDExPSlAIDgoKBwwuOl9NTAgJCAYWNkofFFBHEQAAAAEAMgBvAcAB9gAkAAATNyEXFhUUBwYPARcWMzIWFxYVFAcOAQ8BJyY3Nj8BIyImJyY0PwoBWwYHCASDfigfZkAhBggKBzeFugMEBAKFhX5ZKAYJAesLCggODwwHgXsDAwQGCA0OCgcDAQEUFQkKhYQDBgkaAAAAAAMANABqAe4CnQASABwAOAAAATYzMhYVFAcOAQcGIyImNTQ3NhcmIyIPATc2NyYnNjMyFxYfAQcGKwEnLgEnIwcGBwYjIicmNzYSATc5EQgOAwNiDgYFCxECBDAiAwIkI0ZHAQ1VCxUTCQdgXQ0MEQcWCSMIzxUWCQkSEQgIAwOqAncmDg8IBQNCBwMRCwcDCP1CRUUCAgEfwAsKCLu4BwUBEUARLC0FBgUGEQ8BUQAAAgAyAF0BjwKuAA8AMAAAEzYzMhcWFRQHDgEjIiY0NgMRIRcWFRQPASEVMzIWFxYVFAcOASsBFTMyFhcWFRQPAcM5EgoHBwMEdgUKERFoAUcJCQkJ/vtqTSEIDAoHHlFshmUkBQcLCgKHJwcGDggGBksSFg/98gGWDA0KCw0LYAIHCg4NCgcDbQIICwoNCwoAAgAyAF0A3AKUAA8AEwAAEzY7ATIWFRQHDgEjIiY0NgMRMxGBNwgBDA8CA3UJChAOG0ICbyUQDAkECEkQFgz+EQGR/m8AAAAAAgAyAFwBvwJxAA0ANQAAEj4BMzIWFRQHBiMiJjUFNjsBMhYdAQ4BBwYjBicmLwEHDgEjIiY9ATQ2OwEyFhceAh8BNzZ+Dh5MViUPBjyUDgEEBhUGEwkBBxMDAQ8LD32AAwQEFB8KCBUJEQwMBCVBGXMDAgJhDgIHEhMGAw4LYgQjU1mUMgMBAgQGiouMiwQGuh5/MQUNBChJG32QkQAAAAMANgBgAgACuwAOACAAOgAAATYzMhUUBgcGIyImNTQ2FyYjIgcGFRQXFjMyNjc2NTQmJzYzMhceARcWFRQHBiMiJy4BJyYnNTQ3PgEBDjYKGRErPwYJExqBJSdGKyw5LTksSxQVLrocLyYXKUwVG0M9ZSggLEsUEQEGEE4CmCMcCw8cKBIIChjVDiYlP0okHSMgISYpRVcHBQg1Iy03Xzo1CAo7KSInER8SNUsAAAAAAgAzAGMBqwLaABEAPAAAEzYzMhcWFAcGBwYrASY9AT4BBzYzMh8CFhcWFxYzMjc2Nz4BPwI2MzIfAQYUDwEOAQcGIyInJi8D5DgSCgcHBwU6NgkDFAESgAgODQcNAgMJCgodPzQeDgoJAwEBDwkMCAQRAQENCzAXJDJJMCIYCwIBArQmBwYWCAYlIQQSBgoRpgICAoSGEREJFxIKEQ8oYIQFAwEDMcEwGRYpCA0ZEiwWkZEAAgAyAGQBxwH3AA0AIgAAASYrAREzMjY3NjU0JyYFJzMyFhcWFxYVFAcOAQcOAQ8BNTQBKxhMTkpWSBULDRj+2QN1Xz8dRhcICgw8KRYnXHsBrwf+8R4sFykoGS48kwcPJEsdJSshJTsRCAMCAjdPAAEANgBsAfUB8QAeAAASNDMyHgIzMj4CMzIeAQcGBw4BBwYjIiYjLwEmJzYcIxBNRwECR0sKDwsVDgEFWEAgCgcNAgkCExk3KgHrBgiOi4qOCAUIBQ+pfDgDAwEDMWpTAAIAMgBwAbQB/wALADMAAAEmKwEVNz4BNzY1NAE0AjUXHgEXHgEVFAcGBwYVFBcWFQcOAQcGIyInJi8BIxUHIgYjIicBOBVUV15MJgkH/twCh2AtESEmBA0uHTk5BAMMBBMNDAgGOzp2EgIKAwkKAbQJcwMDCRANDiD+0kIBBkEBAQMIDzwjEg0wFg8BA0VGAgECBAIGBANKSJQDAQIAAAABADYAbAKPAfEANQAAEzYzMhcWFxYXFjc2NzYzMhceAjI+ATc2MzIVFAIHBiMiJy4CIyIPAgYjIi8CJicmNTRCDRENCgkvLAYDLzEHCBYPBwYyMAIuMQcGEyeGBQYcFAQFMC0EAjEwEAgIBwoTDQU/NgHsBQQFf3gMA4CBBwcEA4SAfoMEBQ0H/p0FBgQFgXuCfwQCAgQlD6iQBQQAAAAAAQA2AGYB3gIEADQAABM2MzIXFhcWFRQHBiMiJy4BJyYjIgcOARUUFx4BMzI3Njc2MzIXFhUUBwYjIiYnJjU0Nz4B1hUwJhY7KSMaEgYICQw5Ig8OFyYrNA8STS4PDzkkFA8LDA03PUxDcRoVAgZSAf4GBQ4pIw0ODAkPFiMFAwwOSS0fICQrAwooFwkJDx8lKD01LCkKFkNbAAAAAQAyAG4BegH/ABYAABM2Mh8BETsBMhYdAhQGKwI1PAE+AToGKAYKfBVSHx5FRKECAwH9AgIC/rUHFAgLDgbGSUktCQADADIAYQGrAfMACwAYAC0AAAEmLwEVNz4BNzY1NCcuAS8BFTc+ATc2NTQBETMyFx4BFRQHBhQXHgEVFA8BBiIBRQ1hY2VWKgkEIgkfR2FgVSYHA/7ZhYIZIigUCgwOE0QbL7wBBwcBAW4BAQoWCwodsAcCAQJjAQIJFwkIE/7LAZIICzYjLhUKCgkKLBZLIA0BAAAAAgA1AGEB7QH3AAUAJgAAAS8BBgczJzYzMhceARcWFRQHBiMiJyYvASMHBgcGIyInLgE3Njc2AT8kDxgwkF0NCAYNCRspgQ0MEgwICBcY0RYWCQsMCQ8JBAIBWVgBMkUbL1zoCAUDLFD7CAIHBgMELi8rLQUHBQMGCQuzsAAAAAABADIAawG9AgcAJgAAATYyFxYdARQGBwYjBiMiJi8BFAYVBwYjIiYjJz0BNDY7AhYXNzQBgAQuBQYGEAIBCAQPNlqDBA8KCAMJAhEIEwsXgogBAgIFBQa/KnYrBAECM2KOL74vAwIBA782bSyQko+OAAAAAAEAMgBrAbIB+wAmAAATNjMyFxYdATM9ATQ2OwIyFh0CBwYjIi8BNSMVByIGIiYjJzU0OAcZDwYH/QcRCQ0NBg8MCQcEEv0SAgsGCwIQAfgDAgJRUVEOMhUgRV++CAYBA6mpAwEBA8TCAAAAAAEAOABwAfcB+gA0AAATNjMyFjMeAR8BNzY3NjMyFxYVFAYPARcWFxYVFA4CIisBJyYjIgcGBwYrASc3PgEnJjU0ZgkMAQUCECE4LhtbDgoREwcHHSxIDg1JSgMICg4ILj9ABQNCQwgEGBElV1YERkcB8QkBAR0+NB5lCAYHBggKJC5MEBFQUQMBAQEBR0dHSAIBAmBfCEtMEAcAAAEAMgBqAZAB+wAgAAA3ESEXFhQHDgErARUzMhYVFAcOASsBFTMyFh0BFAcGKwEyAUsHBwcFI2KCbFwfCwggTGiCcCUIDm01agGRCQkcCQgCZQgXEAkHAmkIGAEUBQcAAAEAMgBoAf8CAAA0AAATNjMyFxYXFhcUPgI3Njc2MzIfAR0BFAYrASInJi8BBw4BIyInLgEvAQcGBwYjIi8BNBI1RAUMFgsFTk0DBRQlIkAEBBkRCgoIFAcVBgYDAkEtHg8CDAsXL0IBAQgKDw0KDgIB/wEEApGRAwEIIkU/eAIDAgO8IH8wCAZ0dHlULAIDI1h6dncHCgcJQQEDQAAAAAACADcAcQIAAhQAIABGAAABJiMiBwYVFBcWFx4BMzI1NC8BNzYzMhcWMzI3NjU0JyYnNjMyFxYXFhUUDwEXFhUUBwYjIi8BBwYHIgYjIicmJyY1NDY3NgFbICRkKgwJFTAVFSY3FhkLEg8QGhoGBQ4PLxSSECA2F1EsICQPEhMHCREXHA4dIDAEDwNaPScQCDQsLgHJC1AYIx0WMRYKBAQGExcQGRcYHR4fOioSUgMGFkEwQ0AxFQ8RDggKDRcMCgsBATkjNRkhN2EWFgABADIAagGFAfsAFAAANxEzHwEWFRQPASEVMxcWDwEiBiMVMqenBAEDBf772gIEAgIlkiVqAZECDwMICQsRZQ4PEBICqgAAAAABADIAbwHAAfYAJAAAEzchFxYVFAcGDwEXFjMyFhcWFRQHDgEPAScmNzY/ASMiJicmND8KAVsGBwgEg34oH2ZAIQYICgc3hboDBAQChYV+WSgGCQHrCwoIDg8MB4F7AwMEBggNDgoHAwEBFBUJCoWEAwYJGgAAAAABADIAbgB0AgAAAwAANxEzETJCbgGS/m4AAAAAAQA2AGsB0gIDACYAABI2MzIXFhcWMzI3Njc2MzIXFhUUBg8CBgcGIyInLgE9AScmJyY1NhAPEQsOQEQCA0FIBw4ODAoIIzNTAgIIBxIOCgcDHBFEOwHzEAkMTE9KUAgOCgoHDC46X01MCAkIBhY2Sh8UUEcRAAAAAgAyAG0BmAH7AAwAIwAAAS4BKwEVMzI3PgE1NAERFxYXHgEVFAcOAQcGKwEVByIGIiYjATUNHT5VVVERDBj+34V8FCMuCAgtGxpYVhECDAYNAgGuBwNyBQQlDhz+0wGKAgIDB0MqGRQWJgkJlAMBAQAAAAACADYAbwICAgcAEAAsAAABJiMiBhUUFxYzMjY3NjU0Jic2MzIXHgEVFAYVDgEHBiMiJy4BJyYnNTQ3PgEBZiclRVg5LTosSxQVL7scLycXSV0BBlpMESQxHCxLFBEBBhBOAbgOTD9KJB0jICEmKUZXBwUPb0gCDAJJYBAEBwo8KSMmER8SNksAAQAzAG0BrQIBACkAABM2MzIXFhceARcWMzI3Njc2PQE3NjMyHwEHDgEHDgEHBiMiJy4BLwM9AwwkBQMCAQgUHkIfFSsMBBAFDQwFFAMCBAkIJg0oRTkpGCsMDAIBAgABBQOGbS8PGAcNKg9/fQYCAQKFdDESECkHFRAJKRgYkI8AAAAAAQA2AG8BiAIHACAAAAE2MxcRBwYHBiMiJy4BNTQ3NjMyFRQXFjMyNzY3PgE1NAFKAx8cDCFbEhFIPhYLCwwSGRUjMQoGNhQHAwIGAQH+1xhEDwM9FRALEAkJDAYVIwEFIw0oZ4sAAAABADIAbgG8AgAAOgAAEzYzMhYfATc2NzY3PgEzMhYVFAcOAQcGFRQXHgIfAQcGKwEnJiMHDgEPARUUDwIGIyIvATU8AT4BOgwPFQoDAk1PAwwUEhENECsjHDkVIAQDWFkDCxIQFhVZWAUFBREHHwMDDAQOCwQTAgMB/QIGVlU9QAMMEA4IDAQGGhUxERkFAQYEX2IDDAkJYF8DBAwGGBoiIyoDAQEDxElHLAkAAQA2AHEBugH/AB0AABM3MzIXFhUUBw4BKwEXFhUXBwYjIi8BEScmJyY1ND8KrK4IDwIFHjxJAwMBDQgLCgQVSUgHBgH0CwUIGAQGDQY8Y0FnAwIBAwFHAgEICQsPAAAAAQA2AHMBtQINAEIAABM2MzIWFxYVFAcGIyInJiMiBwYVFBceARcWFxYVFAcGByMiJyY1NDc2MzIWFxYzMjc2NzY1NCcuAScuAScmPQE2NzbQFg02WxUNDAsKEhQjTDQcFQQJLUhgEjYJH44EgzYMCgsTDQoLJ1YKFEINBwwIGD9JNxYoAQ0hAgsCIx0REA4JCBcmEw8RCAUODgwQCh0/GBZJAlQTBwYKCwYPMwIIGg4HCw0JBwoLDw4bMAsdFDIAAQA2AGoB5gILADwAABM2MzIWMx4BFxYUBgcGIyInJiMiBw4BFRQXHgEzMjc+AT0BIzUzHQEUBisCNQcGIyInLgEnJjQ3PgE3NvYQDgQPAzY7IhwUDwMFCBUwSCUkITINEk0vLCsUHZXbCRcJGR02PhwbQFYNAwMFEhY8AgkCAQQYIRwYEwMBFTIPD0krHR0mKxQKIg8MQWYbPBkfDhkGEFY9ERoYJSgZQwAAAAIAMgCRAZACrgAPADAAABM2MzIXFhUUBw4BIyImNDYDESEXFhUUDwEhFTMyFhcWFRQPASMVMzIWFxYVFAcOASPDORIKBwcDBHYFChERaAFHCQkHB/73bUwkBggLCtaCXycIDAkGNHUChycHBg4IBgZLEhYP/iYBkgwLDAoKC2QDBggNDwoLaQIHCRANCQYDAAAAEADGAAEAAAAAAAEADwAAAAEAAAAAAAIABwAPAAEAAAAAAAMAMgAWAAEAAAAAAAQAFwBIAAEAAAAAAAUADwBfAAEAAAAAAAYAFQBuAAEAAAAAAAoAHACDAAMAAQQJAAEAHgCfAAMAAQQJAAIADgC9AAMAAQQJAAMAZADLAAMAAQQJAAQALgEvAAMAAQQJAAUAHgFdAAMAAQQJAAYAKgF7AAMAAQQJAAoAOAGlAAMAAQQJABAAHgCfAAMAAQQJABEADgC9RWJhbmEgTXV6ZSBGb250UmVndWxhckNhbGxpZ3JhcGhyIDogRWJhbmEgTXV6ZSBGb250IFJlZ3VsYXIgOiAyMi0wNS0yMDI2RWJhbmEgTXV6ZSBGb250IFJlZ3VsYXJWZXJzaW9uIDAwMS4wMDFFYmFuYU11emVGb250LVJlZ3VsYXJDcmVhdGVkIHdpdGggQ2FsbGlncmFwaHIuY29tAEUAYgBhAG4AYQAgAE0AdQB6AGUAIABGAG8AbgB0AFIAZQBnAHUAbABhAHIAQwBhAGwAbABpAGcAcgBhAHAAaAByACAAOgAgAEUAYgBhAG4AYQAgAE0AdQB6AGUAIABGAG8AbgB0ACAAUgBlAGcAdQBsAGEAcgAgADoAIAAyADIALQAwADUALQAyADAAMgA2AEUAYgBhAG4AYQAgAE0AdQB6AGUAIABGAG8AbgB0ACAAUgBlAGcAdQBsAGEAcgBWAGUAcgBzAGkAbwBuACAAMAAwADEALgAwADAAMQBFAGIAYQBuAGEATQB1AHoAZQBGAG8AbgB0AC0AUgBlAGcAdQBsAGEAcgBDAHIAZQBhAHQAZQBkACAAdwBpAHQAaAAgAEMAYQBsAGwAaQBnAHIAYQBwAGgAcgAuAGMAbwBtAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAEEAAAABAAIBAgADACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQEDAMkAZQDMAGYA0ADUAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAkNSBG5ic3AGRC5zczAxBlYuc3MwMQZSLnNzMDEGVy5zczAxBkMuc3MwMQZMLnNzMDEGQi5zczAxBkEuc3MwMQZOLnNzMDEGSC5zczAxBlguc3MwMQZFLnNzMDEGTS5zczAxBlEuc3MwMQZGLnNzMDEGWi5zczAxBkkuc3MwMQZZLnNzMDEGUC5zczAxBk8uc3MwMQZVLnNzMDEGSi5zczAxBksuc3MwMQZULnNzMDEGUy5zczAxBkcuc3MwMQtFYWN1dGUuc3MwMQAAAAEAAf//AA8AAQAAAAoAJAAyAAJERkxUAA5sYXRuAA4ABAAAAAD//wABAAAAAWtlcm4ACAAAAAEAAAABAAQAAgAAAAEACAACACAABAAAACYAKgABAAgAAAAUACgAPAA8//T/5//bAAEAAQAEAAIAAAABAAkAOAABAAEAAQACAAIAAgADAAMAAwADAAQABAAEAAUABQAFAAUABgAGAAYABgAHAAAAAAABAAIABAAEAAYAAQAGAAUABgAAAAMAAAAAAAMAAgAGAAEAAwAEAAEABwACAAcABAAEAAUAAgADAAUABQACAAEAAAABAAAACgAkADIAAkRGTFQADmxhdG4ADgAEAAAAAP//AAEAAAABY2FsdAAIAAAAAQAAAAIABgBSAAYAAAACAAoAHAADAAAAAQCGAAEAJAABAAAAAQADAAEAEgABAHQAAAABAAAAAQABAA0ABgAHAAgACQAPABAAEgAUABUAGQAbABwAHgABAAAAAQAIAAIAPAAbAC0ALAAqACYAMQA0AD8ALwA2ADsAPAArADIALgA5ADgAMwAoAD4APQA6ACcAKQAwADcANQBAAAIAAgAFAB4AAAAhACEAGg==) format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0041-005A, U+0061-007A,
    U+00C1,U+00C9,U+00CD,U+00D1,U+00D3,U+00DA,U+00DC,
    U+00E1,U+00E9,U+00ED,U+00F1,U+00F3,U+00FA,U+00FC;
}

:root{
  /* ── PALETA · medida sobre las piezas físicas · R−B siempre POSITIVO ── */
  --papel:#E9E1D6;      /* R−B +19 */
  --espresso:#271F1B;   /* R−B +12 */
  --metal:#BAB4AF;      /* R−B +11 */
  --tabaco:#7E786C;     /* R−B +18 · solo filetes y objetos gráficos */
  --terracota:#A55B50;  /* solo acento de 1px y ::selection */
  --tinta-rec:#5F5A52;  /* 5,28:1 · única tinta secundaria sobre papel */
  --sombra:39,31,27;    /* espresso RGB. JAMÁS 0,0,0 */
  --luz:255,252,247;    /* highlight cálido. JAMÁS #FFF */

  /* ── TIPOGRAFÍA · TRES TAMAÑOS. Prohibido cualquier valor intermedio ── */
  --t-micro:11px;
  --t-prosa:20px;
  --t-wordmark:clamp(76px,17.4vw,256px);
  --t-acto:clamp(56px,10.3vw,152px);
  --t-tagline:clamp(22px,3.1vw,44px);

  --f-marca:'Ebana Muze','Jost',system-ui,sans-serif;
  --f-jost:'Jost',system-ui,-apple-system,sans-serif;
  --f-prosa:'Jost',system-ui,-apple-system,sans-serif;   /* una sola familia en toda la web (clientas, 2026-10-11) */

  /* ── ESPACIADO · baseline 8. Escala cerrada de 7 pasos ── */
  --s1:8px; --s2:16px; --s3:24px; --s4:48px;
  --s5:96px; --s6:192px; --s7:384px;
  --silencio:var(--s5);

  /* ── GRILLA ── */
  --gutter:8px;
  --margin:16px;
  --container:1408px;
  --canto-block:9px;
  --canto-pieza:3px;
  --recibo:14px;

  /* ── LUZ · una sola para el sitio entero · az 235° / el 58° ── */
  --luz-css:158deg;

  /* ── MOVIMIENTO · oscilador críticamente amortiguado k=7 ──
     entra sin patada (f'(0)=0) y sale sin frenazo. Es la cura del "brusco". */
  --ease-settle:linear(0 0%,.0206 3.1%,.0836 6.8%,.1643 10.3%,.4506 21.6%,
    .6121 29.3%,.7277 36.4%,.818 44%,.8975 54%,.9509 65.8%,.9832 80.3%,1 100%);
  /* vocabulario cerrado — tres curvas, cero overshoot (xk.studio) */
  --ease-expo-out:linear(0 0%,.1678 2.6%,.317 5.5%,.5586 11.8%,.7348 19.1%,
    .8559 28%,.9285 38%,.9711 51.1%,1 100%);
  --ease-sine-out:linear(0 0%,.1571 10%,.309 20%,.4540 30%,.5878 40%,
    .7071 50%,.8090 60%,.8910 70%,.9511 80%,.9877 90%,1 100%);
  --dur-ui:240ms; --dur-obj:420ms; --dur-page:720ms;
  /* asimetría 5:1 — lo que adviene tarda, lo que se va no se hace esperar */
  --dur-entra:720ms; --dur-sale:150ms;
  --amp-obj:18px;
  --scale-reveal:1.012;
  --scale-hover:1.024;

  /* ── GRANO · el ruido se RECENTRA con feComponentTransfer para que la
     media de salida SEA el color de marca. Un multiply gris baja R−B 19→17. ── */
  --grain-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.21' intercept='0.80872'/%3E%3CfeFuncG type='linear' slope='0.21' intercept='0.77735'/%3E%3CfeFuncB type='linear' slope='0.21' intercept='0.73421'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");
  --grain-espresso:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='4' seed='13' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.14' intercept='0.08294'/%3E%3CfeFuncG type='linear' slope='0.14' intercept='0.05156'/%3E%3CfeFuncB type='linear' slope='0.14' intercept='0.03588'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E");
  --grain-size:200px;
  /* cuero — LA FOTO DEL CLIENTE (crudos/2026-09-09-cuero/cuero-fondo-web-4k.png), 2048 y 1280 px */
  --cuero-base:#432A1E;   /* media medida de la foto · R−B +37 */
  --metal-rec:#A69F98;   /* 4,7:1 sobre el cuero — el tinta-rec del papel no sirve acá */
  /* fibra de papel: turbulencia anisotrópica (hebras horizontales largas), transparente, media 0 */
  --grain-fibra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.55' numOctaves='2' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncG type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncB type='linear' slope='0.30' intercept='0.35'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23f%29'/%3E%3C/svg%3E");
}
@media (min-width:600px){ :root{ --margin:48px; } }
@media (min-width:1024px){ :root{ --margin:64px; --silencio:var(--s6); } }
@media (min-width:1440px){ :root{ --margin:96px; } }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
::selection{background:#3A2219;color:#F3ECE2}   /* marrón cuero oscuro (clientas) */

body{
  margin:0;
  background-color:var(--papel);
  background-image:
    linear-gradient(var(--luz-css),
      rgba(var(--luz),.46) 0%, rgba(var(--luz),0) 42%, rgba(var(--sombra),.055) 100%),
    var(--grain-fibra),
    var(--grain-paper);
  background-size:auto,420px 140px,var(--grain-size) var(--grain-size);
  background-blend-mode:normal,soft-light,normal;
  background-attachment:scroll;
  color:var(--espresso);
  font-family:var(--f-jost);
  font-size:var(--t-prosa);
  font-weight:400;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

/* viñeteo de lente — ÚNICA capa fija del sitio */
.vineta{
  position:fixed;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(118% 88% at 42% 34%,
    rgba(var(--sombra),0) 52%,rgba(var(--sombra),.055) 82%,rgba(var(--sombra),.115) 100%);
}

[hidden]{display:none!important}   /* ningún estilo de componente pisa hidden */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ══ GRILLA ══ */
.grilla{
  display:grid;
  width:min(100% - 2*var(--margin),var(--container));
  margin-inline:auto;
  column-gap:var(--gutter);
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(min-width:600px){.grilla{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1024px){.grilla{grid-template-columns:repeat(12,minmax(0,1fr))}}

/* Spans — la calle muda: nada de texto antes de col 3 en desktop */
.g-rail{grid-column:1/-1}
.g-prosa{grid-column:1/-1}
.g-display{grid-column:1/-1}
.g-word{grid-column:1/-1}
.g-img{grid-column:1/-1}
.g-ficha{grid-column:1/-1}
@media(min-width:600px){
  .g-rail{grid-column:1/4} .g-prosa{grid-column:1/6}
  .g-display{grid-column:1/7} .g-word{grid-column:1/7}
  .g-img{grid-column:1/7} .g-ficha{grid-column:4/7}
}
@media(min-width:1024px){
  .g-rail{grid-column:2/5} .g-prosa{grid-column:6/13}
  .g-display{grid-column:2/11} .g-word{grid-column:2/13}
  .g-img{grid-column:1/9} .g-ficha{grid-column:10/13}
}
@media(min-width:1440px){
  .g-rail{grid-column:3/6} .g-prosa{grid-column:7/12}
  .g-display{grid-column:3/11} .g-word{grid-column:3/13}
  .g-img{grid-column:1/9} .g-ficha{grid-column:11/13}
}

/* filete vertical de la calle muda — solo escritorio */
.lomo{display:none}
@media(min-width:1024px){
  .lomo{display:block;position:absolute;left:20px;top:0;bottom:0;width:1px;
    background:var(--tabaco);opacity:.55}
}

/* ══ TIPOGRAFÍA ══ */
.micro{
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;line-height:1;
  color:var(--espresso);margin:0;
}
.micro--rec{color:var(--tinta-rec)}
.prosa{
  font-family:var(--f-prosa);font-size:var(--t-prosa);font-weight:300;
  line-height:1.5;letter-spacing:.01em;margin:0;
}
/* lo que antes era itálica: misma familia, se distingue por tono */
.prosa em{font-style:normal;color:var(--tinta-rec)}

/* golpe en seco — el reemplazo del espiral. Una sola luz: arriba-izquierda. */
.golpe{
  color:var(--papel);
  text-shadow:
    -.013em -.013em 0 rgba(var(--luz),.95),
    -.026em -.026em .028em rgba(var(--luz),.5),
     .010em  .010em 0 rgba(var(--sombra),.34),
     .022em  .022em .034em rgba(var(--sombra),.2);
}

.wordmark{
  font-family:var(--f-marca);
  font-size:var(--t-wordmark);
  font-weight:400;letter-spacing:.18em;line-height:.92;
  margin:0;text-indent:0;
}
.tagline{
  font-family:var(--f-marca);
  font-size:var(--t-tagline);
  letter-spacing:.30em;line-height:1.3;margin:0;
}
.acto{
  font-family:var(--f-marca);
  font-size:var(--t-acto);
  font-weight:400;letter-spacing:0;line-height:1;   /* el aire entre letras del ÉBANA MUZE del hero (medido 2026-10-11: hueco ≈ 0,2 de la altura de la mayúscula) */
  margin:0;color:var(--espresso);
}
.acto.golpe{color:var(--papel)}   /* pedido del cliente: los actos con la tipografía del hero */

/* ── GESTO D · DISPERSIÓN DE PARTÍCULAS ─────────────────────────────────
   No es un blur gaussiano: es feTurbulence + feDisplacementMap. Cada píxel
   de la letra se empuja en una dirección distinta, así la palabra se rompe
   en grano en vez de desenfocarse. Es el mecanismo de softlabor.biz.
   La escala del desplazamiento respira mientras está disperso; al apuntarlo
   se arma con curva expo y QUEDA armado hasta que la sección se va.
   Armado = filter:none. En ese estado no cuesta absolutamente nada. */
.pliego .acto{filter:var(--polvo,none)}
.pliego .prosa{filter:var(--polvoP,none)}
.pliego .acto,.pliego .prosa{
  will-change:filter;
}
.pliego[data-armado="1"] .acto,
.pliego[data-armado="1"] .prosa{will-change:auto}
@media (prefers-reduced-motion:reduce){
  .pliego .acto,.pliego .prosa{filter:none!important}
}
/* En táctil no hay puntero que "apunte" el texto: la palabra se veía rota y se armaba
   sola a los 2,5s — se leía como un error de carga, no como un gesto. En mobile el
   manifiesto entra nítido desde el primer frame. */
@media (hover:none),(max-width:1023px){
  .pliego .acto,.pliego .prosa{filter:none!important;will-change:auto}
}

/* ══ HOJAS Y COSTURA — el reemplazo del espiral ══ */
.hoja{position:relative;padding-block:var(--s5) 0}
@media(min-width:1024px){.hoja{padding-block:var(--s6) 0}}

/* MITAD A · el canto de 9px al pie de la hoja que TERMINA */
.hoja--cierra{padding-bottom:calc(var(--silencio) + var(--canto-block))}
.hoja--cierra::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--canto-block);
  pointer-events:none;
  background:linear-gradient(180deg,
    #E4DCD1 0 2px, rgba(var(--sombra),.10) 2px 3px,
    #E0D8CD 3px 5px, rgba(var(--sombra),.09) 5px 6px,
    #DBD3C7 6px 8px, rgba(var(--sombra),.14) 8px 9px);
}
/* MITAD B · el recibo de sombra en el tope de la hoja que EMPIEZA */
.hoja--recibe::before{
  content:"";position:absolute;left:0;right:0;top:0;height:var(--recibo);
  pointer-events:none;z-index:2;
  background:linear-gradient(180deg,
    rgba(var(--sombra),.13) 0%, rgba(var(--sombra),.045) 38%, rgba(var(--sombra),0) 100%);
}

/* ══ ELEVACIÓN · escalera cálida de 6 capas ══ */
.elev-2{box-shadow:
  0 .5px .5px rgba(var(--sombra),.10), 0 1.5px 1.6px rgba(var(--sombra),.085),
  0 3.5px 4px rgba(var(--sombra),.07), 0 8px 10px rgba(var(--sombra),.055),
  0 18px 24px rgba(var(--sombra),.04), 0 40px 56px rgba(var(--sombra),.03)}
.elev-1{box-shadow:
  0 .5px .5px rgba(var(--sombra),.08), 0 1.5px 1.6px rgba(var(--sombra),.06),
  0 3.5px 4px rgba(var(--sombra),.045), 0 8px 10px rgba(var(--sombra),.03)}
.ao{position:relative}
.ao::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(var(--luz),.6), inset 0 -1px 0 rgba(var(--sombra),.06);
}

/* ══ 01 · PORTADA ══ */
.portada{padding-top:var(--s5)}
@media(min-width:1024px){.portada{padding-top:var(--s6)}}
.portada .grilla{row-gap:var(--s4)}
.portada-pie{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s4)}

/* ══ 02 · TRES PLIEGOS ══ */
.track{height:200vh;view-timeline:--pliego block}
.pliego{
  position:sticky;top:0;height:100svh;
  display:grid;align-content:center;
  transform:translateZ(0);isolation:isolate;
  opacity:1;
}
.pliego .grilla{row-gap:var(--s3)}
@media (max-width:1023px){.pliego .acto{margin-bottom:var(--s3)}}   /* aire entre el acto y la prosa */
.pliego .num{color:var(--tinta-rec)}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .pliego{
      animation:ebana-pliego both;
      animation-timeline:--pliego;
      animation-range:cover 0% cover 100%;
      will-change:opacity,transform;
    }
  }
}
@keyframes ebana-pliego{
  0%  {opacity:0;transform:translate3d(0,var(--amp-obj),0) scale(1);
       animation-timing-function:var(--ease-settle)}
  34% {opacity:1;transform:translate3d(0,0,0) scale(1);
       animation-timing-function:linear}
  72% {opacity:1;transform:translate3d(0,0,0) scale(1);
       animation-timing-function:var(--ease-settle)}
  100%{opacity:0;transform:translate3d(0,0,0) scale(var(--scale-reveal))}
}

/* ══ PIEZAS ══ */
.pieza{position:relative;border-radius:2px;overflow:visible}
.pieza::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--canto-pieza);
  border-radius:0 0 2px 2px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,
    #E4DCD1 0 1px, rgba(var(--sombra),.10) 1px 2px, #DBD3C7 2px 3px);
}
.pieza svg{display:block;width:100%;height:auto;border-radius:2px}
/* pie de card: el texto nunca toca el borde de la foto */
.ficha-pie{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
  margin-top:var(--s2);padding-inline:var(--s2)}
.ficha-pie .estado{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;line-height:1;color:var(--tinta-rec)}

/* ficha técnica — único elemento alineado a la derecha del sitio */
.tecnica{display:grid;gap:var(--s1);margin:0}
.tecnica div{display:flex;justify-content:space-between;gap:var(--s2);
  padding-bottom:6px;border-bottom:1px solid rgba(39,31,27,.14)}
.tecnica dt{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-rec)}
.tecnica dd{margin:0;font-family:var(--f-jost);font-size:var(--t-micro);font-weight:400;
  letter-spacing:.08em;font-variant-numeric:tabular-nums lining-nums;text-align:right}

/* ══ 04 · EL RIEL — gesto B (amortiguación variable) + C (tiro de foco) ══ */
.riel{
  position:relative;margin-top:var(--s5);
  -webkit-user-select:none;user-select:none;
  touch-action:pan-y;cursor:grab;
}
.riel.agarrando{cursor:grabbing}
.riel-marco{overflow:hidden;position:relative;padding-block:var(--s2)}
.riel-pista{display:flex;align-items:end;gap:clamp(32px,3.4vw,52px);will-change:transform}
.riel-item{flex:0 0 clamp(184px,21vw,272px)}
/* la marca de medición: hilo de 1px + tick de 2×8.
   Todo el ornamento del sitio, y el reemplazo argumentado de los ganchos. */
.medida{position:absolute;left:50%;top:0;bottom:0;width:1px;pointer-events:none;
  z-index:3;background:var(--tabaco);opacity:.3}
.medida::after{content:"";position:absolute;left:-1px;bottom:0;width:2px;height:8px;
  background:var(--espresso)}
.riel-pie{display:flex;justify-content:space-between;align-items:baseline;
  gap:var(--s2);margin-top:var(--s3)}

/* GESTO C · fuera de foco hasta que lo mirás */
.riel-item{
  filter:blur(2px) saturate(.92);opacity:.8;
  transition:filter var(--dur-sale) var(--ease-sine-out),
             opacity var(--dur-sale) var(--ease-sine-out),
             transform var(--dur-sale) var(--ease-sine-out);
}
.riel-item:hover,.riel-item:focus-within{
  filter:blur(0) saturate(1);opacity:1;transform:translate3d(0,-4px,0);
  transition-duration:var(--dur-entra);
  transition-timing-function:var(--ease-expo-out);
}
@media (hover:none){.riel-item{filter:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .riel-item{filter:none;opacity:1;transform:none}
  .riel-pista{transform:none!important;overflow-x:auto}
}
.lienzo{
  display:block;width:100%;aspect-ratio:var(--ar,3/4);border-radius:2px;
  background-image:
    var(--grain-paper),
    radial-gradient(112% 84% at 34% 22%,#F4ECE1 0%,#EAE2D7 42%,#DDD5CA 78%,#CFC7BC 100%);
  background-size:var(--grain-size) var(--grain-size),auto;
  background-blend-mode:soft-light,normal;
}

/* ══ 05 · EL TALLER · acto oscuro ══ */
.hoja--espresso{
  background-color:var(--espresso);
  background-image:
    linear-gradient(var(--luz-css),
      rgba(var(--luz),.055) 0%, rgba(var(--luz),0) 44%, rgba(0,0,0,.16) 100%),
    var(--grain-espresso);
  background-size:auto,var(--grain-size) var(--grain-size);
  background-blend-mode:normal,normal;
  color:var(--papel);
}
.hoja--espresso .micro{color:var(--metal)}
.hoja--espresso .prosa{color:var(--papel)}
.hoja--espresso .lomo{background:var(--metal);opacity:.35}
.hoja--espresso.hoja--cierra::after{
  background:linear-gradient(180deg,
    #322A25 0 2px, rgba(0,0,0,.34) 2px 3px,
    #2C241F 3px 5px, rgba(0,0,0,.3) 5px 6px,
    #251E19 6px 8px, rgba(0,0,0,.44) 8px 9px);
}

/* ══ CUERO · la misma piel para el hero y para EL TALLER ═════════════════
   No está dibujado: está ILUMINADO. El mapa de alturas sale de dos
   feTurbulence (celdas grandes + poros finos) y lo alumbran feDiffuseLighting
   + feSpecularLighting con LA MISMA luz del sitio: azimuth 235° / elevación 58°.
   Se hornea a WebP porque un filtro de iluminación en vivo sobre el LCP es caro.
   Medido: #45362D · R−B +24 · σ 13,1 · rango especular 76 niveles
   (el espresso plano que reemplaza daba σ 2,5 y rango 18). ══════════════ */
/* La foto se sirve a la resolución que cada caja necesita. El hero (100svh) la REDUCE;
   El taller es más alto (1.247px en desktop) y `cover` la AMPLÍA ×1,22 — ×2,4 en retina —
   y ahí se veía blanda. Por eso el taller parte de 3072 y en retina los dos usan el 4K. */
.hoja--cuero{
  background-color:var(--cuero-base);color:var(--papel);
  background-position:center;background-size:cover;background-repeat:no-repeat;
  background-image:url("../ebana/textura/cuero-2048.webp");
  background-image:-webkit-image-set(url("../ebana/textura/cuero-2048.webp") 1x,url("../ebana/textura/cuero-4096.webp") 2x);
  background-image:image-set(url("../ebana/textura/cuero-2048.webp") 1x,url("../ebana/textura/cuero-4096.webp") 2x);
}
.hoja--cuero.hoja--taller{
  background-image:url("../ebana/textura/cuero-3072.webp");
  background-image:-webkit-image-set(url("../ebana/textura/cuero-3072.webp") 1x,url("../ebana/textura/cuero-4096.webp") 2x);
  background-image:image-set(url("../ebana/textura/cuero-3072.webp") 1x,url("../ebana/textura/cuero-4096.webp") 2x);
}
.hoja--espresso .micro--rec{color:var(--metal-rec)}
.hoja--cuero .enlace{border-bottom-color:rgba(233,225,214,.42)}
.hoja--cuero .enlace:hover{border-bottom-color:var(--papel)}
.hoja--cuero .tecnica div{border-bottom-color:rgba(233,225,214,.18)}

/* panel de metal cepillado — única aparición en toda la home */
.g-panel{grid-column:1/-1}
@media(min-width:600px){.g-panel{grid-column:1/7}}
@media(min-width:1024px){.g-panel{grid-column:7/13}}
.panel-metal{
  position:relative;
  aspect-ratio:4/5;
  border-radius:2px;
  display:grid;place-items:center;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.5' intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23m%29'/%3E%3C/svg%3E"),
    repeating-linear-gradient(90deg,
      rgba(255,252,247,.05) 0 1px, rgba(39,31,27,.04) 1px 2px, transparent 2px 4px),
    linear-gradient(96deg,
      #A49D96 0%,#C6C0B9 14%,#AFA8A1 29%,#CDC7C0 46%,
      #B5AEA7 62%,#C9C3BC 79%,#A8A19A 100%);
  background-size:220px 220px,auto,auto;
  background-blend-mode:soft-light,normal,normal;
  box-shadow:
    inset 0 1px 0 rgba(255,252,247,.5),
    inset 1px 0 0 rgba(255,252,247,.22),
    inset 0 -1px 0 rgba(39,31,27,.34),
    inset -1px 0 0 rgba(39,31,27,.2),
    0 .5px .5px rgba(0,0,0,.2), 0 3.5px 4px rgba(0,0,0,.18),
    0 8px 10px rgba(0,0,0,.16), 0 18px 24px rgba(0,0,0,.14),
    0 40px 56px rgba(0,0,0,.12);
}
/* marca GRABADA en el metal: sombras invertidas respecto del golpe en seco */
.grabado{
  font-family:var(--f-marca);
  font-size:clamp(15px,2.2vw,26px);
  letter-spacing:.36em;
  color:#B4ADA6;
  text-shadow:
    -.028em -.028em .02em rgba(39,31,27,.62),
    -.012em -.012em 0 rgba(39,31,27,.4),
     .012em  .012em 0 rgba(255,252,247,.62),
     .028em  .028em .022em rgba(255,252,247,.34);
  padding-left:.36em;
}

/* ══ 06 · PIE ══ */
.pie{padding-block:var(--s5) var(--s5)}
.pie .grilla{row-gap:var(--s3)}
.pie-fila{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);
  padding-top:var(--s3);border-top:1px solid rgba(39,31,27,.16)}

/* ══ REVEAL de sección · misma curva, misma amplitud ══ */
.reveal{opacity:1;transform:none}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .reveal{
      animation:ebana-reveal both;
      animation-timeline:view();
      animation-range:entry 8% cover 34%;
    }
  }
}
@keyframes ebana-reveal{
  from{opacity:0;transform:translate3d(0,var(--amp-obj),0);
       animation-timing-function:var(--ease-settle)}
  to  {opacity:1;transform:translate3d(0,0,0)}
}

a{color:inherit;text-decoration:none}
.enlace{border-bottom:1px solid rgba(39,31,27,.34);padding-bottom:2px;
  transition:border-color var(--dur-ui) var(--ease-settle)}
.enlace:hover{border-bottom-color:var(--espresso)}
:focus-visible{outline:2px solid #3A2219;outline-offset:3px}


/* ══════════════════════════════════════════════════════════════════════
   v6 · EL MATERIAL DEL CLIENTE — ventanas, cabecera, campaña
   ══════════════════════════════════════════════════════════════════════ */
/* cabecera fina: el único enlace de navegación */
.cabecera{position:absolute;top:var(--s3);left:var(--margin);right:var(--margin);z-index:3;
  display:flex;justify-content:space-between;align-items:baseline}
/* HERO centrado — excepción única a "cero centrados" (D-009, pedido del cliente) */
.portada .g-word{grid-column:1/-1;text-align:center;padding-inline-start:.18em}
.portada .g-display{grid-column:1/-1}
.portada .tagline{text-align:center;padding-inline-start:.30em}
.portada .portada-pie{justify-content:space-between}

/* LA VENTANA — la hoja tiene un calado por el que se ve la foto que avanza detrás.
   Es el gesto del panel: acero con una fotografía incrustada. */
.pliego>.grilla,.hoja>.grilla,.hoja>.banda{position:relative;z-index:1}
.ventana{position:absolute;z-index:0;overflow:hidden;border-radius:2px;background:var(--espresso);
  box-shadow:inset 0 2px 4px rgba(var(--sombra),.28),inset 0 -1px 0 rgba(var(--luz),.5),0 1px 0 rgba(var(--luz),.65)}
.ventana img,.ventana video{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;display:block}
.pliego[data-polvo="1"] .ventana{right:var(--margin);top:6svh;width:clamp(150px,16vw,232px);aspect-ratio:3/4}
.pliego[data-polvo="2"] .ventana{right:var(--margin);bottom:5svh;width:clamp(240px,27vw,396px);aspect-ratio:2/1}
.pliego[data-polvo="3"] .ventana{left:calc(var(--margin) + 4vw);bottom:9svh;width:clamp(170px,17vw,232px);aspect-ratio:4/5}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .ventana img,.ventana video{animation:ebana-ventana both linear;animation-timeline:--pliego;
      animation-range:cover 0% cover 100%;will-change:transform,filter}
  }
}
/* la imagen deriva 12% de su alto en 200vh (≈0,035 px/px) y entra desenfocada: las imágenes se desenfocan */
@keyframes ebana-ventana{
  0%  {transform:translate3d(0,-6%,0);filter:blur(7px)}
  34% {filter:blur(0)}
  72% {filter:blur(0)}
  100%{transform:translate3d(0,6%,0);filter:blur(4px)}
}
@media (max-width:1023px){
  .ventana,.pliego[data-polvo] .ventana{left:var(--margin);right:var(--margin);top:0;bottom:auto;width:auto;aspect-ratio:auto;height:24svh}
  .pliego>.grilla{padding-top:calc(24svh + var(--s3))}
}

/* CAMPAÑA — la foto aparece a sangre; el papel la enmarca después */
.banda{margin:0 0 var(--s5);width:100%;overflow:hidden}
.banda img{display:block;width:100%;height:auto}
.g-img2{grid-column:1/-1}
@media(min-width:600px){.g-img2{grid-column:1/4}}
@media(min-width:1024px){.g-img2{grid-column:3/8}}
@media(min-width:1440px){.g-img2{grid-column:3/7}}
.lienzo{position:relative;overflow:hidden}
.lienzo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* EL TALLER — el dorso del cuadro real reemplaza al metal dibujado */
.panel-metal{aspect-ratio:3/4}
.panel-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}

/* ══════════════════════════════════════════════════════════════════════
   MOBILE — E3 · retoques medidos sobre iPhone 15 Pro Max (430 CSS px)
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:599px){
  :root{
    /* El acto ocupaba el 45% del ancho: por eso se veía chico en una pantalla
       para él solo. El tope de 100px lo fija HABITAR, la palabra más larga
       (entra hasta 124px medidos). A 430px queda en 90px = 73% del ancho. */
    /* HABITAR es la palabra larga: con el tracking del hero (.18em) su texto mide
       7 × 0,638 em. A 19,6vw entra con holgura desde 320px hasta el corte de 600px. */
    --t-acto: clamp(52px, 19.6vw, 96px);
    --t-prosa: 21px;
    /* el grano del cuero se mide contra la pantalla, no contra el archivo: a 390px
       el tile de 512 se lee como estuco. A 340 vuelve a ser piel. */
  }
  /* La portada medía ~581px de un viewport de 932: sobraban 351px y ahí se
     colaba el track de MIRAR. Ahora se queda con la pantalla entera. */
  .portada{
    min-height:100svh;
    display:grid;
    align-content:center;
  }
  /* con el acto más grande, la prosa necesita algo más de aire propio */
  .pliego .grilla{row-gap:var(--s4)}
}

/* ══ HERO · EL METAL DEL CLIENTE (crudos/2026-10-10/FOTO PRINCIPAL WEB/WEB.png — IA) ══════════
   La imagen trae el wordmark y el tagline grabados: el texto real va en sr-only.
   Pantalla horizontal = el cuadro del cliente ampliado ×1,7 (tools/hero.py: letras con
   Real-ESRGAN, metal con veta sintética medida sobre el original, color y luz del original).
   Pantalla vertical = el mismo metal extendido a lo alto; el tagline sube a 11px de cara
   (a escala del cuadro quedaba en 7px). Ver decisions.md 2026-10-10. */
.portada{position:relative;height:100svh;min-height:540px;padding:0;display:block;overflow:hidden;
  background:#A49B90}   /* media medida del metal · R−B +19 */
.portada-metal,.portada-metal img{position:absolute;inset:0;width:100%;height:100%;display:block}
.portada-metal img{object-fit:cover;object-position:50% 50%}
.portada .cabecera{z-index:3}

/* ══ 02 · LAS PIEZAS — una por pantalla, en galería ═════════════════════════════════════
   Card como Campaña 01 (pieza + elev-2 + pie). Una vista por vez — foto, 360, 3D — nunca
   mezcladas; se pasa a mano. Objetos 1:1, monos 4:5: todas las cards tienen LA MISMA ALTURA
   (la de la pantalla menos el aire de la hoja y el pie), así el ritmo de la home es parejo. */
.obra{min-height:100svh;display:grid;align-content:center;
  padding-block:var(--s4) calc(var(--s4) + var(--canto-block));
  background-color:var(--papel);background-image:var(--grain-fibra);background-size:420px 140px;background-blend-mode:soft-light}
@media(max-width:599px){.obra{padding-block:var(--s5) calc(var(--s5) + var(--canto-block))}}
.obra .grilla{row-gap:var(--s4);align-items:center}
.galeria{margin:0;width:min(100%,calc((100svh - 2*var(--s4) - 64px) * var(--arn,1)))}
.galeria-pista{position:relative;display:flex;aspect-ratio:var(--ar,1/1);border-radius:2px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
  scrollbar-width:none;background:var(--papel);outline-offset:4px}
.galeria-pista::-webkit-scrollbar{display:none}
.galeria-vista{position:relative;flex:0 0 100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.galeria-vista img,.galeria-vista video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* 3D: el mismo papel con luz que los 360 — el visor es transparente y la luz la pone la vista */
.galeria-vista--3d{background:radial-gradient(118% 92% at 50% 40%,#F3EDE4 0%,#EDE6DC 38%,#E9E1D6 64%,#DFD6CA 100%)}
.galeria-vista model-viewer{position:absolute;inset:0;width:100%;height:100%;background:transparent;
  --poster-color:transparent;--progress-bar-color:rgba(var(--sombra),.35);--progress-bar-height:1px}
.galeria-ar{position:absolute;left:var(--s2);bottom:var(--s2);z-index:2;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--espresso);background:rgba(233,225,214,.82);border:1px solid rgba(var(--sombra),.22);border-radius:2px;
  padding:10px 14px;cursor:pointer}
.galeria-pie{align-items:center;margin-top:var(--s2)}
.galeria-control{display:flex;align-items:center;gap:var(--s1)}
.galeria-tipo{margin-right:var(--s1)}
.galeria-cuenta{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;
  font-variant-numeric:tabular-nums lining-nums;min-width:3.6em;text-align:center;color:var(--espresso)}
.galeria-flecha{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;
  width:32px;height:32px;display:grid;place-items:center;color:var(--espresso);cursor:pointer;border-radius:2px}
.galeria-flecha svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.galeria-flecha:disabled{opacity:.26;cursor:default}
@media(hover:hover){.galeria-flecha:not(:disabled):hover{background:rgba(var(--sombra),.06)}}
@media(prefers-reduced-motion:no-preference){.galeria-pista{scroll-behavior:smooth}}

.obra-texto .num{color:var(--tinta-rec);margin-bottom:var(--s3)}
/* Shop: todo el texto en el estilo del rótulo "Ébana Muze · Shop / Each collection, only once" (clientas, 2026-10-11):
   Jost 500, mayúsculas, espaciado .22em. La jerarquía va solo por tamaño (11 · 20) y tono (espresso · tinta-rec). */
.obra-nombre{font-family:var(--f-jost);font-size:var(--t-prosa);font-weight:400;line-height:1.3;letter-spacing:.3em;text-transform:uppercase;color:var(--espresso);margin:0 0 var(--s2)}
.obra-texto .prosa,.vitrina-texto .prosa,.contacto-llamada .prosa{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;line-height:2.1;letter-spacing:.22em;text-transform:uppercase;max-width:36em}
.obra-texto .prosa em,.vitrina-texto .prosa em,.contacto-llamada .prosa em{color:var(--tinta-rec)}
.prosa em b{display:block;font-weight:500;color:var(--espresso);margin-bottom:6px}
.tecnica dd{text-transform:uppercase;letter-spacing:.16em;font-weight:500}
.compra-precio .micro:last-child{font-weight:500;letter-spacing:.16em}
.obra-texto .prosa{margin-bottom:var(--s4)}
.tecnica dd{white-space:nowrap}
.g-obra,.g-obra-texto{grid-column:1/-1}
@media(min-width:600px){
  .g-obra{grid-column:1/6} .g-obra-texto{grid-column:2/7}
  .obra--der .g-obra{grid-column:2/7;justify-self:end}
}
/* La card se apoya contra el lado del texto: imagen y texto quedan a la misma distancia en las
   cuatro piezas (las 4:5 son más angostas; el aire sobrante va al borde, no al medio). */
@media(min-width:1024px){
  .g-obra{grid-column:1/9;justify-self:end} .g-obra-texto{grid-column:9/13;padding-left:var(--s3)}
  .obra--der .g-obra{grid-column:6/13;grid-row:1;justify-self:start}
  .obra--der .g-obra-texto{grid-column:2/6;grid-row:1;padding-right:var(--s3)}
}
@media(min-width:1440px){
  .g-obra-texto{grid-column:9/13}
  .obra--der .g-obra-texto{grid-column:2/6}
}

/* ══ 03 · COLECCIÓN — más grande: alto fijo, el ancho lo pone cada foto ══ */
/* COLECCIÓN tiene 9 letras; el tamaño de acto se calculó para HABITAR (7) y en mobile la tinta
   desbordaba 65px. Medido: 5,9em con el tracking del wordmark; el tamaño sale del ancho disponible (÷6,3). */
.coleccion .grilla{row-gap:var(--s2)}
/* rótulo arriba a la izquierda; COLECCIÓN y la frase centrados en el eje del hero (clientas, 2026-10-11) */
.coleccion-rotulo{display:grid;gap:10px;align-content:start;margin-bottom:var(--s4)}
.coleccion-frase{grid-column:1/-1;text-align:center;text-wrap:balance}
/* la frase en un solo renglón: el cuerpo se ajusta al ancho (medido: la frase mide 37 × el cuerpo) */
@media(min-width:600px){.coleccion-frase{white-space:nowrap;font-size:min(var(--t-prosa),calc((100vw - 2*var(--margin)) / 38.5))}}
.coleccion .acto{margin-bottom:var(--s3);grid-column:1/-1;font-size:min(var(--t-acto),calc((100vw - 2*var(--margin)) / 6.3))}
@media(min-width:1024px){.coleccion .acto{font-size:min(var(--t-acto),calc(min(100vw - 2*var(--margin), var(--container)) * 11/12 / 6.3))}}
.coleccion .acto{text-align:center}
.coleccion .riel{--riel-h:clamp(300px,58svh,560px);margin-top:var(--s4)}
.coleccion .riel-item{flex:0 0 auto;width:auto}
/* inline-block: con block + solo aspect-ratio el ancho puede colapsar a 0 (lección 2026-06-10) */
.coleccion .riel-item .lienzo{display:inline-block;vertical-align:top;height:var(--riel-h);width:auto;aspect-ratio:var(--ar)}
@media(max-width:599px){.coleccion .riel{--riel-h:clamp(280px,56svh,440px)}}
/* tiro de foco más leve: con fotos grandes, 2px de blur en reposo les quitaba impacto */
.coleccion .riel-item{filter:blur(1px) saturate(.96);opacity:.92}
@media (hover:none){.coleccion .riel-item{filter:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.coleccion .riel-item{filter:none;opacity:1}}


/* ══ CABECERA FIJA + MENÚ ═══════════════════════════════════════════════════════════════
   Transparente sobre el metal; papel al bajar. El menú es una hoja de cuero a pantalla completa. */
.sitio{position:fixed;top:0;left:0;right:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;
  padding-inline:var(--margin);transition:background-color var(--dur-ui) var(--ease-settle),box-shadow var(--dur-ui) var(--ease-settle)}
.sitio.sobre-papel{background:rgba(233,225,214,.96);box-shadow:0 1px 0 rgba(var(--sombra),.10)}
.sitio .micro{color:var(--espresso)}
.sitio-menu{appearance:none;background:none;border:0;padding:12px 0;cursor:pointer;display:inline-flex;align-items:center;gap:12px}
.sitio-menu i{display:grid;gap:5px;width:22px}
.sitio-menu i::before,.sitio-menu i::after{content:"";display:block;height:1px;background:var(--espresso)}
.menu{position:fixed;inset:0;z-index:30;background:rgba(39,31,27,.30);
  opacity:0;visibility:hidden;transition:opacity var(--dur-obj) var(--ease-settle),visibility 0s linear var(--dur-obj)}
.menu.abierto{opacity:1;visibility:visible;transition:opacity var(--dur-obj) var(--ease-settle)}
/* la hoja: papel, como la ficha del colofón — filas finas, etiqueta a la izquierda, detalle a la derecha */
.menu-hoja{background-color:var(--papel);background-image:var(--grain-fibra),var(--grain-paper);
  background-size:420px 140px,var(--grain-size) var(--grain-size);background-blend-mode:soft-light,normal;
  box-shadow:0 1px 0 rgba(var(--sombra),.10),0 24px 48px rgba(var(--sombra),.16);
  transform:translate3d(0,-12px,0);transition:transform var(--dur-obj) var(--ease-expo-out)}
.menu.abierto .menu-hoja{transform:none}
.menu-cabeza{height:56px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--margin)}
.menu-cabeza .micro,.menu-cerrar{color:var(--espresso)}
.menu-cerrar{appearance:none;background:none;border:0;padding:12px 0;cursor:pointer}
.menu-cuerpo{width:min(100% - 2*var(--margin),var(--container));margin-inline:auto;padding:var(--s4) 0 var(--s4)}
@media(min-width:1024px){.menu-cuerpo{padding-left:calc((100% - 0px) / 12 + var(--gutter))}}
.menu-lista{list-style:none;margin:0;padding:0;border-top:1px solid rgba(39,31,27,.14)}
.menu-lista a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);
  padding:18px 0;border-bottom:1px solid rgba(39,31,27,.14);color:var(--espresso);
  transition:border-color var(--dur-ui) var(--ease-settle)}
.menu-lista .n{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;color:var(--tinta-rec)}
.menu-lista .t{font-family:var(--f-jost);font-size:13px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--tinta-rec);
  transition:color var(--dur-ui) var(--ease-settle)}
.menu-lista .d{font-family:var(--f-jost);font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--espresso);text-align:right}
.menu-lista a:hover,.menu-lista a:focus-visible{border-bottom-color:var(--espresso)}
.menu-lista a:hover .t,.menu-lista a:focus-visible .t,.menu-lista a[aria-current="page"] .t{color:var(--espresso)}
@media(max-width:599px){.menu-lista a{grid-template-columns:36px minmax(0,1fr)}.menu-lista .d{grid-column:2;text-align:left;margin-top:6px;color:var(--tinta-rec)}}
.menu-pie{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);padding-top:var(--s3)}
.menu-pie .micro{color:var(--tinta-rec)}
.menu-pie a.micro{color:var(--espresso)}
/* Shop despliega las piezas: la fila es un botón con la misma grilla que los enlaces */
.menu-abre{appearance:none;background:none;border:0;border-bottom:1px solid rgba(39,31,27,.14);width:100%;text-align:left;cursor:pointer;font:inherit;
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);padding:18px 0;color:var(--espresso);
  transition:border-color var(--dur-ui) var(--ease-settle)}
.menu-abre .d{display:inline-flex;align-items:center;gap:12px}
.menu-abre i{position:relative;width:9px;height:9px;flex:none}
.menu-abre i::before,.menu-abre i::after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--espresso);
  transition:transform var(--dur-ui) var(--ease-settle)}
.menu-abre i::after{transform:rotate(90deg)}
.menu-abre[aria-expanded="true"] i::after{transform:rotate(0)}
.menu-abre:hover,.menu-abre:focus-visible,.menu-abre[aria-expanded="true"]{border-bottom-color:var(--espresso)}
.menu-abre:hover .t,.menu-abre:focus-visible .t,.menu-abre[aria-expanded="true"] .t{color:var(--espresso)}
.menu-sub{list-style:none;margin:0;padding:0}
.menu-sub:not([hidden]){animation:menu-sub var(--dur-obj) var(--ease-settle) both}
@keyframes menu-sub{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.menu-lista .menu-sub a{padding:13px 0}
.menu-lista .menu-sub .t{font-size:12px;letter-spacing:.22em}
.menu-lista .menu-sub .d{font-size:var(--t-micro);letter-spacing:.12em;color:var(--tinta-rec)}
@media(max-width:599px){.menu-abre{grid-template-columns:36px minmax(0,1fr)}.menu-abre .d{grid-column:2;margin-top:6px;color:var(--tinta-rec)}
  .menu-lista .menu-sub a{grid-template-columns:36px minmax(0,1fr) auto}.menu-lista .menu-sub .d{grid-column:auto;margin-top:0;text-align:right}}


/* ══ CARRUSEL DE PRODUCTOS · foco al pasar, vitrina al hacer clic ══ */
.coleccion .riel:hover .riel-item{filter:none;opacity:1}
.riel-item{cursor:zoom-in}
.riel.agarrando .riel-item{cursor:grabbing}
.vitrina{border:0;padding:0;margin:auto;max-width:min(1120px,calc(100vw - 2*var(--margin)));width:100%;
  background:var(--papel);color:var(--espresso);border-radius:2px;
  box-shadow:0 40px 80px rgba(var(--sombra),.28),0 8px 18px rgba(var(--sombra),.16)}
.vitrina::backdrop{background:rgba(39,31,27,.58)}
.vitrina[open]{animation:vitrina-entra var(--dur-obj) var(--ease-expo-out) both}
@keyframes vitrina-entra{from{opacity:0;transform:translate3d(0,var(--amp-obj),0) scale(.985)}to{opacity:1;transform:none}}
.vitrina-cuerpo{display:grid;grid-template-columns:1fr;max-height:calc(100svh - 2*var(--s3))}
@media(min-width:900px){.vitrina-cuerpo{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.vitrina-foto{margin:0;background:#E2D9CC;display:grid;place-items:center;overflow:hidden;max-height:calc(100svh - 2*var(--s3))}
.vitrina-foto img{display:block;width:100%;height:100%;max-height:calc(100svh - 2*var(--s3));object-fit:contain}
@media(max-width:899px){.vitrina-foto img{max-height:56svh}}
.vitrina-texto{padding:var(--s4) var(--s4) var(--s4);display:flex;flex-direction:column;justify-content:center;gap:var(--s2);overflow:auto}
@media(max-width:599px){.vitrina-texto{padding:var(--s3)}}
.vitrina-texto .num{color:var(--tinta-rec)}
.vitrina-acciones{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s3)}
.vitrina-cerrar{position:absolute;top:var(--s1);right:var(--s1);z-index:2;appearance:none;width:44px;height:44px;border:0;border-radius:2px;
  background:rgba(233,225,214,.88);color:var(--espresso);cursor:pointer;display:grid;place-items:center}
.vitrina-cerrar svg{width:16px;height:16px;stroke:currentColor;stroke-width:1;fill:none}

/* ══ BOTONES (comprar: de muestra hasta Tiendanube) ══ */
.boton{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s3);
  border-radius:2px;border:1px solid var(--espresso);background:none;color:var(--espresso);cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
  transition:background-color var(--dur-ui) var(--ease-settle),color var(--dur-ui) var(--ease-settle)}
.boton:hover{background:rgba(var(--sombra),.06)}
.boton--lleno{background:var(--espresso);color:var(--papel)}
.boton--lleno:hover{background:#3A2219}
.compra{margin-top:var(--s4);display:grid;gap:var(--s2)}
.compra-precio{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:1px solid rgba(39,31,27,.14)}
.compra-precio .micro:last-child{font-weight:400;letter-spacing:.08em}
.compra-botones{display:grid;grid-template-columns:1fr;gap:var(--s1)}

/* ══ INVITACIÓN A LA REALIDAD AUMENTADA — una fila de la ficha que abre la guía (con QR en computadora) ══ */
.ar-invita{appearance:none;background:none;border:0;border-top:1px solid rgba(39,31,27,.14);border-bottom:1px solid rgba(39,31,27,.14);
  width:100%;margin-top:var(--s4);padding:var(--s2) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
  cursor:pointer;color:var(--espresso);transition:border-color var(--dur-ui) var(--ease-settle)}
.ar-invita svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;
  transition:transform var(--dur-ui) var(--ease-settle)}
.ar-invita:hover{border-bottom-color:var(--espresso)}
.ar-invita:hover svg{transform:translate(2px,-2px)}

/* guía antes de abrir la AR + QR en computadora */
.guia{border:0;padding:0;margin:auto;width:min(520px,calc(100vw - 2*var(--s2)));background:var(--papel);color:var(--espresso);border-radius:2px;
  box-shadow:0 40px 80px rgba(var(--sombra),.28)}
.guia::backdrop{background:rgba(39,31,27,.58)}
.guia-cuerpo{padding:var(--s4) var(--s3) var(--s3);display:grid;gap:var(--s3)}
.guia h2{margin:0;font-family:var(--f-jost);font-weight:400;font-size:var(--t-prosa);line-height:1.3}
.guia ol{margin:0;padding:0;list-style:none;display:grid;gap:var(--s3)}
.guia li{display:grid;grid-template-columns:56px 1fr;gap:var(--s2);align-items:start;font-size:15px;font-weight:300;line-height:1.5}
.guia li b{display:block;font-weight:500;font-size:var(--t-micro);letter-spacing:.22em;text-transform:uppercase;margin-bottom:4px}
.guia svg.paso{width:56px;height:56px;stroke:var(--espresso);stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.guia .real{color:var(--tinta-rec)}
.guia-acciones{display:flex;gap:var(--s1);flex-wrap:wrap}
.guia .ar-mini{width:24px;height:24px;object-fit:cover;border-radius:2px;margin-right:12px}
.guia-qr{display:grid;grid-template-columns:132px 1fr;gap:var(--s3);align-items:center}
.guia-qr svg{width:132px;height:132px;display:block;background:#F3ECE2;padding:6px;border-radius:2px}
.guia-qr svg path{fill:var(--espresso)}
@media (prefers-reduced-motion:no-preference){.guia svg .mueve{animation:guia-mueve 2.4s var(--ease-sine-out) infinite alternate}}
@keyframes guia-mueve{from{transform:translateX(-5px)}to{transform:translateX(5px)}}
.galeria-ar-pc{position:absolute;left:var(--s2);bottom:var(--s2);z-index:2}

/* ══ LA PRENDA — frente y espalda, fundido lento ══ */
.prenda{position:absolute;inset:0;background:#F4EFE6}
.prenda img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.prenda .espalda{animation:prenda 7s var(--ease-sine-out) infinite}}
@media (prefers-reduced-motion:reduce){.prenda .espalda{opacity:0}}
@keyframes prenda{0%,38%{opacity:0}50%,88%{opacity:1}100%{opacity:0}}

/* ══ FILM entre los monos (mismo bloque que Concepto) ══ */
.film{height:180vh;view-timeline:--film block}
.film .pin{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--espresso)}
.film video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .film video{animation:ebana-film both linear;animation-timeline:--film;animation-range:cover 0% cover 100%;will-change:transform}}}
@keyframes ebana-film{0%{transform:scale(1.06)}45%{transform:scale(1)}100%{transform:scale(1)}}
.film-pie{position:absolute;left:var(--margin);bottom:var(--s3);right:var(--margin);display:flex;justify-content:space-between;color:var(--papel);z-index:1}
.film-pie .micro{color:var(--papel)}
.sonido{position:absolute;top:calc(56px + var(--s2));right:var(--margin);z-index:2;background:none;border:0;padding:4px 0;cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;text-transform:uppercase;line-height:1;
  color:var(--papel);opacity:.66;border-bottom:1px solid rgba(233,225,214,.38);
  transition:opacity var(--dur-ui) var(--ease-settle),border-color var(--dur-ui) var(--ease-settle)}
.sonido:hover,.sonido:focus-visible{opacity:1;border-bottom-color:var(--papel)}
.sonido[aria-pressed="true"]{opacity:1;border-bottom-color:var(--papel)}
/* modo cine (A PRUEBA, 2026-10-11 — lo evalúan las clientas): con el teléfono vertical el film va entero en 16:9 y
   «Pantalla completa» (medios.js) lo abre en el reproductor para verlo girado. Igual que en Concepto.
   Para volver atrás: sacar `film--horizontal` del film. */
@media (orientation:portrait){
  .film--horizontal{height:auto}
  .film--horizontal .pin{position:relative;height:auto;aspect-ratio:16/9}
  .film--horizontal video{object-fit:contain;transform:none!important;animation:none!important}
  .film--horizontal .sonido{top:var(--s2)}
  .film--horizontal .pin::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(rgba(var(--sombra),.42),rgba(var(--sombra),0) 32%,rgba(var(--sombra),0) 60%,rgba(var(--sombra),.5))}
}
.completa{display:none;position:absolute;top:var(--s2);left:var(--margin);z-index:2;
  background:none;border:0;padding:4px 0;cursor:pointer;
  font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;line-height:1;color:var(--papel);opacity:.66;
  border-bottom:1px solid rgba(233,225,214,.38)}
.completa:hover,.completa:focus-visible{opacity:1;border-bottom-color:var(--papel)}
@media (orientation:portrait) and (max-width:1023px){.film--horizontal .completa{display:block}}
/* mobile: el lema del pie grabado y marcado, como el manifiesto (clientas, 2026-10-11) */
@media (max-width:599px){
  footer.pie .tagline.golpe{font-size:min(20px,5.2vw)!important;color:#D9CFC2;text-shadow:
    -.018em -.018em 0 rgba(var(--luz),1),
    -.032em -.032em .03em rgba(var(--luz),.65),
     .016em  .016em 0 rgba(var(--sombra),.62),
     .03em   .03em  .04em rgba(var(--sombra),.36)}
}

/* ══ CONTACTO — llamada + ficha (mismo lenguaje que el colofón y el menú) ══ */
.contacto{min-height:72svh;display:grid;align-content:center}
.contacto .grilla{row-gap:var(--s5);align-items:center}
.contacto-llamada,.contacto-ficha{grid-column:1/-1}
.contacto-llamada .num{color:var(--tinta-rec);margin-bottom:var(--s3)}
.contacto-llamada .prosa{max-width:30em}
.contacto-botones{display:grid;gap:var(--s1);margin-top:var(--s4);max-width:360px}
.contacto-ficha{list-style:none;margin:0;padding:0;border-top:1px solid rgba(39,31,27,.14)}
.contacto-ficha a,.contacto-ficha .fila{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);
  padding:18px 0;border-bottom:1px solid rgba(39,31,27,.14);color:var(--espresso);transition:border-color var(--dur-ui) var(--ease-settle)}
.contacto-ficha .t{font-family:var(--f-jost);font-size:13px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--tinta-rec);
  transition:color var(--dur-ui) var(--ease-settle)}
.contacto-ficha .d{font-family:var(--f-jost);font-size:15px;font-weight:400;letter-spacing:.06em;text-align:right}
.contacto-ficha a:hover,.contacto-ficha a:focus-visible{border-bottom-color:var(--espresso)}
.contacto-ficha a:hover .t,.contacto-ficha a:focus-visible .t{color:var(--espresso)}
@media(min-width:1024px){.contacto-llamada{grid-column:2/6}.contacto-ficha{grid-column:7/13}}
@media(min-width:1440px){.contacto-llamada{grid-column:3/6}}
/* sobre el metal del hero (sin el logo; assets/textura/metal-liso): la tinta espresso de siempre */
.contacto--metal{background-color:#A39A8E;background-position:center;background-size:cover;background-repeat:no-repeat;
  /* un velo de papel al 22 %: el texto espresso no baja de 4,5:1 ni sobre las vetas oscuras */
  background-image:linear-gradient(rgba(243,236,226,.22),rgba(243,236,226,.22)),url("../ebana/textura/metal-liso-1600.webp");
  background-image:linear-gradient(rgba(243,236,226,.22),rgba(243,236,226,.22)),image-set(url("../ebana/textura/metal-liso-1600.webp") 1x,url("../ebana/textura/metal-liso-2400.webp") 2x)}
@media(max-width:599px){.contacto--metal{background-image:linear-gradient(rgba(243,236,226,.22),rgba(243,236,226,.22)),image-set(url("../ebana/textura/metal-liso-1000.webp") 1x,url("../ebana/textura/metal-liso-1600.webp") 2x)}}
.contacto--metal .lomo{opacity:.35}
.contacto--metal .contacto-llamada .num,.contacto--metal .prosa em{color:var(--espresso)}
.contacto .renglon{display:block}
/* los tres renglones tal cual los escribieron las clientas: la llamada se ensancha y no corta adentro del renglón */
@media(min-width:1024px){.contacto--metal .contacto-llamada{grid-column:1/8}.contacto--metal .contacto-ficha{grid-column:8/13}
  .contacto--metal .contacto-llamada .prosa{max-width:none}}
@media(min-width:1280px){.contacto .renglon{white-space:nowrap}}
@media(min-width:1440px){.contacto--metal .contacto-llamada{grid-column:2/8}}
/* los datos como el menú: número · rótulo · dato */
.contacto-ficha{border-top-color:rgba(39,31,27,.28)}
.contacto-ficha a,.contacto-ficha .fila{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);border-bottom-color:rgba(39,31,27,.28)}
.contacto-ficha .n{font-family:var(--f-jost);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;color:var(--espresso);opacity:.72}
.contacto-ficha .t{color:var(--espresso)}
.contacto-ficha .d{font-size:13px;letter-spacing:.08em}
@media(max-width:599px){.contacto-ficha a,.contacto-ficha .fila{grid-template-columns:36px minmax(0,1fr)}.contacto-ficha .d{grid-column:2;text-align:left;margin-top:6px}}

/* textos: nada de viudas ni títulos partidos feo */
.prosa{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.filtros{position:absolute;width:0;height:0;overflow:hidden}