/* ======================================================================
   TFS Panamá · Mockup B — «Carta náutica»
   Claro, editorial y sereno: tinta sobre blanco frío, líneas finas de 1 px
   y rótulos en mono, como las anotaciones de una carta de navegación.
   Los nombres de clase son los mismos del mockup A: el JS compartido los usa.
   ====================================================================== */
:root{
  --pagina:#F7FAFA;
  --blanco:#FFFFFF;
  --tinta:#102A33;
  --mar:#134E5E;
  --mar-2:#0D3B47;
  --vidrio:#8FC9C3;
  --vidrio-2:#5FA79F;
  --vidrio-claro:#E8F3F1;
  --bruma:#E6F0F1;
  --boya:#F2C230;
  --boya-2:#E2B11D;
  --boya-suave:#FCF3D3;
  --boya-texto:#6B5100;
  --hilo:#D7E3E5;
  --hilo-2:#B9CDD1;
  --gris:#4F6770;
  --error:#B3261E;
  --wa:#1FAF5A;
  --wa-suave:#E6F6EC;
  --wa-texto:#0D5F30;
  --display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --radio:8px;
  --radio-s:6px;
  --radio-l:10px;
  --ancho:1240px;
  /* Isóbatas decorativas: se usan como máscara para poder teñirlas con cualquier color. */
  --contornos:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M947 280C948 282 950 284 951 285C952 287 953 289 953 292C953 294 953 296 952 298C951 299 950 301 948 303C946 304 944 306 942 307C940 308 938 309 935 310C933 311 930 312 928 312C926 313 923 313 921 314C918 314 916 314 913 314C911 314 909 314 906 313C904 313 902 312 900 311C898 310 896 309 894 308C893 308 891 306 890 306C888 305 887 304 886 303C884 302 883 302 881 301C880 301 878 301 876 301C874 300 872 300 869 300C867 299 865 299 862 298C860 297 858 296 856 295C854 294 853 292 852 291C850 289 850 287 850 285C849 284 849 282 850 280C850 278 851 277 851 275C852 273 853 272 854 270C854 268 855 267 856 265C857 263 857 262 858 260C860 259 861 257 862 256C863 254 865 253 867 252C869 250 871 249 873 249C875 248 877 247 880 247C882 247 884 247 887 246C889 246 891 246 894 247C896 247 898 247 900 247C902 247 904 247 906 248C908 248 910 248 912 249C914 249 916 250 918 250C920 251 922 252 923 253C924 255 926 256 927 257C928 259 928 260 929 261C930 263 930 264 931 265C931 267 932 268 933 269C934 270 935 271 936 272C938 273 940 274 941 276C943 277 945 278 947 280ZM995 280C998 283 1000 287 1001 291C1003 295 1003 299 1003 302C1003 306 1002 310 1000 314C998 317 995 321 992 324C989 327 985 330 981 332C977 335 973 337 969 339C965 341 960 343 955 344C951 345 946 347 941 347C937 348 932 348 927 348C922 348 917 348 913 346C908 345 904 344 900 342C896 340 892 338 889 335C886 333 883 331 881 329C878 327 876 325 873 324C870 323 868 322 864 321C861 320 857 320 853 320C849 320 844 320 839 319C834 318 829 318 824 316C819 315 814 313 810 311C806 308 802 305 799 302C797 299 795 295 794 291C793 288 793 284 793 280C793 276 794 272 795 269C797 265 798 262 800 258C802 255 804 251 806 248C808 245 811 242 814 239C817 236 820 233 824 231C827 229 832 227 836 225C840 224 845 222 849 222C854 221 859 221 863 221C868 220 872 221 876 221C881 221 885 221 888 221C892 220 896 220 900 220C904 220 908 219 912 219C916 218 920 218 924 218C929 218 933 219 937 220C941 221 945 222 948 224C952 226 955 229 957 231C960 234 961 237 963 239C965 242 966 245 968 248C969 250 971 253 973 255C975 258 977 260 979 263C982 265 985 268 987 271C990 274 993 277 995 280ZM1049 280C1051 285 1052 291 1052 296C1052 302 1051 307 1050 313C1048 318 1045 323 1041 328C1037 332 1033 337 1028 341C1024 345 1018 349 1013 353C1008 356 1002 360 997 363C991 366 986 369 980 372C974 374 967 377 961 379C954 380 947 382 940 382C933 382 926 382 919 380C913 379 906 377 900 374C894 371 889 368 884 364C879 361 875 358 870 355C866 352 863 349 859 347C854 345 850 344 845 343C840 342 835 342 829 341C822 340 815 340 808 339C800 338 792 337 785 335C778 333 770 330 764 326C758 322 752 318 748 313C743 308 740 303 738 297C736 292 735 286 735 280C735 274 736 268 737 263C738 257 740 251 743 246C746 240 749 235 753 230C757 225 761 220 766 216C772 212 778 209 784 206C791 203 798 201 806 199C813 198 821 198 828 198C836 197 843 198 850 199C857 199 863 200 868 200C874 201 879 201 885 201C890 200 895 199 900 198C905 197 911 195 917 194C923 193 929 191 936 190C942 189 949 189 956 190C962 190 969 192 975 194C981 196 986 199 991 202C996 205 1000 210 1004 214C1007 218 1010 222 1013 226C1016 230 1019 234 1022 239C1025 243 1028 247 1031 251C1035 256 1038 260 1041 265C1044 270 1047 275 1049 280ZM1108 280C1108 287 1107 295 1105 302C1102 309 1098 316 1093 322C1088 328 1082 334 1076 339C1069 345 1062 349 1056 354C1049 359 1042 363 1036 367C1030 372 1024 376 1017 380C1011 385 1005 389 998 393C992 397 985 402 977 405C969 408 961 411 952 412C944 414 935 414 926 413C917 413 908 411 900 408C892 405 884 401 877 398C870 394 864 390 858 387C852 383 846 380 840 377C834 375 828 373 821 371C814 369 806 369 798 367C790 366 780 365 771 363C762 360 752 358 744 354C735 351 726 346 719 341C711 336 705 330 700 324C695 317 691 310 688 303C685 295 684 288 683 280C682 272 682 265 683 257C684 249 686 241 689 234C692 227 695 219 700 212C705 206 712 199 719 194C726 188 735 184 745 180C754 177 765 175 776 174C786 173 798 173 808 174C818 174 828 176 837 178C846 179 854 181 861 182C869 183 875 183 881 183C888 182 893 181 900 179C907 177 913 174 921 171C929 169 937 166 946 164C955 162 964 161 974 160C983 160 993 161 1002 163C1010 165 1019 168 1027 172C1034 175 1041 180 1048 185C1054 190 1060 196 1065 201C1071 207 1076 213 1080 219C1085 225 1090 231 1094 238C1097 244 1101 251 1104 258C1106 265 1108 273 1108 280ZM1172 280C1170 289 1165 299 1159 308C1153 316 1145 324 1136 331C1127 338 1116 344 1107 350C1097 355 1087 360 1077 364C1068 369 1060 373 1052 378C1045 382 1038 387 1031 392C1024 397 1019 403 1012 409C1005 414 998 420 989 425C981 430 972 435 963 438C953 441 942 443 932 444C921 445 910 444 900 443C890 441 879 438 870 435C860 432 851 428 842 425C833 422 825 419 816 416C807 413 798 411 789 408C779 406 769 404 759 401C748 398 737 395 727 391C717 387 706 382 697 377C688 371 680 364 673 357C666 350 660 341 656 333C651 325 648 316 646 307C643 298 642 289 641 280C640 271 640 262 640 252C641 243 641 233 644 224C646 215 650 206 655 197C660 189 667 180 676 173C685 167 696 161 707 156C719 152 733 150 746 148C759 147 773 148 786 149C799 150 811 152 822 154C834 156 843 159 852 160C861 161 869 162 877 161C885 160 892 158 900 156C908 154 916 150 926 147C935 144 946 140 957 137C968 135 980 133 991 132C1003 131 1015 132 1027 134C1039 135 1050 138 1061 142C1072 146 1082 151 1092 157C1101 163 1110 169 1119 176C1127 183 1135 190 1142 198C1150 206 1156 214 1161 223C1166 232 1171 242 1172 251C1174 260 1174 271 1172 280ZM1237 280C1233 292 1225 303 1215 314C1205 324 1192 333 1179 341C1166 349 1151 355 1138 360C1124 366 1110 370 1098 374C1087 379 1076 382 1067 387C1057 392 1050 396 1043 402C1035 408 1029 414 1022 421C1015 427 1008 435 999 441C991 447 981 454 971 459C961 464 949 468 937 471C925 474 912 475 900 476C888 476 875 475 862 474C850 473 838 471 825 469C813 467 800 465 788 462C775 460 762 457 749 454C736 451 723 447 710 442C697 438 685 432 674 425C663 419 652 411 644 402C636 393 629 383 624 373C619 363 616 353 614 342C612 332 611 321 611 311C610 300 610 290 610 280C610 270 610 260 610 249C610 239 611 228 613 217C614 207 617 196 622 186C627 176 634 166 642 157C651 149 663 141 676 136C688 130 703 127 718 124C732 122 749 122 763 122C778 123 792 125 805 126C818 127 830 130 841 130C852 131 861 131 871 130C881 129 890 127 900 124C910 121 921 118 932 114C944 111 956 108 969 106C982 104 996 102 1010 102C1024 102 1038 103 1052 105C1065 107 1079 111 1092 115C1106 120 1119 125 1131 132C1144 138 1156 145 1168 152C1180 160 1191 169 1201 178C1211 188 1221 198 1227 209C1234 220 1239 232 1241 244C1242 256 1241 268 1237 280ZM1295 280C1289 294 1279 307 1267 319C1255 331 1239 341 1223 350C1207 359 1188 366 1171 372C1155 378 1138 382 1123 386C1109 391 1097 394 1086 399C1075 404 1066 409 1057 415C1049 420 1042 427 1034 435C1026 442 1018 450 1009 457C1000 465 990 472 979 479C968 485 955 491 942 495C929 500 914 503 900 506C886 509 870 510 855 511C840 513 824 513 808 513C791 513 774 513 757 511C740 510 722 508 705 504C688 501 671 496 655 489C640 482 625 474 613 464C601 454 591 442 584 430C577 418 573 404 571 391C569 378 570 364 572 351C573 339 577 326 579 314C582 302 585 291 587 280C589 269 590 258 591 247C592 236 592 225 594 213C596 202 598 190 602 179C606 168 612 157 621 147C629 137 640 128 652 121C664 114 679 108 694 104C709 100 725 98 740 96C756 94 771 94 785 94C799 93 812 93 825 92C838 90 850 89 862 87C875 85 887 81 900 79C913 76 927 72 941 70C955 68 970 66 985 65C1000 65 1016 65 1031 67C1047 69 1062 72 1077 76C1092 80 1107 85 1121 91C1136 96 1150 103 1165 110C1179 117 1194 125 1208 133C1222 142 1237 151 1249 162C1262 172 1274 184 1282 197C1291 209 1297 224 1300 237C1302 251 1300 266 1295 280ZM1338 280C1333 295 1322 310 1309 324C1297 337 1279 349 1262 359C1245 369 1225 377 1207 384C1189 391 1171 396 1156 402C1140 407 1126 412 1114 417C1101 423 1091 428 1081 435C1071 442 1063 449 1053 457C1043 464 1034 472 1023 480C1012 488 1001 495 988 502C975 509 961 515 947 521C932 526 916 531 900 535C884 539 867 543 848 546C830 549 811 552 791 554C771 557 750 558 728 558C707 558 684 557 663 554C641 550 619 544 601 536C582 528 564 517 551 504C538 491 528 475 522 460C516 444 515 426 516 410C517 394 522 376 527 361C532 346 540 331 546 318C553 304 559 292 564 280C569 268 573 257 576 245C579 234 580 223 583 211C586 199 587 187 592 176C596 164 601 152 609 141C616 131 626 120 637 111C649 103 662 95 676 88C690 82 705 77 719 72C734 67 749 63 764 59C778 55 793 51 807 46C822 42 837 37 852 33C867 28 883 23 900 20C917 17 934 13 952 12C970 11 988 11 1006 13C1023 16 1041 20 1058 25C1074 29 1090 36 1105 43C1121 50 1135 59 1150 67C1164 75 1179 83 1193 92C1208 100 1224 109 1239 119C1254 129 1270 139 1283 150C1297 162 1311 175 1321 188C1331 202 1339 218 1342 233C1344 248 1344 265 1338 280ZM190 760C189 762 187 764 186 766C184 768 181 769 179 771C177 772 174 773 171 774C169 775 166 776 164 776C162 777 160 778 158 778C157 779 156 780 154 781C153 782 152 783 151 784C149 785 148 786 147 787C145 788 144 790 142 791C140 792 138 792 136 793C134 794 132 794 130 794C128 795 126 795 123 795C121 795 119 795 116 795C114 794 112 794 109 794C107 794 104 793 102 793C99 792 97 791 94 790C92 789 90 788 88 787C86 786 85 784 83 782C82 780 81 779 81 777C80 775 80 773 80 771C80 769 80 767 80 765C81 763 81 762 81 760C81 758 81 757 81 755C81 753 81 751 82 750C82 748 82 746 83 744C84 742 85 741 86 739C88 738 89 736 91 735C94 734 96 733 98 733C101 732 103 732 106 732C108 732 111 732 113 732C115 732 117 733 119 732C121 732 123 732 125 732C126 732 128 731 130 731C132 731 134 730 136 730C138 729 140 729 143 728C145 728 147 728 150 728C152 728 154 729 157 729C159 730 161 730 164 731C166 732 168 733 170 734C173 735 175 736 177 738C179 739 181 740 183 742C185 744 187 745 188 747C189 749 190 751 191 754C191 756 191 758 190 760ZM248 760C247 764 244 768 240 772C237 775 232 778 227 781C222 784 217 786 212 788C207 789 202 791 197 792C193 793 189 795 186 796C183 797 180 799 177 801C175 802 173 804 170 806C168 808 165 811 163 813C160 815 157 817 153 819C150 821 146 823 142 824C139 826 134 827 130 828C126 829 121 830 116 830C112 831 107 831 102 832C96 832 91 832 86 832C80 832 75 831 69 830C64 829 58 828 53 825C49 823 44 821 41 817C37 814 34 810 32 806C31 803 30 798 30 794C29 790 30 785 31 782C32 778 33 774 35 770C36 767 37 763 38 760C39 757 40 754 40 750C41 747 41 744 41 741C42 737 42 734 44 731C45 728 46 724 49 721C51 718 54 716 57 713C61 711 65 709 69 708C73 706 78 705 82 704C86 704 91 703 95 703C99 702 103 702 107 701C110 700 114 699 118 699C122 698 126 697 130 696C134 695 138 694 143 694C147 693 152 693 157 693C161 693 166 694 170 694C175 695 179 697 184 698C188 699 192 701 197 703C201 705 205 707 209 709C213 711 218 714 222 716C226 719 231 722 234 725C238 728 242 731 244 735C247 739 249 743 250 747C250 751 250 756 248 760ZM301 760C299 766 295 772 291 777C286 782 279 787 273 791C266 795 258 798 252 801C245 804 238 806 232 809C226 811 221 813 216 815C211 817 207 820 203 822C199 825 195 828 192 831C188 834 184 837 179 840C175 843 170 846 165 848C160 851 154 853 148 855C143 857 136 859 130 861C124 863 117 864 110 866C102 867 95 868 87 869C79 870 70 871 61 871C53 872 43 871 35 870C26 868 17 866 10 863C2 860 -5 855 -10 850C-15 845 -19 838 -21 832C-24 826 -24 819 -23 812C-23 805 -20 798 -18 792C-16 786 -12 780 -9 775C-7 769 -4 765 -1 760C1 755 3 751 4 747C5 742 6 738 7 733C8 729 9 724 11 720C13 715 15 711 17 706C20 702 24 698 28 695C32 691 37 688 42 685C48 682 53 680 59 678C64 675 70 674 75 671C81 669 87 667 92 665C98 663 104 661 110 659C117 657 123 655 130 653C137 652 144 651 151 650C158 650 166 650 173 651C180 652 187 654 194 657C200 659 206 662 212 665C218 668 223 672 229 675C234 679 240 682 245 686C251 690 257 693 263 697C268 701 274 705 280 709C285 714 291 719 294 724C298 730 301 736 302 742C304 748 303 754 301 760ZM345 760C343 767 338 775 333 782C328 788 321 794 314 800C307 805 298 810 291 814C283 819 276 822 269 826C262 830 256 833 250 837C244 841 239 845 234 849C228 853 223 857 217 861C211 864 205 868 199 872C192 875 185 878 178 881C171 884 163 886 155 888C147 890 139 892 130 894C121 896 112 898 103 900C93 902 83 904 72 906C61 908 49 909 38 910C26 910 13 910 1 909C-11 907 -23 904 -33 900C-44 895 -53 889 -60 882C-67 875 -72 866 -75 857C-77 849 -77 839 -76 830C-75 821 -71 811 -67 803C-63 794 -58 787 -53 780C-49 772 -44 766 -40 760C-37 754 -34 748 -31 743C-28 737 -26 732 -24 726C-22 721 -20 715 -18 710C-15 705 -13 699 -9 694C-6 689 -1 683 3 679C8 674 13 670 19 665C25 661 31 657 37 653C43 648 49 644 56 640C63 635 69 631 77 626C85 622 93 617 102 613C110 610 120 606 130 604C140 601 151 600 161 600C171 600 182 601 192 604C202 606 211 610 220 615C228 619 236 625 243 630C250 636 256 642 262 647C268 653 274 658 280 664C286 669 292 674 299 680C305 685 312 690 318 696C324 702 331 709 335 715C340 722 344 730 345 737C347 745 347 753 345 760Z' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--pagina);color:var(--tinta);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--mar);outline-offset:3px;border-radius:var(--radio-s)}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--mono)}

/* ---------- Tipografía ---------- */
.cartel{font-family:var(--display);font-weight:750;letter-spacing:-.035em;line-height:1;margin:0;font-style:normal;text-transform:none}
.ceja{display:flex;align-items:center;gap:10px;font:500 11.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mar);margin:0 0 16px}
.ceja::before{content:"";width:22px;height:1px;background:currentColor;flex:none}
.ceja-n{font-weight:600;color:var(--tinta)}
.h2{font-size:clamp(2.2rem,4.2vw,3.5rem)}
.intro{color:var(--gris);max-width:58ch;margin:14px 0 0;font-size:16.5px}
.nota{font:400 12px/1.55 var(--mono);color:var(--gris);margin:12px 0 0}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:var(--radio);padding:13px 20px;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:18px;height:18px;flex:none}
.btn-ambar{background:var(--boya);color:var(--tinta)}
.btn-ambar:hover{background:var(--boya-2)}
.btn-claro{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.btn-claro:hover{background:var(--blanco);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.btn-texto{background:transparent;color:var(--mar);padding-left:4px;padding-right:4px;text-decoration:underline;text-decoration-color:var(--vidrio);text-underline-offset:5px;text-decoration-thickness:1.5px}
.btn-texto:hover{color:var(--tinta);text-decoration-color:var(--tinta);transform:none}
.btn-texto svg{color:var(--wa)}
.btn-abismo{background:var(--mar);color:#fff}
.btn-abismo:hover{background:var(--mar-2)}
.btn-wa{background:var(--wa);color:var(--tinta)}
.btn-wa:hover{background:#25C066}
.btn-borde{background:var(--blanco);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--hilo-2)}
.btn-borde:hover{box-shadow:inset 0 0 0 1px var(--tinta)}
.btn.ancho{width:100%;justify-content:center}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}

/* ---------- Franja de mockup ---------- */
.aviso{background:var(--tinta);color:#D9E7E9;font:400 12px/1.45 var(--mono);text-align:center;padding:8px 16px;letter-spacing:.01em}
.aviso b{color:var(--boya);font-weight:600}

/* ---------- Barra superior ---------- */
.barra{background:var(--pagina);color:var(--gris);font:400 12px/1.4 var(--mono);border-bottom:1px solid var(--hilo)}
.barra .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:7px;padding-bottom:7px}
.barra ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
.barra a{text-decoration:none}
.barra a:hover{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.pend{display:inline-block;font:500 10.5px/1.5 var(--mono);letter-spacing:.02em;color:var(--boya-texto);background:var(--boya-suave);padding:0 6px;border-radius:4px;margin-left:6px;white-space:nowrap}

/* ---------- Encabezado ---------- */
.cab{position:sticky;top:0;z-index:40;background:rgba(247,250,250,.92);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--hilo)}
.cab .wrap{display:flex;align-items:center;gap:12px;height:72px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.sello{position:relative;width:44px;height:44px;border-radius:50%;background:var(--blanco);color:var(--tinta);display:grid;place-items:center;font:800 14px/1 var(--display);letter-spacing:-.02em;box-shadow:inset 0 0 0 1.5px var(--tinta),inset 0 0 0 4px var(--blanco),inset 0 0 0 5px var(--vidrio);flex:none}
.sello::after{content:"";position:absolute;left:50%;top:-3px;width:1px;height:7px;background:var(--tinta);transform:translateX(-50%)}
.marca-txt{display:flex;flex-direction:column;line-height:1}
.marca-txt strong{font:750 18px/1 var(--display);letter-spacing:-.025em;white-space:nowrap}
.marca-txt span{font:500 10px/1.2 var(--mono);letter-spacing:.2em;color:var(--gris);margin-top:5px}
.nav{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 7px;border-radius:var(--radio-s);text-decoration:none;font-weight:500;font-size:14px;white-space:nowrap;color:var(--tinta)}
.nav a:hover{background:var(--bruma)}
.busca{flex:1;min-width:150px;display:flex;align-items:center;gap:6px;background:var(--blanco);border:1px solid var(--hilo);border-radius:var(--radio);padding:0 10px;height:40px}
.busca:focus-within{border-color:var(--mar);box-shadow:0 0 0 3px rgba(19,78,94,.12)}
.busca input{flex:1;border:0;background:transparent;font:inherit;font-size:13.5px;min-width:0;outline:none;color:var(--tinta)}
.busca svg{width:17px;height:17px;color:var(--gris);flex:none}
.acciones{display:flex;align-items:center;gap:2px;flex:none}
.ico{position:relative;width:38px;height:40px;border-radius:var(--radio);border:0;background:transparent;display:grid;place-items:center;color:var(--tinta)}
.ico:hover{background:var(--bruma)}
.ico svg{width:21px;height:21px}
.cuenta{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--boya);color:var(--tinta);font:600 10.5px/18px var(--mono);text-align:center;box-shadow:0 0 0 2px var(--pagina)}
.cuenta[data-n="0"]{display:none}
.cab .btn-wa{padding:9px 12px;font-size:14px;margin-left:4px}
.menu-btn{display:none}

/* ---------- Portada ---------- */
.portada{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--hilo)}
.portada::before{content:"";position:absolute;inset:-10% -12% -10% 30%;z-index:-1;background:var(--vidrio);opacity:.55;-webkit-mask:var(--contornos) center/cover no-repeat;mask:var(--contornos) center/cover no-repeat;pointer-events:none}
.portada .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding-top:72px;padding-bottom:64px}
.titular{font-size:clamp(3rem,5.5vw,5rem);letter-spacing:-.04em;line-height:.98;max-width:14ch}
.titular .subraya{background:linear-gradient(transparent 74%,var(--boya) 74%,var(--boya) 90%,transparent 90%);padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bajada{font-size:19px;line-height:1.55;color:var(--gris);max-width:44ch;margin:26px 0 32px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.coordenadas{display:flex;flex-wrap:wrap;gap:0;margin:44px 0 0;padding:0;border-top:1px solid var(--hilo)}
.coordenadas div{padding:14px 28px 0 0;margin-right:28px;border-right:1px solid var(--hilo)}
.coordenadas div:last-child{border-right:0;margin-right:0}
.coordenadas dt{font:500 10.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.coordenadas dd{margin:4px 0 0;font:500 14px/1.3 var(--mono);color:var(--tinta)}
.portada-foto{margin:0;position:relative}
.portada-foto::before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--hilo-2);border-radius:var(--radio-l);z-index:-1}
.foto{aspect-ratio:4/5;border-radius:var(--radio);background:var(--mar) url("https://live.staticflickr.com/7483/15866799615_379a4135ee_b.jpg") 52% 50%/cover no-repeat}
.portada-foto figcaption,.ases-foto figcaption{display:flex;justify-content:flex-start;gap:16px;margin-top:10px;font:400 11px/1.4 var(--mono);color:var(--gris)}
.portada-foto figcaption b,.ases-foto figcaption b{font-weight:600;color:var(--tinta);letter-spacing:.08em}
.credito{font:400 11px/1.4 var(--mono);color:var(--gris)}

/* Leyenda (como la de una carta) */
.leyenda{border-bottom:1px solid var(--hilo);background:var(--blanco)}
.leyenda ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.leyenda li{display:flex;gap:14px;align-items:flex-start;padding:22px 24px 22px 0}
.leyenda li+li{padding-left:24px;border-left:1px solid var(--hilo)}
.leyenda svg{width:22px;height:22px;color:var(--mar);flex:none;margin-top:1px}
.leyenda b{display:block;font-weight:600;font-size:15px;line-height:1.3}
.leyenda span{display:block;font:400 12px/1.45 var(--mono);color:var(--gris);margin-top:3px}

/* ---------- Secciones ---------- */
.sec{padding:104px 0}
.sec-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.enlace{font-weight:600;color:var(--mar);text-decoration:underline;text-decoration-color:var(--vidrio);text-underline-offset:5px;text-decoration-thickness:1.5px;display:inline-flex;gap:8px;align-items:center}
.enlace:hover{color:var(--tinta);text-decoration-color:var(--tinta)}
.tag{display:inline-block;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border-radius:4px;background:var(--bruma);color:var(--mar)}

/* ---------- Mapa de pesca ---------- */
.mapa-sec{position:relative;background:var(--bruma);border-bottom:1px solid var(--hilo);overflow:hidden}
.mapa-sec::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hilo) 1px,transparent 1px),linear-gradient(90deg,var(--hilo) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px;opacity:.55;pointer-events:none}
.mapa-sec .wrap{position:relative}
.carta-grid{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);gap:48px;align-items:start}
.carta-txt .h2{font-size:clamp(2.2rem,3.8vw,3.3rem)}
.carta-txt .intro{font-size:16px}
.convenciones{list-style:none;margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--hilo-2);display:grid;gap:9px;font:400 12px/1.4 var(--mono);color:var(--gris)}
.convenciones li{display:flex;align-items:center;gap:10px}
.convenciones i{flex:none;display:inline-block}
.conv-sitio{width:14px;height:14px;border-radius:50%;background:var(--blanco);box-shadow:inset 0 0 0 1.5px var(--mar)}
.conv-activo{width:14px;height:14px;border-radius:50%;background:var(--boya);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.conv-iso{width:22px;height:0;border-top:1.5px solid var(--vidrio)}
.conv-canal{width:22px;height:0;border-top:1.5px dashed var(--mar)}
.no-escala{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:600 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);background:var(--blanco);border:1px solid var(--tinta);border-radius:4px;padding:6px 9px}
.carta{margin:0;background:var(--blanco);border:1px solid var(--hilo-2);border-radius:var(--radio-l);padding:10px;box-shadow:0 30px 60px -40px rgba(16,42,51,.35)}
.carta-lienzo{position:relative}
.carta-svg{width:100%;height:auto;border-radius:4px}
/* Como en una carta náutica: el agua en celeste y la tierra en arena pálida, para que el istmo se lea de un vistazo. */
.carta-svg .mar-fondo{fill:#DCEEF1}
.carta-svg .iso{fill:none;stroke:var(--vidrio);stroke-linejoin:round}
.carta-svg .iso-f{fill:none;stroke-linejoin:round}
.carta-svg .tierra{fill:#F1E9D2;stroke:var(--mar);stroke-width:1.1;stroke-linejoin:round}
.carta-svg .reticula line{stroke:var(--tinta);stroke-width:.6;opacity:.14}
.carta-svg .grado{font:500 9.5px var(--mono);fill:var(--gris);letter-spacing:.04em}
.carta-svg .rotulo{font:500 11px var(--mono);letter-spacing:.32em;fill:var(--mar);opacity:.75}
.carta-svg .rotulo-pais{font:500 9.5px var(--mono);letter-spacing:.24em;fill:var(--gris)}
.carta-svg .rotulo-ciudad{font:600 10px var(--mono);letter-spacing:.06em;fill:var(--tinta)}
.carta-svg .canal{fill:none;stroke:var(--mar);stroke-width:1.4;stroke-dasharray:3 3}
.carta-svg .ciudad{fill:var(--tinta)}
.carta-svg .marco{fill:none;stroke:var(--tinta);stroke-width:1}
.carta-svg .marco-escala{fill:none;stroke:var(--tinta);stroke-width:4;stroke-dasharray:30 30}
.carta-svg .rosa path{fill:var(--tinta)}
.carta-svg .rosa .claro{fill:var(--blanco);stroke:var(--tinta);stroke-width:.8}
.carta-svg .rosa circle{fill:none;stroke:var(--tinta);stroke-width:.7}
.carta-svg .rosa text{font:600 10px var(--mono);fill:var(--tinta)}
.carta-pie{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 4px 2px;font:400 11px/1.4 var(--mono);color:var(--gris)}
/* Sitios del mapa: el centro del círculo cae en el punto; el rótulo va a un lado */
.sitio{position:absolute;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;transform:translate(-15px,-50%);color:var(--tinta);z-index:1}
.sitio.izq{flex-direction:row-reverse;transform:translate(calc(-100% + 15px),-50%)}
.sitio::before{content:"";position:absolute;left:-8px;top:-8px;width:46px;height:46px}
.sitio.izq::before{left:auto;right:-8px}
.sitio-n{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blanco);color:var(--mar);font:600 12px/1 var(--mono);box-shadow:inset 0 0 0 1.5px var(--mar),0 3px 10px -3px rgba(16,42,51,.45);transition:background-color .15s,box-shadow .15s,transform .15s;flex:none}
.sitio-txt{font:600 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:rgba(255,255,255,.92);color:var(--tinta);padding:4px 7px;border-radius:4px;box-shadow:0 0 0 1px var(--hilo)}
.sitio:hover .sitio-n{transform:scale(1.08);background:var(--vidrio-claro)}
.sitio[aria-pressed="true"]{z-index:2}
.sitio[aria-pressed="true"] .sitio-n{background:var(--boya);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta),0 0 0 5px rgba(242,194,48,.35)}
.sitio[aria-pressed="true"] .sitio-n::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--boya-2);animation:onda 2.4s ease-out infinite}
.sitio[aria-pressed="true"] .sitio-txt{background:var(--tinta);color:#fff;box-shadow:none}
@keyframes onda{from{transform:scale(1);opacity:.9}to{transform:scale(2);opacity:0}}
.sitio:focus-visible{outline:none}
.sitio:focus-visible .sitio-n{outline:2px solid var(--mar);outline-offset:3px}

/* Ficha de la zona elegida */
.zona{margin-top:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:0;background:var(--blanco);border:1px solid var(--tinta);border-radius:var(--radio-l);box-shadow:0 0 0 4px var(--blanco),0 0 0 5px var(--hilo-2)}
.zona-info{padding:26px 28px;border-right:1px solid var(--hilo)}
.zona-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 12px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.zona-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--boya);color:var(--tinta);font-weight:600;letter-spacing:0;box-shadow:inset 0 0 0 1.5px var(--tinta)}
.zona-nombre{font:750 32px/1.05 var(--display);letter-spacing:-.03em;margin:0}
.zona-desc{margin:12px 0 0;color:var(--gris);font-size:15.5px;line-height:1.55}
.mini-cab{font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mar);margin:20px 0 10px}
.especies{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.especies li{font-size:13.5px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--vidrio-claro);color:var(--tinta);box-shadow:inset 0 0 0 1px #CFE6E2}
.especies li.extra{background:none;box-shadow:inset 0 0 0 1px var(--hilo);color:var(--gris);font-weight:400}
.zona-equipo{padding:26px 28px;display:flex;flex-direction:column}
.zona-equipo .mini-cab{margin-top:0}
.sugeridos{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}
.sug{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--hilo);border-radius:var(--radio)}
.sug .min-img{width:52px;height:52px;border-radius:var(--radio-s);background:var(--vidrio-claro);display:grid;place-items:center;color:var(--tinta)}
.sug .min-img svg{width:40px;height:40px}
.sug-txt a{font-weight:600;font-size:14px;line-height:1.3;text-decoration:none;display:block}
.sug-txt a:hover{color:var(--mar);text-decoration:underline}
.sug-txt small{display:block;font:500 11.5px/1.4 var(--mono);color:var(--gris);margin-top:3px}
.sug-txt .por{display:block;font:400 11px/1.4 var(--mono);color:var(--mar);margin-top:2px}
.sug-btns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sug-btns button{border:0;border-radius:var(--radio-s);padding:8px 6px;font-size:13px;font-weight:600}
.zona-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--hilo)}
.zona-pie .nota{margin:0;max-width:52ch}

/* ---------- Categorías: índice editorial ---------- */
.indice{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--tinta)}
.indice li{border-bottom:1px solid var(--hilo)}
.cat{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:16px 6px;text-decoration:none;transition:background-color .15s}
.cat:hover{background:var(--blanco)}
.cat-n{font:500 12px var(--mono);color:var(--gris)}
.cat-ico{width:40px;height:40px;border-radius:var(--radio-s);background:var(--vidrio-claro);color:var(--tinta);padding:4px}
.cat-nombre{font:650 21px/1.15 var(--display);letter-spacing:-.02em}
.cat small{font:500 11.5px var(--mono);color:var(--gris);white-space:nowrap}
.cat-flecha{color:var(--mar);transition:transform .15s}
.cat:hover .cat-flecha{transform:translateX(4px)}
.cat.pendiente .cat-nombre{color:var(--gris)}
.cat.pendiente small{color:var(--boya-texto);background:var(--boya-suave);padding:2px 6px;border-radius:4px}
.nota-ej{margin:18px 0 0;font:400 12px/1.5 var(--mono);color:var(--gris)}

/* ---------- Marcas ---------- */
.marcas{border-top:1px solid var(--hilo);border-bottom:1px solid var(--hilo);background:var(--blanco)}
.marcas .wrap{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:34px;padding-bottom:34px}
.marcas p{margin:0;font:400 12px/1.55 var(--mono);color:var(--gris)}
.marcas p b{display:block;color:var(--tinta);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.marcas ul{display:flex;justify-content:space-between;align-items:center;gap:18px 28px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.marcas li a{font:750 30px/1 var(--display);letter-spacing:-.03em;color:#6E858D;text-decoration:none;transition:color .15s}
.marcas li a:hover{color:var(--tinta)}

/* ---------- Catálogo ---------- */
.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filtro{border:1px solid var(--hilo-2);background:var(--blanco);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;color:var(--tinta)}
.filtro:hover{border-color:var(--tinta)}
.filtro[aria-pressed="true"]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.orden{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.orden select{font:500 14px var(--body);letter-spacing:0;text-transform:none;color:var(--tinta);border:1px solid var(--hilo-2);background:var(--blanco);border-radius:var(--radio-s);padding:8px 10px}
.grilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.prod{display:flex;flex-direction:column;background:var(--blanco);border:1px solid var(--hilo);border-radius:var(--radio-l);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.prod:hover{border-color:var(--hilo-2);box-shadow:0 22px 40px -30px rgba(16,42,51,.45)}
.prod.resalta{box-shadow:0 0 0 2px var(--boya)}
.prod-img{position:relative;aspect-ratio:4/3;margin:8px 8px 0;border-radius:var(--radio-s);background:var(--vidrio-claro);display:grid;place-items:center;color:var(--tinta);overflow:hidden}
.prod-img::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,167,159,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(95,167,159,.14) 1px,transparent 1px);background-size:24px 24px;background-position:center;pointer-events:none}
.prod-img svg{position:relative;width:56%;height:auto;transition:transform .3s ease}
.prod:hover .prod-img svg{transform:rotate(-3deg) scale(1.03)}
.prod-img .tag{position:absolute;left:10px;top:10px;background:var(--blanco);color:var(--tinta);box-shadow:0 0 0 1px var(--hilo)}
.prod-img .tag.promo{background:var(--boya);box-shadow:none}
.prod-cuerpo{display:flex;flex-direction:column;gap:5px;padding:14px 16px 16px;flex:1}
.prod-marca{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mar)}
.prod h3{margin:0;font-size:16px;line-height:1.3;font-weight:600}
.prod-spec{font:400 11.5px/1.45 var(--mono);color:var(--gris)}
.prod-pie{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px dashed var(--hilo);margin-top:auto}
.precio{font:700 26px/1 var(--display);letter-spacing:-.03em}
.stock{font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;color:var(--tinta)}
.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--wa);flex:none}
.stock.pocas::before{background:var(--boya-2)}
.stock.consultar::before{background:#9DB0B5}
.prod-btns{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}
.prod-btns button{border:0;border-radius:var(--radio-s);padding:10px 8px;font-size:14px;font-weight:600}
.b-agregar{background:var(--mar);color:#fff}
.b-agregar:hover{background:var(--mar-2)}
.b-cotizar{background:var(--blanco);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--hilo-2)}
.b-cotizar:hover{box-shadow:inset 0 0 0 1px var(--tinta)}
.b-wa{width:40px;background:var(--wa-suave);color:var(--wa-texto);display:grid;place-items:center}
.b-wa:hover{background:#D3EFDD}
.b-wa svg{width:19px;height:19px}
.vacio{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed var(--hilo-2);border-radius:var(--radio-l);color:var(--gris)}

/* ---------- Combos: banda de mar profundo ---------- */
.combo{position:relative;background:var(--mar);color:#fff;overflow:hidden;isolation:isolate}
.combo::before{content:"";position:absolute;inset:-20% -10% -20% -30%;z-index:-1;background:var(--vidrio);opacity:.22;-webkit-mask:var(--contornos) center/cover no-repeat;mask:var(--contornos) center/cover no-repeat;pointer-events:none}
.combo .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:96px;padding-bottom:96px}
.combo .ceja{color:var(--vidrio)}
.combo .ceja-n{color:#fff}
.combo-titulo{font-size:clamp(2.6rem,5vw,4.4rem);letter-spacing:-.04em;max-width:13ch}
.combo-titulo span{color:var(--boya)}
.combo .intro{color:#CFE3E6}
.combo .btn-claro{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.combo .btn-claro:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px #fff}
.combo :focus-visible{outline-color:var(--boya)}
.combo-arte{position:relative;justify-self:center;width:min(460px,100%);margin:0}
.combo-placa{position:relative;aspect-ratio:1;border-radius:var(--radio-l);background:var(--vidrio-claro);color:var(--tinta);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 10px var(--mar),0 0 0 11px rgba(255,255,255,.22)}
.combo-placa::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,167,159,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(95,167,159,.18) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.combo-placa svg{position:relative;width:74%;height:auto}
.llamada{position:absolute;left:-18%;bottom:14%;display:flex;align-items:center;gap:0}
.llamada-txt{background:var(--boya);color:var(--tinta);border-radius:var(--radio-s);padding:10px 14px;box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.llamada-txt b{display:block;font:750 34px/1 var(--display);letter-spacing:-.03em}
.llamada-txt small{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.llamada-linea{width:56px;height:1px;background:var(--boya);position:relative}
.llamada-linea::after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--boya)}
.combo-spec{margin:16px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.1em;color:#BFD8DB;text-align:center}

/* ---------- Asesoría ---------- */
.asesoria{position:relative}
.asesoria .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.asesoria .h2 span{color:var(--mar)}
.pasos{list-style:none;margin:34px 0 32px;padding:0;display:grid;gap:0;counter-reset:paso;border-top:1px solid var(--hilo)}
.pasos li{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;counter-increment:paso;padding:16px 0;border-bottom:1px solid var(--hilo)}
.pasos li::before{content:counter(paso,decimal-leading-zero);font:500 13px/1.6 var(--mono);color:var(--mar)}
.pasos b{display:block;font-weight:600;font-size:16px}
.pasos span{color:var(--gris);font-size:14.5px}
.ases-arte{display:grid;align-items:start}
.ases-foto{margin:0 0 0 72px;display:flex;flex-direction:column-reverse}
.ases-foto figcaption{margin:0 0 10px}
.ases-foto .foto{aspect-ratio:16/11;background-image:url("https://live.staticflickr.com/5205/5369331115_a83aced297_b.jpg");background-position:72% 50%}
.conversa{position:relative;margin:-150px 72px 0 0;background:var(--blanco);color:var(--tinta);border:1px solid var(--hilo-2);border-radius:var(--radio-l);padding:16px;box-shadow:0 30px 60px -30px rgba(16,42,51,.45)}
.conversa-cab{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--hilo)}
.conversa-cab .sello{width:36px;height:36px;font-size:12px}
.conversa-cab b{display:block;font-size:15px}
.conversa-cab small{font:400 11px var(--mono);color:var(--gris)}
.msgs{display:flex;flex-direction:column;gap:9px;padding:14px 2px 2px}
.msg{max-width:86%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.45}
.msg.cli{align-self:flex-end;background:var(--mar);color:#fff;border-bottom-right-radius:3px}
.msg.ase{align-self:flex-start;background:var(--bruma);border-bottom-left-radius:3px}
.mini{display:flex;gap:10px;align-items:center;background:var(--blanco);border:1px solid var(--hilo);border-radius:var(--radio);padding:7px 9px;margin-top:8px}
.mini .min-img{width:42px;height:42px;border-radius:var(--radio-s);background:var(--vidrio-claro);display:grid;place-items:center;flex:none;color:var(--tinta)}
.mini .min-img svg{width:32px;height:32px}
.mini b{font-size:13px;display:block;line-height:1.25}
.mini small{font:500 11.5px var(--mono);color:var(--mar)}
.relevo{display:flex;align-items:center;gap:10px;margin-top:6px;padding:11px 13px;border-radius:var(--radio);background:var(--wa-suave);color:var(--wa-texto);font-size:13.5px}
.relevo svg{width:22px;height:22px;flex:none;color:var(--wa)}
.relevo code{font:600 12.5px var(--mono);background:var(--blanco);padding:2px 6px;border-radius:4px}

/* ---------- Confianza ---------- */
.confianza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--tinta);border-bottom:1px solid var(--hilo)}
.conf{padding:26px 24px 28px 0}
.conf+.conf{padding-left:24px;border-left:1px solid var(--hilo)}
.conf svg{width:26px;height:26px;color:var(--mar)}
.conf h3{margin:16px 0 6px;font:650 19px/1.2 var(--display);letter-spacing:-.02em}
.conf p{margin:0 0 14px;color:var(--gris);font-size:14.5px}
.conf .tag{background:var(--boya-suave);color:var(--boya-texto)}

/* ---------- Pie ---------- */
.pie{position:relative;background:var(--tinta);color:#B8CDD1;padding:76px 0 30px;overflow:hidden;isolation:isolate}
.pie::before{content:"";position:absolute;inset:-30% -40% -10% 35%;z-index:-1;background:var(--vidrio);opacity:.1;-webkit-mask:var(--contornos) center/cover no-repeat;mask:var(--contornos) center/cover no-repeat;pointer-events:none}
.pie::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--boya) 0 40px,transparent 40px 80px);opacity:.9}
.pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.pie .sello{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #fff,inset 0 0 0 4px var(--tinta),inset 0 0 0 5px var(--vidrio)}
.pie .sello::after{background:#fff}
.pie .marca-txt strong{color:#fff}
.pie .marca-txt span{color:var(--vidrio)}
.pie h4{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vidrio);margin:0 0 16px}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.pie a{text-decoration:none}
.pie a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pie .pend{background:rgba(242,194,48,.14);color:var(--boya)}
.pie :focus-visible{outline-color:var(--boya)}
.pie-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:52px;padding-top:20px;font:400 11.5px/1.6 var(--mono);color:#8FAAB0}

/* ---------- Chat flotante ---------- */
.chat-btn{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:8px 18px 8px 8px;background:var(--mar);color:#fff;font-weight:600;font-size:15px;box-shadow:0 16px 34px -14px rgba(16,42,51,.7)}
.chat-btn:hover{background:var(--mar-2)}
.chat-btn .burbuja{width:38px;height:38px;border-radius:50%;background:var(--boya);color:var(--tinta);display:grid;place-items:center}
.chat-btn svg{width:20px;height:20px}
.chat{position:fixed;right:22px;bottom:94px;z-index:61;width:380px;max-height:min(640px,calc(100vh - 130px));display:flex;flex-direction:column;background:var(--blanco);border:1px solid var(--hilo-2);border-radius:var(--radio-l);box-shadow:0 40px 90px -30px rgba(16,42,51,.6);overflow:hidden;transform-origin:bottom right;transition:opacity .2s,transform .2s}
.chat[hidden]{display:flex;opacity:0;transform:scale(.96) translateY(10px);pointer-events:none;visibility:hidden}
.chat-cab{display:flex;align-items:center;gap:12px;padding:14px 14px 12px 16px;background:var(--mar);color:#fff}
.chat-cab .sello{width:36px;height:36px;font-size:12px}
.chat-cab div{flex:1}
.chat-cab b{display:block}
.chat-cab small{font:400 11px var(--mono);color:#BFD8DB}
.chat-cab .ico{color:#fff}
.chat-cab .ico:hover{background:rgba(255,255,255,.12)}
.chat-cab :focus-visible{outline-color:var(--boya)}
.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--pagina)}
.chat-msgs .msg.ase{background:var(--blanco);border:1px solid var(--hilo)}
.atajos{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-top:1px solid var(--hilo);background:var(--blanco)}
.atajo{border:1px solid var(--hilo-2);background:var(--blanco);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:500}
.atajo:hover{border-color:var(--tinta)}
.atajo.wa{border-color:#9ED9B5;color:var(--wa-texto);background:var(--wa-suave)}
.chat-form{display:flex;gap:8px;padding:12px 14px 14px;background:var(--blanco)}
.chat-form input{flex:1;min-width:0;border:1px solid var(--hilo-2);border-radius:var(--radio);padding:10px 12px;font:inherit;font-size:14px;outline:none}
.chat-form input:focus{border-color:var(--mar);box-shadow:0 0 0 3px rgba(19,78,94,.12)}
.chat-form button{width:42px;height:42px;border-radius:var(--radio);border:0;background:var(--mar);color:#fff;display:grid;place-items:center;flex:none}
.chat-form svg{width:18px;height:18px}
.msg .mini button{margin-left:auto;border:0;border-radius:var(--radio-s);padding:6px 9px;font-size:12px;font-weight:600;background:var(--mar);color:#fff}

/* ---------- Panel carrito / cotización ---------- */
.velo{position:fixed;inset:0;z-index:70;background:rgba(16,42,51,.42);opacity:0;pointer-events:none;transition:opacity .2s}
.velo.abierto{opacity:1;pointer-events:auto}
.panel{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(420px,100%);background:var(--blanco);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;border-left:1px solid var(--hilo-2)}
.panel.abierto{transform:none}
.panel-cab{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--hilo)}
.panel-cab .cartel{font-size:28px}
.pestanas{display:flex;gap:6px;padding:12px 20px 0;border-bottom:1px solid var(--hilo)}
.pestana{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 4px;font-weight:600;color:var(--gris);margin-bottom:-1px}
.pestana[aria-selected="true"]{color:var(--tinta);border-color:var(--boya-2)}
.lista{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.linea{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.linea .min-img{width:56px;height:56px;border-radius:var(--radio-s);background:var(--vidrio-claro);display:grid;place-items:center;color:var(--tinta)}
.linea .min-img svg{width:42px;height:42px}
.linea b{font-size:14px;display:block;line-height:1.3}
.linea small{font:500 11.5px var(--mono);color:var(--gris)}
.cant{display:flex;align-items:center;gap:6px}
.cant button{width:28px;height:28px;border-radius:var(--radio-s);border:1px solid var(--hilo-2);background:var(--blanco);font-weight:600}
.cant button:hover{border-color:var(--tinta)}
.cant span{min-width:18px;text-align:center;font:600 13px var(--mono)}
.panel-pie{padding:18px 20px 22px;border-top:1px solid var(--hilo);display:grid;gap:12px}
.total{display:flex;justify-content:space-between;align-items:baseline}
.total .precio{font-size:32px}
.explica{margin:0;font-size:13px;color:var(--gris)}
.panel-pie .btn{justify-content:center}

/* ---------- Aviso emergente ---------- */
.toast{position:fixed;left:50%;bottom:26px;z-index:80;transform:translate(-50%,20px);opacity:0;background:var(--tinta);color:#fff;padding:12px 18px;border-radius:var(--radio);font-size:14px;box-shadow:0 14px 34px -12px rgba(16,42,51,.6);transition:opacity .2s,transform .2s;pointer-events:none;max-width:calc(100vw - 32px)}
.toast.ver{opacity:1;transform:translate(-50%,0)}

/* ---------- Selector de idioma ---------- */
.idioma{display:flex;gap:0;align-items:center;border:1px solid var(--hilo-2);border-radius:5px;overflow:hidden;background:var(--blanco)}
.idioma button{border:0;background:transparent;color:var(--gris);font:600 11px/1 var(--mono);letter-spacing:.08em;padding:5px 8px}
.idioma button+button{border-left:1px solid var(--hilo-2)}
.idioma button:hover{color:var(--tinta)}
.idioma button[aria-pressed="true"]{background:var(--tinta);color:#fff}

/* ======================================================================
   Piezas compartidas por la ficha, la cotización, la compra y el estado
   ====================================================================== */
.prod-img,.prod h3 a{text-decoration:none}
.prod h3 a:hover{color:var(--mar);text-decoration:underline;text-underline-offset:3px}
.migas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:500 12px var(--mono);letter-spacing:.02em;color:var(--gris);padding:26px 0 22px}
.migas a{color:var(--mar);text-decoration:none}
.migas a:hover{text-decoration:underline}
.migas [aria-current]{color:var(--tinta)}
.opcion{border:1px solid var(--hilo-2);background:var(--blanco);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}
.opcion:hover{border-color:var(--tinta)}
.opcion[aria-pressed="true"],.opcion[aria-checked="true"]{border-color:var(--tinta);background:var(--tinta);color:#fff}
.chips-claras{display:flex;flex-wrap:wrap;gap:8px}
.cant.grande button{width:38px;height:38px;border-radius:var(--radio);font-size:18px}
.cant.grande span{min-width:28px;font-size:15px}

/* ---------- Ficha de producto ---------- */
.ficha{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start;padding-bottom:80px}
.galeria{position:sticky;top:100px}
.principal{position:relative;aspect-ratio:1;border-radius:var(--radio-l);background:var(--vidrio-claro);display:grid;place-items:center;overflow:hidden;color:var(--tinta);border:1px solid #D3E7E3}
.principal::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,167,159,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(95,167,159,.16) 1px,transparent 1px);background-size:40px 40px;background-position:center;pointer-events:none}
.principal::after{content:"FIG. 1";position:absolute;left:14px;top:12px;font:600 10.5px var(--mono);letter-spacing:.14em;color:var(--mar)}
.principal svg{position:relative;width:62%;height:auto;transition:transform .35s ease,filter .35s ease}
.principal.oscura{background:radial-gradient(circle at 50% 40%,#1B6474,var(--mar-2));border-color:var(--mar)}
.principal.oscura::before{opacity:.35}
.principal.oscura::after{color:var(--vidrio)}
.principal.oscura svg{color:#fff}
.miniaturas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.mini-vista{aspect-ratio:1;border:1px solid var(--hilo);border-radius:var(--radio);background:var(--vidrio-claro);display:grid;place-items:center;color:var(--tinta);overflow:hidden;padding:0}
.mini-vista svg{width:64%;height:auto}
.mini-vista.oscura{background:var(--mar);color:#fff}
.mini-vista[aria-pressed="true"]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.nota-foto{font:400 11.5px/1.5 var(--mono);color:var(--gris);margin:10px 2px 0}
.info{display:flex;flex-direction:column;gap:14px}
.info h1{font-size:clamp(2.2rem,4.2vw,3.6rem);letter-spacing:-.04em;line-height:1;margin:0}
.ref{margin:-4px 0 0;font-size:12px;color:var(--gris);letter-spacing:.04em}
.precio-fila{display:flex;align-items:baseline;gap:18px;margin-top:6px;padding-top:16px;border-top:1px solid var(--hilo)}
.precio.grande{font-size:52px}
.impuesto{margin:-8px 0 0;font-size:13px;color:var(--gris)}
.opciones{border:0;margin:6px 0 0;padding:0}
.opciones legend{font-size:14px;color:var(--gris);margin-bottom:10px;padding:0}
.opciones legend b{color:var(--tinta)}
.cantidad{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--gris)}
.acciones-ficha{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.acciones-ficha .btn{justify-content:center}
.medidor-caja{margin-top:10px;padding:18px;border-radius:var(--radio-l);background:var(--blanco);border:1px solid var(--hilo)}
.medidor-cab{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}
.medidor-cab .ceja{white-space:nowrap;margin:0}
.medidor-cab b{font:700 20px/1 var(--display);letter-spacing:-.02em}
.medidor{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#DCEFEC 0%,var(--vidrio) 28%,var(--vidrio-2) 48%,var(--mar) 72%,var(--tinta) 100%)}
.marca-prof{position:absolute;top:-8px;width:4px;height:28px;margin-left:-2px;border-radius:2px;background:var(--boya);box-shadow:0 0 0 2px var(--tinta)}
.escala{display:flex;justify-content:space-between;font-size:11px;color:var(--gris);margin-top:8px}
.medidor-caja p{margin:12px 0 0;font-size:14px;color:var(--gris)}
.usos{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.garantias{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;font-size:14px}
.garantias li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.garantias svg{width:20px;height:20px;color:var(--mar);flex:none}
.detalle{background:var(--blanco);border-top:1px solid var(--hilo);border-bottom:1px solid var(--hilo)}
.detalle .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.detalle h2{font-size:30px;margin-bottom:16px}
.detalle p{margin:0 0 14px;color:#33505A}
.specs{margin:0;display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--tinta)}
.specs dt,.specs dd{padding:12px 0;border-bottom:1px solid var(--hilo);margin:0}
.specs dt{color:var(--gris);font-size:14px;padding-right:24px}
.specs dd{font:500 13px var(--mono);text-align:right}
.specs dd.odoo{color:#7D9399;font-style:italic;font-weight:400}
.aviso-dato{font:400 12px/1.5 var(--mono);color:var(--gris);margin:14px 0 0}
.grilla.tres{grid-template-columns:repeat(4,minmax(0,1fr))}
.banda{position:relative;background:var(--mar);color:#fff;overflow:hidden;isolation:isolate}
.banda::before{content:"";position:absolute;inset:-60% -10% -60% 40%;z-index:-1;background:var(--vidrio);opacity:.2;-webkit-mask:var(--contornos) center/cover no-repeat;mask:var(--contornos) center/cover no-repeat;pointer-events:none}
.banda .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:60px;padding-bottom:60px;flex-wrap:wrap}
.banda .cartel{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:-.04em}
.banda .cartel span{color:var(--boya)}
.banda p{margin:10px 0 0;color:#CFE3E6;max-width:52ch}
.banda :focus-visible{outline-color:var(--boya)}
.no-encontrado{padding:96px 0;text-align:center}
.no-encontrado .cartel{font-size:46px}

/* ---------- Cotización ---------- */
.cot-cab{padding:30px 0 8px}
.cot-cab h1{font-size:clamp(2.4rem,4.8vw,4rem);letter-spacing:-.045em}
.pasos-cot{list-style:none;margin:24px 0 36px;padding:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pasos-cot li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:var(--gris)}
.pasos-cot li+li::before{content:"";width:36px;height:1px;background:var(--hilo-2);margin-right:2px}
.pasos-cot .num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--mono);background:var(--blanco);box-shadow:inset 0 0 0 1px var(--hilo-2)}
.pasos-cot .num svg{width:15px;height:15px}
.pasos-cot .actual{color:var(--tinta)}
.pasos-cot .actual .num{background:var(--boya);box-shadow:inset 0 0 0 1.5px var(--tinta);color:var(--tinta)}
.pasos-cot .hecho{color:var(--mar)}
.pasos-cot .hecho .num{background:var(--mar);color:#fff;box-shadow:none}
.cot-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;padding-bottom:100px}
.tarjeta-cot{background:var(--blanco);border:1px solid var(--hilo);border-radius:var(--radio-l);padding:26px}
.tarjeta-cot h2{font:700 22px/1.25 var(--display);letter-spacing:-.02em;margin:0 0 4px}
.tarjeta-cot .sub{margin:0 0 18px;color:var(--gris);font-size:14.5px}
.linea-cot{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1px solid var(--hilo)}
.linea-cot:first-of-type{border-top:0}
.linea-cot .min-img{width:72px;height:72px;border-radius:var(--radio);background:var(--vidrio-claro);display:grid;place-items:center;color:var(--tinta)}
.linea-cot .min-img svg{width:54px;height:54px}
.linea-cot b{display:block;font-size:15px;line-height:1.3}
.linea-cot b a{text-decoration:none}
.linea-cot b a:hover{text-decoration:underline}
.linea-cot small{display:block;font:500 11.5px/1.5 var(--mono);color:var(--gris);margin-top:3px}
.linea-cot input{margin-top:10px;width:100%;border:1px solid var(--hilo);border-radius:var(--radio-s);padding:8px 12px;font:inherit;font-size:13.5px;background:var(--pagina)}
.linea-cot input:focus{outline:none;border-color:var(--mar);background:var(--blanco);box-shadow:0 0 0 3px rgba(19,78,94,.12)}
.linea-der{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}
.linea-der .monto{font:700 22px/1 var(--display);letter-spacing:-.03em}
.quitar{border:0;background:none;padding:2px;font-size:13px;color:var(--gris);text-decoration:underline;text-underline-offset:3px}
.quitar:hover{color:var(--error)}
.pie-paso{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.volver{font-weight:600;color:var(--mar);text-decoration:none;background:none;border:0;padding:8px 0}
.volver:hover{color:var(--tinta);text-decoration:underline;text-underline-offset:4px}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo.ancho{grid-column:1/-1}
.campo label,.campo legend{font-size:14px;font-weight:600}
.campo label small,.campo legend small{font-weight:400;color:var(--gris)}
.campo input,.campo textarea{border:1px solid var(--hilo-2);border-radius:var(--radio);padding:12px 14px;font:inherit;font-size:15px;background:var(--blanco);color:var(--tinta)}
.campo textarea{min-height:96px;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--mar);box-shadow:0 0 0 3px rgba(19,78,94,.14)}
.campo.con-error input{border-color:var(--error)}
.error{font-size:13px;color:var(--error);min-height:0;margin:0}
fieldset.campo{border:0;margin:0;padding:0}
.resumen{position:sticky;top:100px;background:var(--mar);color:#fff;border-radius:var(--radio-l);padding:26px;overflow:hidden;isolation:isolate}
.resumen::before{content:"";position:absolute;inset:-40% -60% -40% -10%;z-index:-1;background:var(--vidrio);opacity:.16;-webkit-mask:var(--contornos) center/cover no-repeat;mask:var(--contornos) center/cover no-repeat;pointer-events:none}
.resumen .ceja{color:var(--vidrio)}
.resumen .cuantos{font-size:14px;color:#CFE3E6;margin:0 0 16px}
.resumen dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px 0;font-size:14.5px}
.resumen dt{color:#CFE3E6}
.resumen dd{margin:0;padding-left:12px;text-align:right;font:500 13.5px var(--mono)}
.resumen .total-fila{border-top:1px solid rgba(255,255,255,.18);padding-top:12px;margin-top:4px}
.resumen dd.total-fila{font:700 28px/1 var(--display);letter-spacing:-.03em}
.resumen dt.total-fila{align-self:end}
.resumen .nota{color:#BFD8DB;margin:16px 0 0}
.tabla-rev{width:100%;border-collapse:collapse;font-size:14.5px}
.tabla-rev th{text-align:left;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);padding:0 0 10px;border-bottom:1px solid var(--tinta)}
.tabla-rev td{padding:12px 0;border-bottom:1px solid var(--hilo);vertical-align:top}
.tabla-rev .num{text-align:right;font-family:var(--mono);font-size:13.5px;white-space:nowrap;padding-left:14px}
.tabla-rev td small{display:block;color:var(--gris);font-size:12.5px}
.bloque-rev{margin-top:24px;padding-top:20px;border-top:1px solid var(--hilo)}
.bloque-rev h3{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;margin:0 0 10px}
.bloque-rev h3 button{border:0;background:none;color:var(--mar);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.bloque-rev p{margin:0;color:#33505A;font-size:14.5px}
.conf-lista{margin:0;padding-left:20px;color:#33505A;font-size:14.5px;display:grid;gap:6px}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px;border-radius:var(--radio);background:var(--bruma);font-size:14.5px}
.consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--mar);flex:none}
.consent.con-error{box-shadow:inset 0 0 0 1.5px var(--error)}
.consent a{color:var(--mar)}
.vacio-cot{text-align:center;padding:52px 24px}
.vacio-cot svg{width:96px;height:96px;margin:0 auto 14px;color:var(--mar);padding:20px;border-radius:50%;background:var(--vidrio-claro);box-sizing:content-box}
.vacio-cot h2{font:750 32px/1.05 var(--display);letter-spacing:-.03em;margin:0 0 10px}
.vacio-cot p{color:var(--gris);max-width:44ch;margin:0 auto 22px}
.vacio-cot .ctas{justify-content:center}
.enviada{max-width:780px;margin:0 auto;padding-top:44px;padding-bottom:100px}
.enviada .sello-ok{width:60px;height:60px;border-radius:50%;background:var(--mar);color:#fff;display:grid;place-items:center;margin-bottom:20px;box-shadow:0 0 0 6px var(--vidrio-claro)}
.enviada .sello-ok svg{width:30px;height:30px}
.enviada h1{font-size:clamp(2.8rem,6.4vw,5rem);letter-spacing:-.05em}
.enviada .ref-sol{display:inline-block;margin:18px 0 0;font:600 14.5px var(--mono);background:var(--blanco);border:1px dashed var(--mar);border-radius:var(--radio-s);padding:8px 12px}
.enviada .lead{font-size:18px;color:#33505A;margin:18px 0 32px}
.estados{list-style:none;margin:0;padding:0;display:grid;gap:0}
.estados li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:16px;padding-bottom:22px}
.estados li::after{content:"";position:absolute;left:16.5px;top:36px;bottom:2px;width:1px;background:var(--hilo-2)}
.estados li:last-child::after{display:none}
.estados .punto{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--hilo-2);color:var(--gris);font:600 12px/1 var(--mono)}
.estados .punto svg{width:17px;height:17px}
.estados .listo .punto{background:var(--mar);box-shadow:none;color:#fff}
.estados b{display:block;font-size:16px}
.estados span{color:var(--gris);font-size:14.5px}
.estados .futuro{opacity:.55}
.enviada .relevo{margin:8px 0 26px;padding:16px 18px;font-size:15px}
.enviada .nota{color:var(--gris)}

@media (max-width:960px){
  .ficha,.detalle .wrap,.cot-grid{grid-template-columns:minmax(0,1fr)}
  .galeria{position:static}
  .resumen{position:relative;top:auto}
  .grilla.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ficha{gap:28px}
  .detalle .wrap{gap:36px}
}
@media (max-width:700px){
  .migas{padding:18px 0 14px}
  .precio.grande{font-size:42px}
  .acciones-ficha{grid-template-columns:1fr}
  .campos{grid-template-columns:1fr}
  .linea-cot{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .linea-cot .min-img{width:56px;height:56px}
  .linea-cot .min-img svg{width:42px;height:42px}
  .linea-der{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px}
  .acciones-linea{flex-basis:100%}
  .tarjeta-cot{padding:18px}
  .pasos-cot li+li::before{width:16px}
  .pasos-cot .txt{display:none}
  .pasos-cot .actual .txt{display:inline}
  .banda .wrap{padding-top:44px;padding-bottom:44px}
}

/* ---------- Compra directa ---------- */
.campo select{border:1px solid var(--hilo-2);border-radius:var(--radio);padding:12px 14px;font:inherit;font-size:15px;background:var(--blanco);color:var(--tinta)}
.campo select:focus{outline:none;border-color:var(--mar);box-shadow:0 0 0 3px rgba(19,78,94,.14)}
.campo.con-error select,.campo.con-error textarea{border-color:var(--error)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--mar);flex:none}
.opciones-grandes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.op-grande{display:flex;gap:14px;align-items:flex-start;text-align:left;border:1px solid var(--hilo-2);background:var(--blanco);border-radius:var(--radio-l);padding:16px;width:100%}
.op-grande:hover{border-color:var(--tinta)}
.op-grande[aria-checked="true"]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta);background:var(--vidrio-claro)}
.op-grande[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.op-grande[aria-disabled="true"]:hover{border-color:var(--hilo-2)}
.op-ico{width:40px;height:40px;border-radius:var(--radio);background:var(--bruma);display:grid;place-items:center;flex:none;color:var(--mar)}
.op-ico svg{width:21px;height:21px}
.op-grande b{display:block;font-size:15px}
.op-grande .det{display:block;font-size:13.5px;color:var(--gris);margin-top:3px}
.op-grande .tag{margin-top:10px}
.op-texto{flex:1}
.radio-punto{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #8EA5AB;flex:none;margin-top:2px;transition:box-shadow .15s;background:var(--blanco)}
.op-grande[aria-checked="true"] .radio-punto{box-shadow:inset 0 0 0 6px var(--tinta)}
.tag.pendiente{background:var(--boya-suave);color:var(--boya-texto)}
.caja-aviso{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radio);background:var(--boya-suave);border:1px solid #EBD58A;color:#4D3A00;font-size:14px;margin:0 0 18px}
.caja-aviso svg{width:20px;height:20px;flex:none;color:var(--boya-texto);margin-top:1px}
.caja-aviso b{color:#2E2300}
.cupon{display:flex;gap:8px;margin-top:20px}
.cupon input{flex:1;min-width:0;border:1px solid var(--hilo-2);border-radius:var(--radio);padding:10px 14px;font:inherit;font-size:14.5px}
.cupon input:focus{outline:none;border-color:var(--mar);box-shadow:0 0 0 3px rgba(19,78,94,.14)}
.cupon .btn{padding:10px 18px}
.cupon-msg{font-size:13px;color:var(--gris);margin:8px 0 0}
.acciones-linea{display:flex;gap:14px;align-items:center}
.sub-bloque{margin-top:24px;padding-top:20px;border-top:1px solid var(--hilo)}
.sub-bloque > h3{font-size:16px;margin:0 0 12px}
.sub-bloque .campos{margin-top:14px}
.resumen .por-confirmar{color:var(--boya);font:500 12px var(--mono)}
.resumen .metodo-res{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:#CFE3E6}
.resumen .metodo-res b{color:#fff}
.estado-chip{display:inline-flex;align-items:center;gap:8px;font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:var(--radio-s);background:var(--boya-suave);color:var(--boya-texto);margin:16px 0 0 10px;vertical-align:middle}
.estado-chip svg{width:16px;height:16px}
.enviada .sello-ok.pend,.sello-ok.pend{background:var(--boya);color:var(--tinta);box-shadow:0 0 0 6px var(--boya-suave)}
.estados .espera .punto{background:var(--boya-suave);box-shadow:inset 0 0 0 1.5px var(--boya-2);color:var(--boya-texto)}
.estados .espera b::after{content:"Pendiente";margin-left:10px;font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:4px;background:var(--boya-suave);color:var(--boya-texto);vertical-align:2px}
@media (max-width:700px){
  .opciones-grandes{grid-template-columns:1fr}
  .estado-chip{margin-left:0}
}

/* ---------- Estado de un pedido o una cotización ---------- */
.estado-chip.ok{background:var(--wa-suave);color:var(--wa-texto)}
.estado-chip.curso{background:var(--bruma);color:var(--mar)}
.resultado{margin-top:20px}
.resultado:focus{outline:none}
.res-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.res-cab .ceja{margin:0 0 8px}
.res-cab h2.cartel{font:750 44px/1 var(--display);letter-spacing:-.04em;margin:0}
.res-cab .estado-chip{margin:4px 0 0}
.res-datos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 26px;padding:16px 0;border-top:1px solid var(--tinta);border-bottom:1px solid var(--hilo)}
.res-datos dt{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.res-datos dd{margin:4px 0 0;font-size:14.5px;font-weight:500}
.estados .actual .punto{background:var(--vidrio-claro);box-shadow:inset 0 0 0 1.5px var(--mar);color:var(--mar);font-weight:700}
.estados .actual b::after{content:"En curso";margin-left:10px;font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:4px;background:var(--bruma);color:var(--mar);vertical-align:2px}
.estados .hora{display:block;font:500 11px var(--mono);color:var(--gris);margin-top:3px}
.resultado .caja-aviso{margin:0 0 18px}
.res-productos{border-top:1px solid var(--hilo);padding-top:14px}
.res-productos summary{cursor:pointer;font-weight:600;font-size:15px}
.res-productos .tabla-rev{margin-top:12px}
.res-productos a{text-decoration:none}
.res-productos a:hover{text-decoration:underline}
.resultado .ctas{margin-top:22px}
.ejemplos h3{font-size:14px;margin:22px 0 10px}
.lista-ejemplos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lista-ejemplos button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--hilo);background:var(--blanco);border-radius:var(--radio);padding:10px 12px;text-align:left}
.lista-ejemplos button:hover{border-color:var(--tinta)}
.lista-ejemplos .mono{font-weight:600;font-size:13px}
.lista-ejemplos .estado-chip{margin:0;padding:5px 8px;font-size:10px}
.lista-ejemplos .estado-chip svg{width:13px;height:13px}
@media (max-width:700px){
  .res-datos{grid-template-columns:1fr 1fr}
  .res-cab h2.cartel{font-size:36px}
}
/* Las etiquetas que pone el CSS también cambian con el idioma de la página. */
html[lang="en"] .estados .espera b::after{content:"Pending"}
html[lang="en"] .estados .actual b::after{content:"In progress"}

/* ---------- Puntos de lealtad: estimación, canje y «Mis puntos» ----------
   La estrella de los puntos se pinta como una boya de la carta: amarilla, con el contorno en tinta.
   Saldo, movimientos, niveles y reglas van en franjas con líneas finas, como las anotaciones de la carta. */
.ico-puntos{width:18px;height:18px;flex:none;fill:var(--boya);color:var(--tinta)}
/* Ficha: lo que da esta compra */
.gana-puntos{display:flex;gap:12px;align-items:flex-start;margin:2px 0 0;padding:12px 14px;border-radius:var(--radio);background:var(--blanco);border:1px solid var(--hilo);font-size:14.5px;line-height:1.45;color:var(--tinta)}
.gana-puntos:empty{display:none}
.gana-puntos .ico-puntos{margin-top:1px}
.gana-puntos a,.relevo-puntos a,.enlace-panel{color:var(--mar);font-weight:600;text-decoration:underline;text-decoration-color:var(--vidrio);text-decoration-thickness:1.5px;text-underline-offset:4px}
.gana-puntos a:hover,.relevo-puntos a:hover,.enlace-panel:hover{color:var(--tinta);text-decoration-color:var(--tinta)}
.gana-puntos small{display:block;margin-top:4px;font:400 11.5px/1.45 var(--mono);color:var(--gris)}
/* Compra: resumen, canje en el paso de pago y confirmación */
.resumen .gana-res{display:flex;gap:9px;align-items:center;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:#fff}
.resumen .gana-res .ico-puntos{color:var(--boya)}
.bloque-puntos > h3{display:flex;align-items:center;gap:8px}
.canje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 16px;border:1px solid var(--hilo);border-radius:var(--radio);background:var(--pagina)}
.canje .cant button:disabled{opacity:.4;cursor:not-allowed}
.canje .cant button:disabled:hover{border-color:var(--hilo-2)}
.canje-txt{margin:0;flex:1;min-width:170px;font-size:14.5px}
.canje .volver{padding:4px 0}
.nota-canje{margin:12px 0 0;font:400 12px/1.55 var(--mono);color:var(--gris)}
.relevo.relevo-puntos{align-items:flex-start;background:var(--vidrio-claro);border:1px solid #D3E7E3;color:var(--tinta)}
.enviada .relevo + .relevo-puntos{margin-top:-14px}
.relevo-puntos .ico-puntos{width:20px;height:20px;margin-top:2px;color:var(--tinta)}
/* Mis puntos */
.sesion{margin:12px 0 0;color:var(--gris);font-size:15px}
.sesion b{color:var(--tinta)}
.saldo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 32px;border-top:1px solid var(--tinta);border-bottom:1px solid var(--hilo)}
.saldo{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px 22px 20px}
.saldo+.saldo{border-left:1px solid var(--hilo)}
.saldo:first-child{padding-left:0}
.saldo-et{font:500 10.5px/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.saldo-n{align-self:flex-start;font:750 46px/1 var(--display);letter-spacing:-.04em;color:var(--tinta)}
.saldo-det{font-size:13px;line-height:1.45;color:var(--gris)}
.saldo.saldo-destacado .saldo-et{color:var(--mar);font-weight:600}
.saldo.saldo-destacado .saldo-n{padding:0 .05em;background:linear-gradient(transparent 68%,var(--boya) 68%,var(--boya) 88%,transparent 88%)}
.puntos-grid{padding-bottom:32px}
.movs{list-style:none;margin:0;padding:0;border-top:1px solid var(--tinta)}
.mov{display:grid;grid-template-columns:104px minmax(0,1fr) auto 64px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hilo)}
.mov:last-child{border-bottom:0;padding-bottom:0}
.mov-fecha{font-size:11.5px;color:var(--gris)}
.mov-txt b{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.mov-txt small{font-size:11.5px;color:var(--gris)}
.mov-pts{text-align:right;font-weight:600;font-size:14px}
.mov-pts.suma{color:var(--wa-texto)}
.mov-pts.resta{color:var(--error)}
.mov .estado-chip{margin:0;padding:5px 8px;font-size:10px;letter-spacing:.06em;justify-self:end}
.estado-chip.gris{background:rgba(16,42,51,.06);color:var(--gris)}
.puntos-lado{position:sticky;top:100px;display:grid;gap:18px}
.resumen.nivel-card{position:relative;top:auto}
.nivel-nombre{font-size:46px;letter-spacing:-.04em;color:#fff;margin:0 0 16px}
.barra-nivel{height:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.barra-nivel span{display:block;height:100%;border-radius:99px;background:var(--boya)}
.nivel-det{margin:12px 0 0;font-size:13.5px;color:#CFE3E6}
.nivel-card h3{margin:22px 0 6px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vidrio)}
.niveles{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18)}
.niveles li{position:relative;padding:10px 0 10px 14px;border-bottom:1px solid rgba(255,255,255,.18);font-size:13px;line-height:1.45;color:#CFE3E6}
.niveles li b{display:block;font:700 15px/1.3 var(--display);letter-spacing:-.01em;color:#fff}
.niveles li.actual::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--boya)}
.reglas-cliente{margin-bottom:28px}
.reglas-cliente ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--tinta)}
.reglas-cliente li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--hilo);font-size:14px;color:#33505A}
.reglas-cliente li .ico-puntos{margin-top:2px}
.reglas-cliente li b{display:block;margin-bottom:2px;font-size:15px;color:var(--tinta)}
.reglas-cliente .tag{margin-left:2px;vertical-align:1px}
.enlace-panel{display:inline-block;margin-top:18px;text-underline-offset:5px}
.terminos{padding:0 0 96px}
.terminos h2{margin:0 0 10px;font:600 16px var(--body)}
.terminos ul{display:grid;gap:4px;margin:0;padding-left:18px;font-size:14px;color:var(--gris)}
@media (max-width:960px){
  .saldo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saldo:nth-child(3){padding-left:0;border-left:0}
  .saldo:nth-child(n+3){border-top:1px solid var(--hilo)}
  .puntos-lado{position:static}
  .reglas-cliente ul{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .saldo{padding:16px 14px 18px}
  .saldo-n{font-size:36px}
  .nivel-nombre{font-size:38px}
  /* En el celular el estado va debajo del texto, para no estrecharlo */
  .mov{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt pts" "fecha ." "estado .";gap:4px 12px}
  .mov-txt{grid-area:txt}
  .mov-pts{grid-area:pts}
  .mov-fecha{grid-area:fecha}
  .mov .estado-chip{grid-area:estado;justify-self:start;margin-top:4px}
  .canje{padding:12px}
  .terminos{padding-bottom:80px}
}

/* ======================================================================
   Responsive
   ====================================================================== */
@media (max-width:1180px){
  .cab nav{display:none}
  .menu-btn{display:grid}
  .grilla{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grilla.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
  .carta-grid{grid-template-columns:minmax(0,1fr)}
  .carta-txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px 40px;align-items:end}
  .carta-txt .convenciones{margin-top:0}
  .leyenda ul{grid-template-columns:repeat(2,1fr)}
  .leyenda li:nth-child(3){padding-left:0;border-left:0}
  .leyenda li:nth-child(n+3){border-top:1px solid var(--hilo)}
  /* Menú del celular: el botón despliega la navegación y el buscador debajo de la barra */
  .cab.menu-abierto .wrap{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:14px}
  .cab.menu-abierto nav{display:block;order:5;flex-basis:100%;border-top:1px solid var(--hilo);padding-top:8px}
  .cab.menu-abierto .nav{flex-direction:column}
  .cab.menu-abierto .nav a{padding:11px 8px;font-size:16px;border-bottom:1px solid var(--hilo);border-radius:0}
  .cab.menu-abierto .busca{display:flex;order:4;flex-basis:100%}
}
@media (max-width:960px){
  .portada .wrap,.combo .wrap,.asesoria .wrap{grid-template-columns:minmax(0,1fr)}
  .portada .wrap{padding-top:48px;gap:48px}
  .portada-foto{max-width:520px}
  .foto{aspect-ratio:16/11}
  .zona{grid-template-columns:minmax(0,1fr)}
  .zona-info{border-right:0;border-bottom:1px solid var(--hilo)}
  .indice{grid-template-columns:minmax(0,1fr)}
  .marcas .wrap{grid-template-columns:minmax(0,1fr);gap:20px}
  .confianza{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conf:nth-child(3){padding-left:0;border-left:0}
  .conf:nth-child(n+3){border-top:1px solid var(--hilo)}
  .pie-grid{grid-template-columns:1fr 1fr}
  .barra ul:first-child li:nth-child(n+2){display:none}
  .cab .btn-wa span{display:none}
  .cab .btn-wa{padding:9px}
  .llamada{left:-6%}
  .ases-foto{margin-left:48px}
  .conversa{margin-right:48px}
}
@media (max-width:700px){
  .wrap{padding-left:16px;padding-right:16px}
  .sec{padding:72px 0}
  .busca{display:none}
  .marca-txt span{display:none}
  .cab .wrap{gap:8px;height:62px}
  .sello{width:38px;height:38px;font-size:12.5px}
  .marca{gap:9px}
  .marca-txt strong{font-size:16.5px}
  .ico{width:38px;height:38px}
  .acciones{gap:0;margin-left:auto}
  .acciones .ico:not([data-abrir="carrito"]):not([data-abrir="cotizacion"]){display:none}
  .cab .btn-wa{padding:8px}
  .barra .wrap{justify-content:space-between}
  .barra ul:first-child{display:none}
  .barra ul:last-child{width:100%;justify-content:space-between;gap:10px}
  .barra ul:last-child li:nth-child(n+4){display:none}
  .titular{font-size:clamp(2.6rem,12vw,3.4rem);max-width:none}
  .bajada{font-size:17px;margin:20px 0 26px}
  .ctas .btn{flex:1 1 auto;justify-content:center}
  .ctas .btn-texto{flex-basis:100%}
  .coordenadas{margin-top:32px}
  .coordenadas{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .coordenadas div{padding-right:0;margin-right:0;border-right:0}
  .coordenadas div:first-child{grid-column:1/-1}
  .coordenadas dd{font-size:12.5px}
  .portada-foto::before{inset:-8px 8px 8px -8px}
  .leyenda ul{grid-template-columns:minmax(0,1fr)}
  .leyenda li,.leyenda li+li{padding:16px 0;border-left:0}
  .leyenda li+li{border-top:1px solid var(--hilo)}
  .carta-txt{display:block}
  .carta-txt .convenciones{margin-top:20px;grid-template-columns:1fr 1fr;column-gap:12px}
  .carta{padding:6px}
  .carta-pie{font-size:10px}
  .sitio{transform:translate(-13px,-50%)}
  .sitio.izq{transform:translate(calc(-100% + 13px),-50%)}
  .sitio-n{width:26px;height:26px;font-size:11px}
  .sitio-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}
  /* En el celular el mapa se encoge: solo quedan los rótulos de los mares, más grandes */
  .carta-svg .grado,.carta-svg .rotulo-pais,.carta-svg .rotulo-ciudad{display:none}
  .carta-svg .rotulo{font-size:21px;letter-spacing:.18em}
  .zona{margin-top:18px}
  .zona-info,.zona-equipo{padding:20px 18px}
  .zona-nombre{font-size:28px}
  .sugeridos{grid-template-columns:minmax(0,1fr)}
  .zona-pie .btn{width:100%;justify-content:center}
  .cat{grid-template-columns:28px 36px minmax(0,1fr) auto;gap:12px;padding:14px 2px}
  .cat-ico{width:36px;height:36px}
  .cat-nombre{font-size:18px}
  .cat-flecha{display:none}
  .marcas li a{font-size:23px}
  .grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grilla.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prod-img{margin:6px 6px 0}
  .prod-cuerpo{padding:12px}
  .prod h3{font-size:14.5px}
  .precio{font-size:22px}
  .prod-btns{grid-template-columns:1fr 1fr}
  .prod-btns .b-wa{display:none}
  .prod-btns button{font-size:13px;padding:9px 4px}
  .stock{font-size:11.5px}
  .combo .wrap{padding-top:72px;padding-bottom:80px;gap:48px}
  .combo-arte{width:min(340px,86%)}
  .llamada{left:-4%;bottom:8%}
  .portada::before{opacity:.35}
  .llamada-txt b{font-size:26px}
  .llamada-linea{width:28px}
  .ases-foto{margin-left:24px}
  .conversa{margin:-70px 24px 0 0}
  .confianza{grid-template-columns:minmax(0,1fr)}
  .conf,.conf+.conf{padding:22px 0;border-left:0}
  .conf+.conf{border-top:1px solid var(--hilo)}
  .pie-grid{grid-template-columns:1fr}
  .chat{right:0;bottom:0;width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}
  .chat-btn{right:14px;bottom:14px;padding:8px}
  .chat-btn .txt{display:none}
  .toast{bottom:84px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .btn:hover{transform:none}
}