/* ─────────────────────────────────────────────────────────────
fernandomarti.com · sistema visual
Paleta cerrada · retrofuturismo analógico · manual técnico 60-70
───────────────────────────────────────────────────────────── */
:root{
--bone:#FCEBCA; --paper:#F0E4C8; --oat:#E3CEA4;
--olive:#3E3E22; --ochre:#D0893B; --rust:#A44819; --ink:#181A13;
--head:"Barlow Condensed","Arial Narrow",sans-serif;
--body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
--mono:"IBM Plex Mono","Menlo",monospace;
--gutter:clamp(20px,4.5vw,64px);
--maxw:1440px;
--tex-tile:420px; --tex-light:.08; --tex-dark:.045;
--t-fibre:url("../assets/textures/paper-fibre.png");
--t-grain:url("data:image/svg+xml;utf8,");
--t-half:url("../assets/textures/dot-halftone.png");
--t-screen:url("../assets/textures/screenprint-dragged-edge.png");
--t-press:url("../assets/textures/letterpress-deboss.png");
--t-torn:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArwAAADMCAYAAACRB3CrAAAe60lEQVR4nO3dC3xcV3Xv8bX2mZH8im2NZEkzcrBJTUJ9kxBqCgmvtEApEKBcim+hlPAKhIbwSC/QW9oS3oVAEpqkpBAehTSkDRT4ABdSoIB5BogDTVLxUiC2pTkzkmYU2Y4fmjl79XOOjlwlsWNLlizN0e/7+cSOZ0bysTSj85911l5be0udJgAAAEBGuYU+AAAAAGA+EXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECmEXgBAACQaQReAAAAZBqBFwAAAJlG4AUAAECm5Rb6AAAAAIB5YiI2QoUXAAAAWWGqyW/3itqLK+Waq5TrPQReAAAAZIGJiHpvB0TkPZWh+ifjP8d3EHgBAACQCRqXd1X2NM19efrtBF4AAAC0Gp+EW5O7TOTm5P9FouQeU5czWTX9wQReAAAAtAwzaTjnnJm/sRLWNlXLtaeryWli1p8+ZN/+thV3pDk3bnNgSgMAAABaalFazszHNd674xs2bNiwbMeOHb/csGbNuQeXy7M1sJHxnTvHpvp3Y9pb6kySLwAAALDINZ3TXOT9d3zQfOnIrt13iUhwqJ3hCGhpAAAAwGLh419MpCJeHl0p19Q7f6aY3JL26Zo3E/Py73HY3bRJ2o8WdmNUeAEAALBYwq4TswEVfVYY1n6eVm/jpNvs6es6T81eY6Ifq5ZHb0pbc5vH8okJvAAAAFhwZjIRBK7NIntUGI5uP5ZWhWNFSwMAAAAWkzkvxhJ4AQAAsJgcmq4wVwi8AAAAOJGaIva3ovZ/zGTbfFR07485vAAAAJhvpqrqvY1Vw1ohreLGQffTvX2FS8zLu1W1bb7+ciq8AAAAOBFht5YP3KOnhd1EZah+pbb7h5vK9ZFFlwfBxG+mjyibC0xpAAAAwNwFW/MjanK7qW5SkQ3x/Fwzu7txUM6s1Wr3zmWQPVa0NAAAAGCudkDbZs3cn1SHh6txYXXLFslVq6tPGhzaXZcFRIUXAAAAxyNS1cC83e6dXTg8VL9lJptCnAj08AIAAGC24vaEwHubMLHr4rC7ebO0LaawGyPwAgAAYFbMJHLOxavQPtsZ9n44vq2/f3GF3RiBFwAAALNkXpNtImxXv/RPbNiwYdlCLEo7GgIvAAAAMo3ACwAAgNmOIWuLIh+XdMvxDStX7lh01d0YgRcAAACzHUWmZvKVhthn4xv6+yWSRYg5vAAAAJiJuIrrzOyn3ss/+Tb32bEdtUpaSCXwAgAAoIVDrthOEXlr59reG/r7+yfut03womxniBF4AQAA8GAiUQnE5Ls+CF4ysmvkrmq5HqT3tcQGZvTwAgAA4Eiak7uoyTvU2v4wDrtpVXdRti4cCRVeAAAAHGnL4Jz3/sMH2qIrxnfU9t2vhaFlUOEFAADA/fmksmv2biftl4zvGL+nVcNujMALAACA+1MzX47y7uowDFu2sjuFwAsAALA0RWb2E/PyOTOLJy5MMTG5W83OGdkxUjl0WwvT3lJnS/8DAAAAMDtmNiZmn1SnYyKyQkROjvePKKytX9bfL9NDcEsj8AIAACxlKj91NvGUcnlPvdUruUdCSwMAAMDSZKoq5uUh5fKemmQYgRcAAACZRuAFAABAphF4AQAAsmmyH9dsQky+bmIfMZPB9D6vmowe2+PELrjP4zOIndYAAACyuSVwzpu/zYl7ZRiObk9n6WpPsXBREARXR5GPN5N4SyWsf67V5+weDVMaAAAAsiPOdaYizrz9RaVSv3LTJmkfGJCDsoQReAEAALIhEpXATHaq9xdWKmM3i0heRBqyxNHDCwAAkIGqbtyXK2aXLcs3H5GG3TjnNRb64BYDengBAABaV6SqgXn7oXl/QbU6dqeIBOl9foGPbdEg8AIAALQeSxem5dXs2WFY++K0K/fRAh/bokPgBQAAaL2wq2I2Yt7+IKzU+9OqLkH3COjhBQAAWHziftyymYw94HaJ5+fal32U+53KZNiN8xxh90FQ4QUAAFhYkYn9xLz7lATN/xgeuuf2+8zF3SL5nkrn48TbVhVd7lVuGA7r35oWcunVPQrGkgEAAJxYXlWdmf+O5ORVlZ20JMw3KrwAAAAndqLCHZH6Vw2X67dMy2KE3XlEDy8AAMD8SloOzGzcW/T8Slg76+TeerzVb6y5sIe2NNDSAAAAMH/i0WE5H7cvRHbRtDm5VHRPICq8AAAAs2Re/j7nlq+olGu65qCsVvFXmtn+5D6zg85pznt/rbP2p6Vhl4kKC4AKLwAAwCyoihzcb2vq9fruaVMV4kBrvX2df2ZiZwbmriuXR3+Z3s40hQVC4AUAAJgtby+pVOrXE2YXN1oaAAAAZsfM6fvWr1+9Nv1zXOXFIkTgBQAAOPK83DjW3hX36Mb/NSe0NO1+c6rrvG/rmvrzAh0njoLACwAA8EBJP673fr+J3pDeFoyOjoaVYq1tWr+uRGKnLeyh4mgIvAAAAA/k1amo6EA1rF26ebO0HZqusF2aXuQ5Ilbx3j4jUe4b6cfQ0pDhRWvJ9nje26CIXSYiq1T1L0VkTfruh28+AABouR3RvNnPJMr9XrVaHUlvp2WhRbm4H0VMPj6L1YXp4+1e7/1rq2Ht5M6O+oeqYf3vCmt7uk3kTZo0vjBrDgAAtAxTlcDMvhZI+xMIu9lwqPra21v4ba/6yEDcDq/+1SqyNd3f2YvZhIm+NR8sv2pwcHB/T0/PSs03N8cf1x6sumPHjh0Hps2fm/x9i+R7w7WvMAnepyLLqfQCAICFrdj6H5vZB8ykrmqdztwBM9nVaMjP41m6pdJJnc1m0Ldsme3auXN8bFq2QYu7fwhNhiL39HU+SUw+Fji3wXt/YyOQN9R21crHOzS5WCw81Yt+QVXaj//QAQAAji7e8SyXC9obUfQHw+X619OCXnOhjwsLt2gtfhcTPHGotk1VylEU7VfTy9OwGxzvUOUwrH+tGtaWmckPju+wAQAAjnmtUXszirbnxO1Mb6Nqu8Qcrs0gKd93lboeuSLXuHseSvqHPn9O/M2qrtvMWNwGAADmlJnF/beDojqi3j7UV6l/cbtIg1aFpWchQ2ZSMe4uFm4PnDvdzOLqMWPSAADA8YiD7N05Z08YHKwPLfTBYHFYyIAZT28IhsP6GZGPXmFm90wOdWAvagAAMEsqapG9gLCL6RZDG0GyEK63d+0GU/d5F7izzFsShqV1NVU1Z94+FjXd1S7vt6rYa0V0FbOJAQCYQyYNM71JnX1PxNZZJDdXq/Uf07KA6RZT8IoDbtTX1/WwyOx6dfoY89ZMV1KeCMkGGubtThH5saj8vqpsNEsqzvevhHsxuUPU/ktMzxCV09Ov5eRjzb4gNnFBpbJ3ZNOmTe0DAwMHi8XCxabybhE96dDjAADA8YjE5PpKWHspfblolcArGzZsWBbP9O0pdn4iyLnzo6afUE228ptXZjIR5Fybb0b/UAnrF8e39fYWtrrA3RR5mzqGQzvKVcPTHyqyzaZvqpFUqM20Wh3fdZjNNpIqdqnUdWpT/FY1eZGqO02EvmUAAGYouVJqJgdV5YpKufbm4x2biuxbVIFXRPIi0ujtLTzPVD+gTvriXazN+9vF2QfN5B5nQdHUrxaTVaKuT8xOF5UzZ9sqMDWbr9n076qGtb+J98ru75eJdevWrXJ5/47A6eujyB9wzi3z5n9eLdd/O95UQ7YnqzxnVcXu7S1sFrU3muiz4q2YRXS7qg2LyFOOse1h8sUudpuabhKV1bM4FgAAWm0HNDWzPeLt7ZXK2PunzqsLfWBY/BZb4JWpd2nFYufDo8h3qLbdXq1W7z3apYpSac1ZkQQ3qujDDxcOVexWL3Kts/avm+3Zr9r2eBN5sqk8Tb39/7Y2/9Z0BJtL/2t2lzqf7MS+quqceT8g5p9Sqdyz4zgvmyT/vrh1w/voFJHG9jDcOxrf0V0qPCUfBF9rNqOD8czAI3x8Gobt0vb8SZfFFfGT1637rUbOX69OzkkGvAEAkM2wu9dM31kNa+9l8wi0euCdjSSAdnZ2npRvl1/Em7qltyeL35oTWhodHQ1nGFSTx5ZKHSd7786NIvf1kZGRyjz1CE3ucNezZqO63HXq5ClxcDWThqh8U0xCVXlx+tiktULtYFe5vKd2/y2dk22fc40/FtO3qepGs5ZfAAgAWLqmzm/jonazevlovIkVlV0s1cB7qAf4YOPej4jYC+M/x1POnMiTh4Zq35DFLQm8Had0rMkfkLcHGrw2vtHM7q6Uaw9dv351IfL5Wpqy4yw8eiDfPHV8x/g9Rwjgk60TfeueZ+bf71Tj/mKCLwCg1YKuN5H/cKbvCMPR79Cri9lyWQru+/bty4nY2eltlgzj08ZPpz9mMVt+oJkT0X3m/U/M/HvygTwuvr3RWH7Qi9469Thncsn4jvHd6R8PV21O3vVWhkY+Vy3XNgb7/XoR+6JzcSfErHqPAQA4keKrmfHvO0X0qjTsxut8CLtY0oE3CX0rVqyIe3l+lN6m3ttfDQ7ufrBguFgkL+Byec+Y5qIPRxq8rFKu/9WuXbW4hULWr69OOLWbxeR2b3ZJGNb+5Rhf9HHwdYP1+lAz5y7ykd2kgSYLA+f9XwQAwMwl52oTa5r3PzWxtz38YaM3p0Ur+nUxa4u+6jkLrmd94VHVwWwNnS4UCn1tbXZGpTL21Vm8wz3U9tBT7HxrELhLo+jEjHwDAOAYRKoamLcfiNh3Tdyg5d2XhncO/5o2BsyFLAZeHF7S19vTs+ah4oJrnHPPMHvgxh5mMugCfZv3PlLR14nIIxbukAEAS0CkKoH30i/e3ud98JmRkZG9bCSBuUTgXVqmfni4nmLh1aruquTCkcmEmlxbqdRef7930losynIvnbuc04JZMvSM5wwAYC7F5xZvZrdpELylMjgStzDECLyYM4SXpS0oFovtYRjuO/pc5MI/muoFaaWY4AsAmK2pefJ7RNzlIjbiRTuc+l2+kfv34eHhKm0MmGuEFsyoJaJYLLzGVN+hKmvMCL4AgBmZPG+Y/NCcva46VP/hQh8QlgbCCmb8fFm/fn1HMzrwb+rk92hzwFJhZg1VmRBJdkG8T+87Fhu7V0TjRbnxVBossoVpkdiLhodqN0zfNGmhDwzZR1DBrGzaJO0DA3Kwt7fzXeLkzenNhF9kSXw51ZnIt9VH56fbirv0eW6bRdpGi4U3OI2f/7py6vGH/Uzx/GuTH5mYV6dPOOH/ktbcQnZPuoXsZUfbVevkkztLe5s+N3bqWFm2STPehCjedr232HmTC9xWH/l410rC78KKrwk2zTdPq1bHf7PQB4Olh3CC2dsiedkujZ5S4aVierlT6bAHO+kDLSRezBkE2maR/mEYjnz1CJWopM+wt3ftBlN3sao+T0Q2Tn68HRDRL3lzHx2pJItwpnoStaev8EE1fSWvlQeYXvG7ulKuvW7LFslv3z7j2eHJvPHuYscLVPRy51zRzMZN7C4R7Ux3n+Rn1QlmkZ1drdLCgIVB4MXxSk7i3d3dPS5oXucC9yzvLT45UU1Bq2uqas4i+zuz3Luq1eq9c3n5tbfY8VFR9xJC131EzmkQeX9rey566s6dyfbpMouvefJ92rRpU/vevfecHUUTgyMju+/6n/GMPSuda7zMRP6fqJYetDqPWb1pMbP9Jvba4XDsIwt9QECMFziOl49PKvGqWhP9fnpWoicLi0X6PLR7TezbInKNOnmh+Ghj1HAnNQ5Kn0X+DG/yHDH5+mGft05WTaycmOueXa2EYy83k/F0+9Rm+vtHzez6ZPX6ZDliqb2Oki3hRXRs587xsU2bNrXN8muQfMzAwMDBSmV0Wxp2Zaotolqt7gvD+tVRMzjNxF4mZren9zMVYA7aUSZfb24q7FJYw3xk1xnnVxZe4LgNDAwklxsbK+2D+X12RuDcn0aRsZMbFspktc5sj5i9qVIZ+8fNm6Wtvz9ecPYA8XD7sojc2VPqalexc9OrE1NVKjHx3x/79dj4HB9jEsjykT+3Ke7bplZpOHlybVctPhbpKXV+JVD3NG8+Dmj8nJ57ydc/3dzgn0Tk43GLVvdQ18VBIFeYWZRWg3Hs0teMNNXk+uFwNA67jBbDfJjVc4oKL+asylsfqO9Wkf7JSlUyvQE44eITbhC4+Ox7fRx24wVMRwi795F3epuJJYFTTNREviBOHl0tj/3r9E8/l8c6ODx2RyWsrauW65vTsJuEW1X7mI+ictxSkaHAkCz2M5OGN/sH8fmNlXJNnehpk5Vt2a8qOe+jiqp8Mv6AgYGB6AQdl8brEYYrox/wFv1JGnaz8nWfa011cRFXfmhR85RVKzqWedULZepnv9nNYVj/8/S5zNcQiwaXGjBXptoYgt5S55XOuddEkafKiwUJVarqvLe3V8PapfGbsfjS9tE+sK+vsD4SeZJo82eVwd23PdhUgHmW9Jl2lzqfLKqntKn/8uBgfSi+o6fY+ZfO6XviEWlpoNAF2Cxgr5h+Wky+MdGWvy3YH+0cGRnZVywWl4nsWdHMLV8TNPw5onKRqDwmLaxMjqMy+6Hz9rJKpd5/hMkLuc2bN7v+/v6jvkGZZ0FPqfBiFf3oAh/HYpP2OtteEX1jpVx7sKsnwJzbsmVLftWqVbZt27bmTD+WwIv5kiuVTlrjfb7HnJ2h5p4mYk8X1R7Gl2HemDRc4PJR5D/jm+6l6SXrrFxWTSYPFIuFi10uuLrZjA6o6rIT8Pceer2a2rXVofpFxzA5YXJxWKnzA2J2oXNumfd+m28GLx8ZGTm0eEwWuZ4NPRt1ovkr0UNtJVNfi92q+l4ze7ZIEuqXzuSSnGuLmtGHqmH9VYRdnOiiWkdHxxrvvRsfHx+b6SegpQHzpVku76nFlZz4knAlrL20EtaL8SXMnFu+UsVfmT6O1ods8/FlTjMZNJO3Rd7+2JtdYl7+3ky+YiL9k9uLHv/fE/8Sj8XzTX9+NaxtXbduZOpEnIWwG2vEfaZhWL+mEfk/UueWpaFxLl5DPrkaLbIjWbxnMjS5hi75/MmKezV78zGG3eTzxb8EIteqahj/v5q+sZXCbqy6o3p3Jay1qeg/T42UE/NDOWebw6HRd1fKtbPF7JvOJafSGVecWnBBmkv3GhqJb5iY2EThovVoK/enL1/ezK1c6VbFb7Zm+rE8WbFg4idsfazjWlH3soU+FsxXtVXzkbfPRjm9eHTnaHiYams6Pkrad+8rPMHEznLizlaR5x7Dz6c4pLnI5E7no2ujQL4XLXe/iXvJMz0pJJ1/3dtbeG6QD/7tOCq901sUvqLirjo1HLllWxqie0pdzxfx7w2ce0gU+Z9KYC+qDo7dOYPAms4oLpzv1TWsqV9MK+4t+b3p7Sv8QsWdaiLnVYZGvzz17yuVOp8dmVzjnJ6codm+yWvLe/uVV70u8PZYcfqcyTevdqc4fXVlcDSeepJbAkE/a1yhUFjV3t7etnLlyj3H0u61SCQ/NzZsWLN2//72eDLU6EzfOBN4sSj0FAs/UtXfXejjwNyIN13I5YJlvmkXhuHoh2d56VOLxY74RPtE7/UFqnL6tJ9ZSU+oN78tp+4VQ0Ojv2qlyuFxSv6dpVLXqZH465y6J5pZMjPYe4tXgb3evJRE7IWqeuaRwox5+2bg9J1DQ7VtU5XcqSA69f3qLnZc0JbPX9doNm9TrxdWKrVbl9DX+Vgkz8disbjc5OAXXeCe5L01W2Syxm9E7BNe7KttLr+32YweYYE9VkwepSL/mQ/00l27auVisbgiDMN9vcXCZfn2/BsbBxvvq4T1N6UtNs1WfPOCQ1ypdFLHwaCtva3ZNtHW1rY33qFQFrcgfc7N+ModgReLRm+p8DkR/SOel63NzA4GQdDufXRppVx/e3rzcVf1ukpdpwZm54v6/62izkw+eaAtunZ8R7I5QUtWDY9DUl0srC/05SO9Kgjcc6Mo+qX4+u9UqxKfsJKxWr2ljteLufNFrTue+SsqPxKTbWptX6hUKsll6SNIQm1X30kPCyz/cRU5K94ZLgxrn6Kq9wCTP682S753rPBZFwTnee8X6+Y7DRN/jURtf5tupHLszpVc18BJD7UDbffWaslEkaX2msuyfMcpHStWTqycGBwcnMjqG1qCBRaL5IdnT7Hzy6ry9IU+GMzK1LvuQFSfURka/QrVwJaWBNticd3jvUY3qcm3zedfHm/akN5P2Lmv5Lm+vlDoa7TrR4JAn7bAu05OzcWdEJUPVsu1S3g9otXFYybz+bzNphUjC71GyIZkpFk1rD3DTH6d7jrFCXVRs/fknD/TSXuXmn9C5G2reDk7nsuZht34m8jJtXUl37swHPmuiF1iTur78/vbeV0++NdrsF6vVsPa08VHjxORn6U/y0706yAezRfPkt7mpK2jWq79X16PyIKNGzc2Dxw44LZu3TrjhXdUeLEoRy/1Fgu3q3NnWLokeKEPCofE35Irq5M9fJw8gSOY1gf9inwu9+F0cWFbMiPabGdT5Km1cu2u7mLXqwNnH0g29Tu+n3VJX7uZ/ZdXu2B4qH4LFV20ok2Ts9Mbh+nTTa4Er1+/uhBF3oXh3tGZtNZQ4cVikwzUr4T1M83s6mlPeKpKCyy+NOpEnlMN63G1iJMo8CD6+ydfI+rl+80o+l48izgNu/3WDB5dK9fihZbNQA7ckO5LaccRdOPff25R89xKuXb68FD91qn75uifA5wwabvC4RalJa+R1avX7+3oeMju6bcdCypnWPQ9hL2lzovE5J3qpMNsaqefOZF8LjP5tqh+UMRf7FQfP+3kE/e/1eIqiaqsXaIbZiSXRr23ejWsdbJQBThmU68V7e7ufowFzdUjYf2rR9gIRTs7O1fVarVDM6l7errOU2c3qJM1ZpOLEMUsFKdvqjy2dqN8WqJiseMhIm5FW9uqu9PV9bw+gSNYaidvtKbkBNFzcs//0qj5dDM5R0UeKSInT9sBaTYazmlevD28XK79olgsdnl38BVi+gY1mzCnL6wO1b7R09d1nppdrSoPPXTiWRom+wC9L1fCeh+XR4ETvIi3tPaZIu7jTl2X936HeHtmtTqjWcgAUgRetHT1t1TqeGwk7jqnsnmGYTTeASzeNeiNhbU9V/X3908coTqShO2urq6iy/srAuee7729oxrW3jJVhQny+qUo8hOqM9/5ZQFMVa73i0jc/7RaVdYcrnqdDJkX+35lqBYvvmEUFQCgZRF40cqSENbT1/n7anajiPZMtSlMf5DFK6XF3itefhQ56wjEPVPEnNfcp4aHhu84jkuASUDuLnWck3O570eRb6jedwSRmb6/Go6+ubd37Tmmweed044FXIiXtnDYQTW9oFKpxdulSk9fx3li7noV6Zi61KpO440J7qyUa2fMctMIAAAWDQIvWtmhimxPsfNNQeDeG0XRAed0mZnsNrO/rob1a+bx8t9kq0VPT7cEjY+r6DOmBe540fWN1XL9xWllVNetX/1bLsp/yzntW6AtSBuqmjfvv2Q+ek21On73tIp41NXX9bDAR38jpmvEuRur5dF/5dIpACALCLxodZMtBw/pKuaa/vUmeqaqfN46c/9cvf2EDMhP/v5SqeNkL3prnGvTloFd1bC2YdrfnYxb6ykWfuKcO2shqrzTtvt9ZRiOXkflFgCwVBB4gTkSB8jh+tpzcrlgX2Ww9uPD3R8HzN449AbuLO9tcmxRPDvT+//0an8+XB77QVoxvjxw7s+iyKa3SUQidkBEV85mpFgQaFtkdsWy3Kq/Tld0H261OAAAmUPgBU6g/wm9nbeo08fEBWAz+5Z4uahSqf9syxbJb98ujTj0qjau0Jx7ofn4MfKJalh7Sfw5uru7T9Fc819U9HePYVTaZOuE2UDg5EVDk8PoCboAgCWFwAu0rvy6Ysej8xqMeJ8bq1QqY0xSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAz99/XGQFXcU9GAgAAAABJRU5ErkJggg==");
}
*{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);overflow-x:hidden}
body::before{ /* grano de papel global */
content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.16;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml;utf8,");
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--head);font-weight:900;text-transform:uppercase;letter-spacing:.005em;line-height:.95;margin:0}
p{margin:0 0 1.1em;max-width:62ch}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.rust{color:var(--rust)}.ochre{color:var(--ochre)}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
/* ── Barra fija ─────────────────────────────────────── */
.bar{position:fixed;top:0;left:0;right:0;z-index:800;display:flex;align-items:center;justify-content:space-between;
padding:18px var(--gutter);background:var(--bone);border-bottom:1px solid rgba(62,62,34,.35);
transition:transform .4s ease,background .3s}
.bar.hide{transform:translateY(-100%)}
.bar .brand{display:flex;align-items:center;gap:12px}
.bar .brand img{height:44px;width:auto}
.bar .sub{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-top:2px}
.bar .cta{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);padding:6px 0;border-bottom:2px solid var(--rust);transition:color .2s,border-color .2s}
.bar .cta:hover{color:var(--ink);border-color:var(--ink)}
.on-dark .bar{background:var(--ink);border-bottom-color:rgba(252,235,202,.25)}
.on-dark .bar .cta{color:var(--ochre);border-color:var(--ochre)}
.bar .brand .pos{display:block}.bar .brand .neg{display:none}
.on-dark .bar .brand .pos{display:none}.on-dark .bar .brand .neg{display:block}
/* ── Indicador de progreso ─────────────────────────── */
.progress{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:700;display:flex;flex-direction:column;align-items:center;gap:10px}
.progress .rail{width:9px;height:180px;position:relative;background:repeating-linear-gradient(to bottom,rgba(62,62,34,.5) 0 1px,transparent 1px 9px)}
.progress .rail i{position:absolute;left:0;top:0;width:9px;height:0;background:repeating-linear-gradient(to bottom,var(--rust) 0 1px,transparent 1px 9px)}
.progress .num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--olive);writing-mode:vertical-rl}
.on-dark .progress .rail{background:repeating-linear-gradient(to bottom,rgba(252,235,202,.5) 0 1px,transparent 1px 9px)}.on-dark .progress .num{color:var(--bone)}
@media(max-width:820px){.progress{display:none}}
/* ── Secciones ─────────────────────────────────────── */
section{position:relative;padding:clamp(96px,15vh,176px) 0;isolation:isolate}
section>.tex{position:absolute;inset:0;pointer-events:none;z-index:0;background-size:var(--tex-tile);mix-blend-mode:multiply;opacity:var(--tex-light)}
section>.tex.fibre{background-image:var(--t-fibre)}section>.tex.half{background-image:var(--t-half)}section>.tex.screen{background-image:var(--t-screen)}section>.tex.press{background-image:var(--t-press)}
.bg-ink>.tex,.bg-olive>.tex,.bg-rust>.tex{mix-blend-mode:screen;opacity:var(--tex-dark)}
section>.gridbg{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;
background-image:linear-gradient(rgba(62,62,34,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(62,62,34,.18) 1px,transparent 1px);background-size:96px 96px;
mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.bg-ink>.gridbg,.bg-olive>.gridbg,.bg-rust>.gridbg{background-image:linear-gradient(rgba(252,235,202,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(252,235,202,.14) 1px,transparent 1px)}
section>.wrap{position:relative;z-index:1}
.two{--two-gap:clamp(32px,6vw,96px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--two-gap);align-items:start}
.two>.lft{position:sticky;top:120px}
.two>.remate.wide{grid-column:1/-1;max-width:none;margin-top:clamp(40px,6vh,72px);padding-top:26px;border-top:1px solid currentColor}
.two>.remate.wide>span{display:block;font-size:clamp(22px,2.3vw,34px);line-height:1.1}
@media(max-width:900px){.two>.remate.wide{grid-column:1/-1}}
@media(max-width:900px){.two{grid-template-columns:1fr}.two>.lft{position:static}}
.bg-paper{background:var(--paper);color:var(--ink)}
.bg-bone{background:var(--bone);color:var(--ink)}
.bg-oat{background:var(--oat);color:var(--ink)}
.bg-ink{background:var(--ink);color:var(--bone)}
.bg-olive{background:var(--olive);color:var(--bone)}
.bg-ochre{background:var(--ochre);color:var(--ink)}
.bg-rust{background:var(--rust);color:var(--bone)}
.num-tag{font-family:var(--mono);font-size:clamp(13px,1.05vw,15px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:1;margin-bottom:28px;display:flex;align-items:center;gap:14px}
.num-tag::before{content:"";width:8px;height:8px;background:var(--rust);flex:none}
.bg-ink .num-tag,.bg-olive .num-tag,.bg-rust .num-tag{color:var(--bone)}
.bg-ink .num-tag::before,.bg-olive .num-tag::before,.bg-rust .num-tag::before{background:var(--ochre)}
.bg-ink .num-tag,.bg-olive .num-tag,.bg-rust .num-tag{color:var(--ochre)}
.bg-ochre .num-tag{color:var(--rust)}
.h-xl{font-size:clamp(40px,6.6vw,96px)}
.h-l{font-size:clamp(32px,3.9vw,58px);max-width:16ch}
.h-m{font-size:clamp(30px,4.2vw,58px);max-width:20ch}
.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:56ch}
.remate{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(24px,3vw,40px);line-height:1.02;max-width:20ch;margin-top:44px}
.grid{display:grid;gap:clamp(28px,4vw,64px)}
.g-2{grid-template-columns:1.1fr .9fr}
.g-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.g-2,.g-3{grid-template-columns:1fr}}
/* ── Botones ───────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;
background:var(--olive);color:var(--bone);padding:18px 26px;position:relative;transition:transform .2s,background .2s}
.btn::after{content:"→";font-family:var(--body);font-size:18px;transition:transform .2s}
.btn:hover{background:var(--rust);transform:translateY(-1px)}.btn:hover::after{transform:translateX(4px)}
.btn.rust{background:var(--rust)}.btn.rust:hover{background:var(--ink)}
.btn.ochre{background:var(--ochre);color:var(--ink)}.btn.ochre:hover{background:var(--bone)}
.btn.bone{background:var(--bone);color:var(--ink)}.btn.bone:hover{background:var(--ochre)}
.meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.8;margin-top:14px}
/* ── Bordes rasgados ───────────────────────────────── */
.tear{position:absolute;left:0;right:0;height:48px;pointer-events:none;z-index:3;-webkit-mask-image:var(--t-torn);mask-image:var(--t-torn);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.tear.top{top:-1px}
.tear svg{display:none}
/* ── Imagen marcador: banda de mediotono + caja de línea (estilo v5) ─── */
.ph{--mv:120%;-webkit-mask-image:linear-gradient(to top,#000 var(--mv),transparent calc(var(--mv) + 10%));mask-image:linear-gradient(to top,#000 var(--mv),transparent calc(var(--mv) + 10%));
position:relative;overflow:hidden;background:var(--oat);color:var(--ink);min-height:320px;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,56px)}
.ph::before{content:"";position:absolute;inset:0;background-image:var(--t-half);background-size:var(--tex-tile);opacity:.12;mix-blend-mode:multiply}
.ph::after{content:"";position:absolute;inset:0;background-image:var(--t-screen);background-size:var(--tex-tile);opacity:.08;mix-blend-mode:multiply}
.ph .box{position:relative;z-index:2;border:1px solid var(--ink);padding:26px 28px;max-width:560px;background:transparent}
.ph .lbl{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.ph .desc{display:block;font-family:var(--mono);font-size:12px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.9}
.ph .wait{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rust)}
.ph.dark{background:var(--olive);color:var(--bone)}
.ph.dark::before,.ph.dark::after{mix-blend-mode:screen;opacity:.09}
.ph.dark .box{border-color:var(--bone)}.ph.dark .lbl,.ph.dark .desc{color:var(--bone)}.ph.dark .wait{color:var(--ochre)}
.ph.light{background:var(--paper)}
.ph.rip-b{clip-path:var(--rip-b)}.ph.rip-t{clip-path:var(--rip-t)}.ph.rip-tb{clip-path:var(--rip-tb)}
.ph.art{padding:0;background:transparent;aspect-ratio:var(--ar,3/2)}
.ph.art::before,.ph.art::after{display:none}
.ph.art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1}
.image-options{width:100%;min-width:0}
/* Comparador temporal solicitado únicamente para Comunidad. */
/* La imagen de Comunidad sube y achica: se alinea al arranque del texto y no crece más allá del ancho de su columna. */
#comunidad .side{align-items:start}
#comunidad .image-options{width:100%;margin-left:0;margin-top:-96px;justify-self:end;max-width:92%}
#comunidad .image-options__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;color:var(--olive)}
#comunidad .image-options__controls>span{margin-right:4px;font:600 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}
#comunidad .image-options__controls button{appearance:none;width:40px;height:40px;padding:0;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;cursor:pointer;font:600 11px/1 var(--mono)}
#comunidad .image-options__controls button.is-active{background:var(--rust);border-color:var(--rust);color:var(--bone)}
#comunidad .image-options__controls button:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}
@media(max-width:900px){#comunidad .image-options{width:100%;margin-left:0;margin-top:0;max-width:100%}#comunidad .image-options__controls{justify-content:flex-start}#comunidad .image-options__controls button{width:44px;height:44px}}
/* ── Hero ──────────────────────────────────────────── */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:150px;padding-bottom:0}
#hero .h-xl{max-width:15ch}
#hero .h-xl .l{display:block;overflow:hidden}
#hero .h-xl .l span{display:block}
#hero .lead{margin-top:36px}
#hero .cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px}
#hero .sig{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}
#hero .ph{margin-top:80px;min-height:46vh}
#hero .scrollhint{position:absolute;right:var(--gutter);bottom:26px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--olive);display:flex;align-items:center;gap:10px}
#hero .scrollhint i{display:block;width:1px;height:34px;background:var(--olive);animation:hint 1.8s ease-in-out infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:900px){
#hero .h-xl{font-size:clamp(40px,11vw,64px)}
#hero .ph{min-height:36vh}
#hero .ph.art{width:100%;min-height:0}
}
/* ── Datos ─────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:44px}
@media(max-width:900px){.stats{grid-template-columns:1fr}}
.stat{border-top:2px solid var(--ink);padding-top:16px}
.stat .pil{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.stat .big{font-family:var(--head);font-weight:900;font-size:clamp(72px,8.4vw,132px);line-height:.82;color:var(--rust);letter-spacing:-.01em}
.stat .big small{font-size:.34em;color:var(--olive);margin-left:4px;vertical-align:.55em}
.stat .from{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--olive);margin-top:12px;padding-top:10px;border-top:1px solid rgba(62,62,34,.3)}
.stat .txt{margin-top:12px;font-size:14.5px;max-width:30ch}
.stat .src{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--rust);margin-top:12px}
.bar-chart{margin:14px 0 4px;height:12px;position:relative;background:rgba(62,62,34,.14)}
.bar-chart i{position:absolute;left:0;top:0;bottom:0;background:var(--ochre);width:0}
.bar-chart b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--olive);left:0}
/* ── CTA intercalado ───────────────────────────────── */
.mcta{padding:clamp(56px,8vh,96px) 0;overflow:hidden}
/* CTA intercalados: textura visible, retícula y filo rasgado propio */
.mcta>.tex{opacity:.75;mix-blend-mode:overlay;background-image:var(--t-grain);background-size:300px}
.mcta.bg-rust>.tex{opacity:.34}
/* Si la sección siguiente ya trae su propio borde rasgado, el CTA no dibuja el suyo:
dos rasgados apilados dejaban una franja del color del CTA colgando. */
.mcta.no-edge::after{display:none}
.mcta::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;z-index:2;pointer-events:none;
background:var(--next-bg,var(--paper));-webkit-mask-image:var(--t-torn);mask-image:var(--t-torn);-webkit-mask-size:100% 100%;mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:scaleY(-1)}
.mcta .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
@media(max-width:900px){.mcta .wrap{grid-template-columns:1fr}}
.mcta h3{font-size:clamp(26px,3.2vw,44px);max-width:26ch;text-wrap:balance}
.mcta p{margin:12px 0 0;max-width:44ch;opacity:.9}
.mcta .right{justify-self:end}
@media(max-width:900px){.mcta .right{justify-self:start}}
/* ── Pilares (anclado) ─────────────────────────────── */
#pilares{padding:0}
#pilares .pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vh,100px) 0 clamp(40px,6vh,72px);position:relative;overflow:hidden}
#pilares .h-l{font-size:clamp(30px,3.6vw,54px)}
#pilares .lead{font-size:16px;max-width:60ch}
#pilares .ph-bg{position:absolute;inset:0;opacity:.13;pointer-events:none}
#pilares .cells{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;width:min(360px,90%);margin-top:38px;pointer-events:none}
#pilares .cells i{aspect-ratio:1;border:1px solid rgba(24,26,19,.55)}
#pilares .cells i.on{background:var(--rust);border-color:var(--rust)}
@media(max-width:900px){#pilares .cells{display:none}}
#pilares .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:32px}
@media(max-width:900px){#pilares .pillars{grid-template-columns:1fr}}
.pillar{border-top:2px solid var(--ink);padding-top:18px;opacity:.22;transition:opacity .35s}
.pillar.on{opacity:1}
.pillar .k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--rust)}
.pillar h3{font-size:clamp(24px,2.4vw,34px);margin:8px 0 10px}
.pillar p{font-size:14px;max-width:34ch;margin:0}
.pillar svg{width:48px;height:48px;margin-bottom:8px}
.pillar svg path,.pillar svg rect,.pillar svg circle,.pillar svg line{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:square}
/* ── Sección con imagen lateral ────────────────────── */
.side{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
@media(max-width:900px){.side{grid-template-columns:1fr}}
.side .ph{min-height:420px}
.side .ph.art{width:100%;min-height:0}
.list{list-style:none;margin:28px 0 0;padding:0;max-width:60ch}
.list li{padding:16px 0 16px 34px;border-bottom:1px solid rgba(62,62,34,.25);position:relative;font-size:15.5px}
.bg-ink .list li,.bg-olive .list li{border-color:rgba(252,235,202,.22)}
.list li::before{content:attr(data-n);position:absolute;left:0;top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--rust)}
.bg-ink .list li::before,.bg-olive .list li::before{color:var(--ochre)}
.list li b{display:block;font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:20px;letter-spacing:.01em;margin-bottom:4px}
.list li i{display:block;position:absolute;left:0;right:0;top:0;height:1px;background:var(--ochre);transform:scaleX(0);transform-origin:left}
.quote{font-family:var(--head);font-weight:700;text-transform:none;font-size:clamp(22px,2.4vw,32px);line-height:1.15;max-width:26ch;border-left:3px solid var(--ochre);padding-left:22px;margin:36px 0 10px}
.quote+.src{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--rust);padding-left:25px}
/* ── Automatización (anclada + diagrama) ───────────── */
#auto .remate{font-size:clamp(20px,2.2vw,30px);margin-top:24px}
#auto .auto-close{position:relative;z-index:1;padding-bottom:clamp(56px,10vh,120px)}
#auto .remate.wide{max-width:none;margin:0;font-size:clamp(21px,2.2vw,32px);line-height:1.1;padding-top:24px;border-top:1px solid rgba(252,235,202,.35)}
#auto .ben{margin-top:20px}
#auto .ben b{font-size:19px}
#auto>.gridbg{display:none}
#auto .ben{margin-top:20px}
#auto .ben b{font-size:19px}
#auto .ben{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media(max-width:600px){#auto .ben{grid-template-columns:1fr}}
#auto .ben div{border-top:1px solid rgba(252,235,202,.3);padding-top:12px}
#auto .ben b{display:block;font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:22px;line-height:1;color:var(--ochre);margin-bottom:6px}
#auto .ben span{font-size:14px;opacity:.9}
/* ── El criterio: dos columnas comparadas ──────────── */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin:36px 0 30px;max-width:70ch}
@media(max-width:700px){.vs{grid-template-columns:1fr}}
.vs>div{border-top:1px solid var(--ink);padding-top:16px;opacity:.62}
.vs>div.on{opacity:1;border-top-width:3px;border-top-color:var(--rust)}
.vs .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.vs>div.on .k{color:var(--rust)}
.vs ul{list-style:none;margin:0;padding:0}
.vs li{padding:8px 0 8px 20px;position:relative;font-size:15px;border-bottom:1px solid rgba(62,62,34,.18)}
.vs li::before{content:"—";position:absolute;left:0;opacity:.5}
.vs>div.on li::before{content:"·";color:var(--rust);font-weight:700;opacity:1}
/* ── Especialidades ────────────────────────────────── */
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:1px solid var(--ink);border-left:1px solid var(--ink);background:rgba(252,235,202,.35)}
.spec p{font-size:14px}
@media(max-width:900px){.specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.specs{grid-template-columns:1fr}}
.spec{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:26px 22px 28px;position:relative;overflow:hidden}
.spec .sicon{width:44px;height:44px;margin-bottom:10px;position:relative;z-index:2}
.spec .sicon path,.spec .sicon rect,.spec .sicon circle,.spec .sicon line{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}
.spec .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--rust);position:relative;z-index:2}
.spec h3{font-size:clamp(24px,2.3vw,32px);margin:10px 0 10px;max-width:12ch}
.spec p{font-size:14.5px;margin:0;max-width:30ch}
.spec .sw{position:absolute;right:0;top:0;width:44px;height:44px;background:var(--ochre);transform:translate(100%,-100%);transition:transform .35s}
.spec:hover .sw{transform:translate(0,0)}
.spec:hover{background:var(--bone)}
/* ── Asesoría ──────────────────────────────────────── */
#asesoria .deliver{margin-top:36px}
#asesoria .price{margin-top:32px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
#asesoria .ph.art>img{transform:scale(1.34);transform-origin:center}
@media(max-width:900px){#asesoria .ph.art>img{transform:scale(1.15)}}
/* ── Dos caminos ───────────────────────────────────── */
/* Tres caminos: una escalera de servicio. Van a lo ancho, debajo del titular. */
.paths{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;gap:clamp(24px,3vw,52px);margin-top:44px;align-items:start}
@media(max-width:900px){.paths{grid-template-columns:1fr}.paths .vr{display:none}}
.paths .vr{width:1px;background:var(--bone);opacity:.55;align-self:stretch;transform:scaleY(0);transform-origin:top}
.path .k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ochre)}
.path .lvl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-top:6px}
.path h3{font-size:clamp(26px,2.6vw,40px);margin:14px 0 16px}
.path.top h3{color:var(--ochre)}
.path p{max-width:38ch}
.paths-note{grid-column:1/-1;margin:10px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.7}
.two>.paths.wide{grid-column:1/-1}
#caminos .two>.lft{position:static}
#caminos{padding-bottom:clamp(56px,8vh,96px)}
#caminos .two{row-gap:clamp(32px,5vh,56px)}
#caminos .two>.remate.wide{margin-top:0}
/* ── FAQ ───────────────────────────────────────────── */
.faq{margin-top:32px;border-top:1px solid var(--olive);max-width:820px}
.faq details{border-bottom:1px solid var(--olive)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(20px,2vw,26px);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:22px;color:var(--rust);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .a{padding:0 0 22px;max-width:60ch;font-size:15.5px;overflow:hidden}
.faq .a .src{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--rust)}
/* ── Quién ─────────────────────────────────────────── */
#quien .side .ph{min-height:520px}
#quien .side .ph.art{min-height:0}
#quien .ph.art>img{transform:translateX(-4%) scale(.96);transform-origin:center}
@media(max-width:900px){#quien .ph.art>img{transform:translateX(-2%) scale(.98)}}
/* ── Cierre ────────────────────────────────────────── */
#cierre{min-height:88vh;display:flex;align-items:center}
#cierre .sym{width:clamp(88px,10vw,140px);margin-bottom:36px}
#cierre .sym svg{width:100%;height:auto;display:block}
#cierre .sym .cell-out{fill:none;stroke:var(--bone);stroke-width:.8;opacity:.5}
#cierre .sym .cell-fill{fill:var(--bone);opacity:0}
#cierre .sym .cell-acc{fill:var(--bone);opacity:0}
@media(prefers-reduced-motion:reduce){#cierre .sym .cell-fill{opacity:1}#cierre .sym .cell-acc{opacity:1;fill:var(--ochre)}}
#cierre .foot{margin-top:64px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;display:flex;gap:24px;flex-wrap:wrap}
/* ── Utilidades de animación ───────────────────────── */
.rv{opacity:0;transform:translateY(26px)}
.rv-x{opacity:0;transform:translateX(-26px)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:750;display:none;padding:10px 14px;background:var(--olive)}
.sticky-cta .btn{width:100%;justify-content:center;background:var(--ochre);color:var(--ink)}
@media(max-width:820px){.sticky-cta.show{display:block}.bar .cta{display:none}}
@media(prefers-reduced-motion:reduce){.rv,.rv-x{opacity:1;transform:none}.pillar{opacity:1}#hero .scrollhint i{animation:none}}
/* ── Sección 06 · cadena de automatización (portada del comparador) ── */
.c4-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,2.8vw,48px);align-items:center}
@media(min-width:1000px) and (min-height:700px){
#auto .c4-split{min-height:100vh;align-content:center;padding:90px 0 40px}
#auto{padding-top:0}
}
.c4-head{max-width:none}
.c4-head .lead{max-width:46ch;margin-top:22px}
.c4-head .ben{grid-template-columns:1fr;gap:12px;margin-top:26px}
.c4-head .ben>div{padding-top:9px}
.c4-head .ben>div:last-child{border-bottom:0}
.c4-head .ben b{font-size:17px}
.c4-head .ben span{font-size:13.5px}
.c4-dia .replay{margin-top:18px}
@media(max-width:1000px){.c4-split{grid-template-columns:1fr;gap:34px}.c4-head .ben{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.c4-head .ben{grid-template-columns:1fr}}
#auto svg text{font-size:10.5px}
#auto .mbig{font-size:22px}
#auto .rbig{font-size:17px}
#auto .rsm{font-size:9.5px}
#auto .keeptx{font-size:10px}
#auto .c4-dia svg{width:100%;height:auto;overflow:visible;display:block}
#auto svg text{font-family:var(--mono);letter-spacing:.05em;fill:var(--bone);text-transform:uppercase}
#auto svg .st{fill:var(--ochre);letter-spacing:.16em}
#auto svg .wire{stroke:var(--bone);stroke-width:1;fill:none;opacity:.5}
#auto svg .arw{stroke:var(--ochre);stroke-width:1.6;fill:none}
#auto svg .ray{stroke:var(--ochre);stroke-width:1.4;fill:none;opacity:.85}
#auto svg .frame{stroke:rgba(252,235,202,.4);stroke-width:1;fill:none}
#auto svg .hot{stroke:var(--ochre);stroke-width:2.4;fill:rgba(208,137,59,.14)}
#auto svg .mbig{font-family:var(--head);font-weight:900;fill:var(--ochre);letter-spacing:.01em}
#auto svg .rbig{font-family:var(--head);font-weight:900;fill:var(--ochre);letter-spacing:.01em}
#auto svg .rsm{fill:var(--bone);opacity:.9;text-transform:none;letter-spacing:.02em}
#auto svg .keeptx{fill:var(--ochre)}
#auto .replay{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
background:transparent;color:var(--ochre);border:1px solid var(--ochre);padding:10px 14px;cursor:pointer}
#auto .replay:hover{background:var(--ochre);color:var(--ink)}
#auto .closing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);margin-top:clamp(40px,6vh,74px);
padding-top:34px;border-top:1px solid rgba(252,235,202,.32);align-items:start}
#auto .closing .remate.wide{margin:0;max-width:none;border-top:0;padding-top:0;font-size:clamp(24px,2.7vw,40px);line-height:1.06}
#auto .closing .och{color:var(--ochre)}
#auto .closing .cl-right p{margin:0;font-size:16px;opacity:.94;max-width:52ch}
@media(max-width:900px){#auto .closing{grid-template-columns:1fr;gap:26px}}
#auto h2 .och{color:var(--ochre)}
/* Selector de idioma (P231): mínimo, junto al CTA de la barra */
.bar-r{display:flex;align-items:center;gap:clamp(18px,2.4vw,32px)}
.lang{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.14em}
.lang span{color:var(--ink);font-weight:600}
.lang a{color:rgba(62,62,34,.55);transition:color .2s}
.lang a:hover{color:var(--rust)}
.lang i{font-style:normal;color:rgba(62,62,34,.35)}
.on-dark .lang span{color:var(--bone)}
.on-dark .lang a,.on-dark .lang i{color:rgba(240,228,200,.5)}
.on-dark .lang a:hover{color:var(--ochre)}