/* CambiosPay · Calculadora (Veyra) 2.8
 * Medidas, pesos, radios y sombras tomados de la pantalla «Cambio» de Veyra (su CSS real);
 * color y tipografía de CambiosPay. Iconos: Lucide. Banderas: flag-icons. Logos: archivos de Veyra. */
.cpv{
	--cpv-ink:var(--cp-navy,#011E48);
	--cpv-accent:var(--cp-blue,#0744C1);
	--cpv-muted:#5E6B80;
	--cpv-faint:#8490A3;
	--cpv-line:#E2E8F1;
	--cpv-track:#EAEFF6;
	--cpv-soft:#F4F7FB;
	--cpv-tint:#EEF3FF;
	--cpv-ok:#12804A;
	--cpv-red:#B23F49;
	--cpv-ui:var(--cp-head,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
	--cpv-text:var(--cp-body,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
	container-type:inline-size;
	position:relative;
	width:100%;
	max-width:900px;
	margin-inline:auto;
	font-family:var(--cpv-ui);
	font-size:14px;
	font-weight:600;
	line-height:1.4;
	letter-spacing:0;
	color:var(--cpv-ink);
	text-align:left;
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:transparent;
}
/* Aislamiento frente al tema: los controles parten de cero */
.cpv *,.cpv *::before,.cpv *::after{box-sizing:border-box}
.cpv :where(button,input,a){all:unset;box-sizing:border-box;font-family:inherit}
.cpv :where(button,a){cursor:pointer}
.cpv :where(button:disabled){cursor:default}
.cpv :where(p,h3,h4,dl,dd,dt,ul,li,section,aside,label){margin:0;padding:0;border:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;background:none;list-style:none;max-width:none}
.cpv :where(svg.cpv-i){display:block;flex:none;fill:none;stroke:currentColor;max-width:none}
.cpv [hidden]{display:none!important}
.cpv :where(button,a,input,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--cpv-accent) 38%,transparent);outline-offset:2px}

.cpv-grid{display:grid;gap:10px;max-width:440px;margin-inline:auto}
.cpv-col{min-width:0}

/* Distintivos de procesador: mismo sistema que Veyra (cuadro suave + logo o icono en un color) */
.cpv-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1;background:var(--cpv-tint);color:var(--cpv-accent)}
/* Todos los iconos van incrustados en esta hoja: no dependen de ninguna otra descarga. --i es el icono; si un método no tiene uno propio, hereda la billetera genérica. */
.cpv-mark{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E")}
.cpv-mark::before{content:"";display:block;width:17px;height:17px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.cpv-mark--lg{width:38px;height:38px;border-radius:12px;font-size:17px}
.cpv-mark--lg::before{width:22px;height:22px}
.cpv-mark[data-m="paypal"]{color:#0865B5;background:#EAF3FD;--i:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+UGF5UGFsPC90aXRsZT48cGF0aCBkPSJNMTUuNjA3IDQuNjUzSDguOTQxTDYuNjQ1IDE5LjI1MUgxLjgyTDQuODYyIDBoNy45OTVjMy43NTQgMCA2LjM3NSAyLjI5NCA2LjQ3MyA1LjUxMy0uNjQ4LS40NzgtMi4xMDUtLjg2LTMuNzIyLS44Nm02LjU3IDUuNTQ2YzAgMy40MS0zLjAxIDYuODUzLTYuOTU4IDYuODUzaC0yLjQ5M0wxMS41OTUgMjRINi43NGwxLjg0NS0xMS41MzhoMy41OTJjNC4yMDggMCA3LjM0Ni0zLjYzNCA3LjE1My02Ljk0OWE1LjI0IDUuMjQgMCAwIDEgMi44NDggNC42ODZNOS42NTMgNS41NDZoNi40MDhjLjkwNyAwIDEuOTQyLjIyMiAyLjM2My41NDEtLjE5NSAyLjc0MS0yLjY1NSA1LjQ4My02LjQ0MSA1LjQ4M0g4LjcxNFoiLz48L3N2Zz4=")}
.cpv-mark[data-m="zelle"]{color:#6E2ABC;background:#F1EAFA;--i:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+WmVsbGU8L3RpdGxlPjxwYXRoIGQ9Ik0xMy41NTkgMjRoLTIuODQxYS40ODMuNDgzIDAgMCAxLS40ODMtLjQ4M3YtMi43NjVINS42MzhhLjY2Ny42NjcgMCAwIDEtLjY2Ni0uNjY2di0yLjIzNGEuNjcuNjcgMCAwIDEgLjE0Mi0uNDEybDguMTM5LTEwLjM4MmgtNy4yNWEuNjY3LjY2NyAwIDAgMS0uNjY3LS42NjdWMy45MTRjMC0uMzY3LjI5OS0uNjY2LjY2Ni0uNjY2aDQuMjNWLjQ4M2MwLS4yNjYuMjE3LS40ODMuNDgzLS40ODNoMi44NDFjLjI2NiAwIC40ODMuMjE3LjQ4My40ODN2Mi43NjVoNC4zMjNjLjM2NyAwIC42NjYuMjk5LjY2Ni42NjZ2Mi4xMzdhLjY3LjY3IDAgMCAxLS4xNDEuNDFsLTguMTkgMTAuNDgxaDcuNjY1Yy4zNjcgMCAuNjY2LjI5OS42NjYuNjY2djIuNDc3YS42NjcuNjY3IDAgMCAxLS42NjYuNjY3aC00LjMydjIuNzY1YS40ODMuNDgzIDAgMCAxLS40ODMuNDgzWiIvPjwvc3ZnPg==")}
.cpv-mark[data-m="usdt"]{color:#1C7C62;background:#E9F7F1;--i:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+VGV0aGVyPC90aXRsZT48cGF0aCBkPSJNMTguNzUzOCAxMC41MTc2YzAgLjYyNTEtMi4yMzc5IDEuMTQ4My01LjIzODEgMS4yODEybC4wMDI4LjAwMDdjLS4wODQ4LjAwNjQtLjUyMzMuMDMyNS0xLjUwMTIuMDMyNS0uNzc3OCAwLTEuMzMtLjAyMzMtMS41MjM3LS4wMzI1LTMuMDA1OS0uMTMyMi01LjI0OTUtLjY1NTUtNS4yNDk1LTEuMjgxOXMyLjI0MzYtMS4xNDkgNS4yNDk1LTEuMjgzNHYyLjA0NDJjLjE5NjUuMDE0Mi43NTk0LjA0NzQgMS41MzcyLjA0NzQuOTMzNCAwIDEuNDAwOC0uMDM4OSAxLjQ4NDktLjA0NjZWOS4yMzU2YzIuOTk5NC4xMzM3IDUuMjM4MS42NTcgNS4yMzgxIDEuMjgyem01LjE5LjU0NjZMMTIuMTI0OCAyMi4zODlhLjE4MDMuMTgwMyAwIDAgMS0uMjQ5NiAwTC4wNTYyIDExLjA2MzVhLjE3ODEuMTc4MSAwIDAgMS0uMDM4Mi0uMjA3OWw0LjM3NjItOS4xOTIxYS4xNzY3LjE3NjcgMCAwIDEgLjE2MjYtLjEwMjZoMTQuODg3OGEuMTc2OC4xNzY4IDAgMCAxIC4xNjEyLjEwMzJsNC4zNzYyIDkuMTkyMmEuMTc4Mi4xNzgyIDAgMCAxLS4wMzgyLjIwNzl6bS00LjQ3OC0uNDAzOGMwLS44MDY4LTIuNTUxNS0xLjQ3OTktNS45NDczLTEuNjM2OVY3LjE5NWg0LjE4NlY0LjQwNTVINi4zMDc2VjcuMTk1aDQuMTg1MnYxLjgyODZjLTMuNDAxOC4xNTYyLTUuOTYwMS44My01Ljk2MDEgMS42Mzc2IDAgLjgwNzUgMi41NTgzIDEuNDgwNiA1Ljk2MDEgMS42Mzc2djUuODYxOGgzLjAyNXYtNS44NjM5YzMuMzk0LS4xNTYzIDUuOTQ4LS44Mjk1IDUuOTQ4LTEuNjM2M3oiLz48L3N2Zz4=")}
.cpv-mark[data-m="zinli"]{color:#7647CD;background:#F2EDFC;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3.75a2 2 0 0 1 1.6.8l.45.6a4 4 0 0 0 6.4 0l.45-.6a2 2 0 0 1 1.6-.8H21'/%3E%3Cpath d='M3 7h18'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E")}
.cpv-mark[data-m="wally"]{color:#A9601D;background:#FFF1E8;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E")}
.cpv-mark[data-m="banesco"]{color:#197344;background:#E9F5ED;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7'/%3E%3Cpath d='M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z'/%3E%3Cpath d='M14 18v-7'/%3E%3Cpath d='M18 18v-7'/%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M6 18v-7'/%3E%3C/svg%3E")}
.cpv-mark[data-m="preply"]{color:#89508F;background:#F7EBF9;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E")}
/* Logos de marca (mismos archivos de Veyra): ocupan el 65 % del distintivo */
.cpv-mark:is([data-m="paypal"],[data-m="zelle"],[data-m="usdt"])::before{width:65%;height:65%}
.cpv-mark[data-m="bs"],.cpv-mark[data-m="cop"]{background:#F4F7FB;border-color:rgba(1,30,72,.08)}
.cpv-mark[data-m="bs"]::before,.cpv-mark[data-m="cop"]::before{width:18px;height:18px;border-radius:50%;-webkit-mask:none;mask:none;background:#DCE6EF url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29ucy12ZSIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxkZWZzPgogICAgPGcgaWQ9InZlLWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTM2KSI+CiAgICAgIDxnIGlkPSJ2ZS1jIj4KICAgICAgICA8ZyBpZD0idmUtYiI+CiAgICAgICAgICA8cGF0aCBpZD0idmUtYSIgZmlsbD0iI2ZmZiIgZD0iTTAtNS0xLjUtLjJsMi44Ljl6Ii8+CiAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiN2ZS1hIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEyMCIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiN2ZS1iIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEyMCIgdHJhbnNmb3JtPSJyb3RhdGUoNzIpIi8+CiAgICAgIDwvZz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjdmUtYiIgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxMjAiIHRyYW5zZm9ybT0icm90YXRlKC03MikiLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjdmUtYyIgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxMjAiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4KICAgIDwvZz4KICA8L2RlZnM+CiAgPHBhdGggZmlsbD0iI2NmMTQyYiIgZD0iTTAgMGg1MTJ2NTEySDB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0iTTAgMGg1MTJ2MzQxLjNIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmMwIiBkPSJNMCAwaDUxMnYxNzAuN0gweiIvPgogIDxnIGlkPSJ2ZS1mIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYuMyAzNTguNClzY2FsZSg0LjI2NSkiPgogICAgPGcgaWQ9InZlLWUiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiN2ZS1kIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEyMCIgdHJhbnNmb3JtPSJyb3RhdGUoMTApIi8+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ZlLWQiIHdpZHRoPSIxODAiIGhlaWdodD0iMTIwIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCkiLz4KICAgIDwvZz4KICAgIDx1c2UgeGxpbms6aHJlZj0iI3ZlLWUiIHdpZHRoPSIxODAiIGhlaWdodD0iMTIwIiB0cmFuc2Zvcm09InJvdGF0ZSg0MCkiLz4KICA8L2c+CiAgPHVzZSB4bGluazpocmVmPSIjdmUtZiIgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxMjAiIHRyYW5zZm9ybT0icm90YXRlKC04MCAyNTYuMyAzNTguNCkiLz4KPC9zdmc+Cg==") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(1,30,72,.10)}
.cpv-mark[data-m="cop"]::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWNvIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZlODAwIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDE0OGUiIGQ9Ik0wIDI1Nmg1MTJ2MjU2SDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZGEwMDEwIiBkPSJNMCAzODRoNTEydjEyOEgweiIvPgogIDwvZz4KPC9zdmc+Cg==")}
.cpv-mark--lg[data-m="bs"]::before,.cpv-mark--lg[data-m="cop"]::before{width:24px;height:24px}

/* Atajos (opcionales) */
.cpv-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cpv-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px 0 6px;border:1px solid var(--cpv-line);border-radius:12px;background:#fff;font-size:13px;color:var(--cpv-ink);white-space:nowrap}
.cpv-chip .cpv-mark{width:24px;height:24px}
.cpv-chip .cpv-mark::before{width:14px;height:14px}
.cpv-chip svg{color:var(--cpv-faint)}
.cpv-chip[aria-pressed="true"]{border-color:var(--cpv-accent);background:var(--cpv-tint)}

/* Enviar / Recibir */
.cpv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:46px;padding:4px;border-radius:13px;background:var(--cpv-track)}
.cpv-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 5px;border-radius:10px;font-size:14px;color:var(--cpv-muted);transition:background .2s,color .2s}
.cpv-tab[aria-pressed="true"]{color:#fff;background:var(--cpv-ink);box-shadow:0 2px 5px rgba(1,30,72,.10)}
.cpv-tab:not([aria-pressed="true"]):hover{color:var(--cpv-ink)}
.cpv-sub,.cpv-split__mode{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:10px;font-size:13px;color:var(--cpv-muted)}
.cpv-sub label,.cpv-split__mode label{display:inline-flex;align-items:center;gap:7px;min-height:36px;cursor:pointer}
.cpv-sub input,.cpv-split__mode input{display:inline-block;flex:none;width:16px;height:16px;border:1.5px solid #B4C0D0;border-radius:50%;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.cpv-sub input:checked,.cpv-split__mode input:checked{border-color:var(--cpv-accent);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px var(--cpv-accent)}
.cpv-sub input:checked+span,.cpv-split__mode input:checked+span{color:var(--cpv-accent)}

/* Tarjeta de conversión */
.cpv-surface{margin-top:16px;padding:13px 16px 10px;border:1px solid color-mix(in srgb,var(--cpv-accent) 14%,var(--cpv-line));border-radius:24px;background:linear-gradient(155deg,#fff 0%,color-mix(in srgb,var(--cpv-accent) 3.5%,#fff) 100%);box-shadow:0 12px 32px rgba(1,30,72,.07),inset 0 1px 0 rgba(255,255,255,.65);transition:border-color .16s,box-shadow .16s}
.cpv-surface:focus-within{border-color:color-mix(in srgb,var(--cpv-accent) 45%,var(--cpv-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--cpv-accent) 8%,transparent)}
.cpv-row{display:block}
.cpv-row__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.cpv-label{min-width:0;font-size:14px;line-height:1.4;color:var(--cpv-muted)}
.cpv-pick{position:relative;display:inline-flex;flex:none;align-items:center;gap:6px;min-height:44px;padding:4px 0;border-radius:8px;font-size:14px;line-height:1.3;letter-spacing:-.01em;color:var(--cpv-ink)}
.cpv-pick>svg{color:var(--cpv-muted)}
.cpv-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpv-row__amount{display:flex;align-items:baseline;gap:10px;min-height:64px;margin-top:2px;border-bottom:2px solid transparent;container-type:inline-size;transition:border-color .16s}
.cpv-row.is-editing .cpv-row__amount{border-bottom-color:var(--cpv-accent)}
.cpv.has-error .cpv-row.is-editing .cpv-row__amount{border-bottom-color:var(--cpv-red)}
.cpv .cpv-input{display:block;flex:1;min-width:0;width:100%;height:62px;color:var(--cpv-ink);font-family:var(--cpv-ui);font-size:clamp(2rem,14cqw,3rem);font-weight:600;line-height:1.25;letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-align:left;cursor:text}
.cpv .cpv-input.is-long{font-size:clamp(1.1rem,9cqw,2.2rem)}
.cpv .cpv-input::placeholder{color:#A9B4C6;opacity:1}
.cpv .cpv-input:focus-visible{outline:0}
.cpv-row[data-lado="destino"] .cpv-input[readonly]{cursor:copy;caret-color:transparent;-webkit-user-select:none;user-select:none}
.cpv-unit{flex:none;font-size:14px;font-weight:600;color:var(--cpv-faint)}
.cpv-divider{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;margin:8px 0 4px;color:var(--cpv-accent)}
.cpv-divider::before,.cpv-divider::after{content:"";flex:1;height:1px;background:var(--cpv-line)}
.cpv-divider span{display:inline-flex;padding:6px;border:1px solid var(--cpv-line);border-radius:50%;background:#fff}
.cpv-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:33px;padding-top:10px}
.cpv-meta>div{flex:1;min-width:0}
.cpv-rate{font-size:13px;line-height:1.5;color:var(--cpv-muted);font-variant-numeric:tabular-nums}
.cpv-note{display:block;margin-top:3px;font-family:var(--cpv-text);font-size:12px;font-weight:400;line-height:1.5;color:var(--cpv-faint)}
.cpv-note:empty{display:none}
.cpv-note.is-ok{font-family:var(--cpv-ui);font-weight:600;color:var(--cpv-ok)}
.cpv-icon{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:29px;height:29px;margin-right:-6px;border-radius:8px;color:var(--cpv-muted);transition:color .15s,background .15s}
.cpv-icon::after{content:"";position:absolute;inset:-8px}
.cpv-icon:hover{color:var(--cpv-accent);background:var(--cpv-soft)}
.cpv-icon.is-ok{color:var(--cpv-ok)}
.cpv-icon--sm{width:26px;height:28px;margin:0}
.cpv-icon.is-busy svg{animation:cpv-spin .8s linear infinite}
@keyframes cpv-spin{to{transform:rotate(360deg)}}

/* Neto en origen, Preply y división */
.cpv-netsum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 0 2px;font-size:13px;color:var(--cpv-muted)}
.cpv-netsum strong{font-size:15px;font-weight:600;color:var(--cpv-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.cpv-policy{margin:4px 0 9px;font-family:var(--cpv-text);font-size:12px;font-weight:400;color:var(--cpv-faint)}
.cpv-split{margin-top:10px;padding:9px 12px;border-radius:13px;background:color-mix(in srgb,var(--cpv-accent) 6%,#fff)}
.cpv-split__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;font-size:13px}
.cpv-split__head span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.cpv-split__mode{justify-content:flex-start;margin-top:2px}
.cpv-split__label{display:block;margin-top:6px;font-size:13px;color:var(--cpv-muted)}
.cpv-split__amount{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--cpv-accent) 16%,transparent)}
.cpv .cpv-split__input{display:block;flex:1;min-width:0;width:100%;height:40px;color:var(--cpv-ink);font-size:1.55rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;cursor:text}
.cpv .cpv-split__input::placeholder{color:#A9B4C6;opacity:1}
.cpv .cpv-split__input:focus-visible{outline:0}
.cpv-split__unit{font-size:13px;color:var(--cpv-faint)}
.cpv-split__rest{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--cpv-muted)}
.cpv-second{display:block;margin-top:8px;padding:13px 0 4px;border-top:1px solid var(--cpv-line)}
.cpv-second__label{font-size:14px;color:var(--cpv-muted)}
.cpv-second strong{font-size:1.55rem;font-weight:600;letter-spacing:-.03em;color:var(--cpv-accent);font-variant-numeric:tabular-nums}
.cpv-second small{font-size:13px;color:var(--cpv-faint)}
.cpv-text{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 2px;font-size:13px;color:var(--cpv-accent);white-space:nowrap}
.cpv-text:hover{text-decoration:underline}
.cpv-text--center{display:flex;justify-content:center;width:100%;min-height:44px;margin-top:2px}

/* Avisos */
.cpv-error{display:block;margin-top:10px;padding:0 3px;font-size:13px;color:var(--cpv-red)}
.cpv-hint{display:block;margin-top:10px;padding:9px 12px;border-radius:13px;background:#FFF6DB;font-family:var(--cpv-text);font-size:13px;font-weight:400;line-height:1.45;color:var(--cpv-ink)}

/* Botón principal: forma y composición de Veyra, color de CambiosPay */
/* Acciones: «Ver cálculo» (secundaria, 40 %) y «Cambiar ahora» por WhatsApp (principal, 60 %). Se apilan solo si no caben. */
.cpv-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.cpv-main,.cpv a.cpv-wa{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:12px 14px;border-radius:15px;font-size:15px;line-height:1.25;letter-spacing:-.01em;text-align:center;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}
.cpv-main{flex:2 1 128px;border:1px solid #CFDAE8;background:#fff;color:var(--cpv-ink)}
.cpv-main svg{color:var(--cpv-accent)}
.cpv-main:not(:disabled):hover{border-color:#AFC2DB;background:#F7FAFE}
.cpv-main:not(:disabled):active,.cpv a.cpv-wa:active{transform:translateY(1px)}
.cpv-main:disabled{border-color:#DCE4EF;background:#fff;color:#55627A}
.cpv-main:disabled svg{color:#9AA7BA}
.cpv a.cpv-wa{flex:3 1 168px;background:var(--cpv-accent);color:#fff;box-shadow:0 9px 22px rgba(7,68,193,.21);text-decoration:none}
.cpv a.cpv-wa:hover{background:#0638A0;color:#fff}
.cpv a.cpv-wa svg{flex:none}
.cpv a.cpv-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;padding:13px 18px;border-radius:15px;background:var(--cpv-accent);color:#fff;font-size:15px;letter-spacing:-.01em;box-shadow:0 9px 22px color-mix(in srgb,var(--cpv-accent) 22%,transparent);transition:background .15s}
.cpv a.cpv-cta:hover{background:#0638A0;color:#fff}
.cpv-links{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;margin-top:4px}
.cpv-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:3px 0;font-size:13px;color:var(--cpv-muted)}
.cpv-link:not(:disabled):hover,.cpv-link[aria-expanded="true"]{color:var(--cpv-accent)}
.cpv-link:disabled{opacity:.45}
.cpv-link:not([hidden])~.cpv-link:not([hidden])::before{content:"";width:1px;height:13px;margin-right:4px;background:var(--cpv-line)}
.cpv-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 2px;min-height:26px;margin-top:2px;font-family:var(--cpv-text);font-size:12px;font-weight:400;color:var(--cpv-faint);text-align:center}
.cpv-foot .cpv-text{min-height:32px;margin-left:6px;font-family:var(--cpv-ui);font-size:12.5px}

/* Desglose */
.cpv-aside{display:grid;gap:12px;min-width:0}
.cpv-aside>:empty,.cpv-break.is-closed,.cpv-ratesbox{display:none}
.cpv-break{padding:6px 16px 10px;border:1px solid var(--cpv-line);border-radius:18px;background:#fff}
.cpv-break h4.cpv-break__title{display:none}
.cpv-break section+section,.cpv-ticket__body section+section{margin-top:6px;padding-top:4px;border-top:1px solid var(--cpv-line)}
.cpv-break h4,.cpv-ticket__body h4{display:block;margin:8px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cpv-faint)}
.cpv-break dl,.cpv-ticket__body dl{display:block}
.cpv-break dl div,.cpv-ticket__body dl div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;font-size:13.5px}
.cpv-break dt,.cpv-ticket__body dt{font-weight:600;color:var(--cpv-muted)}
.cpv-break dd,.cpv-ticket__body dd{text-align:right;color:var(--cpv-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.cpv-break .is-total,.cpv-ticket__body .is-total{margin-top:3px;padding-top:9px;border-top:1px solid var(--cpv-line)}
.cpv-break .is-total dt,.cpv-ticket__body .is-total dt{color:var(--cpv-ink)}
.cpv-break .is-total dd,.cpv-ticket__body .is-total dd{font-size:15px;color:var(--cpv-accent)}
/* Pie del desglose: hora de la tasa, acceso a las tasas y aviso */
.cpv-break__foot{margin-top:8px;padding-top:6px;border-top:1px solid var(--cpv-line)}
.cpv-break__foot .cpv-foot{justify-content:flex-start;gap:0 4px;margin-top:0;text-align:left}
.cpv-break__foot .cpv-foot .cpv-text{margin-left:auto}
.cpv-aviso{display:block;margin:2px 0 4px;font-family:var(--cpv-text);font-size:12px;font-weight:400;line-height:1.5;color:var(--cpv-faint)}
.cpv-break__empty{display:block;padding:10px 0 6px;font-family:var(--cpv-text);font-size:13px;font-weight:400;line-height:1.5;color:var(--cpv-faint)}

.cpv-toast,.cpv-dlg__toast{position:fixed;left:50%;bottom:24px;z-index:2147483000;transform:translateX(-50%);max-width:min(92vw,420px);padding:10px 16px;border-radius:12px;background:var(--cpv-ink);color:#fff;font-size:13px;text-align:center;box-shadow:0 10px 30px rgba(1,30,72,.3)}
.cpv-tasa{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Hojas (móvil) y ventanas (escritorio) */
.cpv-dlg{width:100%;max-width:440px;max-height:none;margin:auto auto 0;padding:0;border:0;background:transparent;color:var(--cpv-ink);font:600 14px/1.4 var(--cpv-ui);overflow:visible}
.cpv-dlg::backdrop{background:rgba(1,30,72,.5)}
.cpv-dlg[open]{animation:cpv-up .22s ease}
@keyframes cpv-up{from{transform:translateY(24px);opacity:0}}
.cpv-dlg__box{display:flex;flex-direction:column;max-height:min(88vh,88dvh);border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -10px 40px rgba(1,30,72,.25);overflow:hidden}
.cpv-dlg__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 8px}
.cpv-dlg__head h3{display:block;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--cpv-ink)}
.cpv-dlg__head p{display:block;margin-top:3px;font-family:var(--cpv-text);font-size:13px;font-weight:400;color:var(--cpv-muted)}
.cpv-dlg__x{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--cpv-soft);color:var(--cpv-ink)}
.cpv-dlg__body{display:block;padding:4px 16px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
.cpv-options{display:grid;gap:2px}
.cpv-option{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 10px;border:1px solid transparent;border-radius:14px;text-align:left;color:var(--cpv-ink);transition:background .15s}
.cpv-option:hover{background:var(--cpv-soft)}
.cpv-option[aria-checked="true"]{background:var(--cpv-tint);border-color:color-mix(in srgb,var(--cpv-accent) 18%,transparent)}
.cpv-option__t{display:grid;flex:1;min-width:0}
.cpv-option__t strong{font-size:15px;font-weight:600}
.cpv-option__t small{font-family:var(--cpv-text);font-size:12px;font-weight:400;color:var(--cpv-muted)}
.cpv-option__c{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px solid #B4C0D0;border-radius:50%;color:transparent}
.cpv-option[aria-checked="true"] .cpv-option__c{border-color:var(--cpv-accent);background:var(--cpv-accent);color:#fff}
.cpv-ticket{display:block;padding:14px;border:1px solid var(--cpv-line);border-radius:18px;background:var(--cpv-soft)}
.cpv-ticket__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cpv-ticket__top strong{font-size:18px;font-weight:700;letter-spacing:-.01em}
.cpv-ticket__top span{font-size:12px;color:var(--cpv-muted)}
.cpv-ticket__route{display:block;margin-top:3px;font-size:13.5px;color:var(--cpv-accent)}
.cpv-ticket__body{display:block;margin-top:10px;padding:4px 14px 10px;border-radius:14px;background:#fff}
.cpv-ticket__meta,.cpv-ticket__note{display:block;margin-top:10px;font-family:var(--cpv-text);font-size:12px;font-weight:400;line-height:1.5;color:var(--cpv-muted)}
.cpv-ticket__note{margin-top:4px}
.cpv-share{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.cpv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 10px;border-radius:13px;font-size:13.5px}
.cpv-btn--soft{background:var(--cpv-tint);color:var(--cpv-accent)}
.cpv-btn--soft:hover{background:#E2EBFF}
.cpv a.cpv-btn--ghost{display:flex;min-height:48px;border:1px solid var(--cpv-line);background:#fff;color:var(--cpv-ink)}
.cpv a.cpv-btn--ghost:hover{background:var(--cpv-soft)}
.cpv-btn--wide{display:flex;width:100%;margin-top:12px}
.cpv-dlg__cta{display:grid;gap:8px;margin-top:4px}
.cpv-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;padding:4px;border-radius:13px;background:var(--cpv-track)}
.cpv-seg button{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;font-size:13.5px;color:var(--cpv-muted)}
.cpv-seg button[aria-pressed="true"]{background:#fff;color:var(--cpv-ink);box-shadow:0 2px 5px rgba(1,30,72,.08)}
.cpv-ratelist{display:block}
.cpv-ratelist li{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 2px;border-bottom:1px solid var(--cpv-line)}
.cpv-ratelist li:last-child{border-bottom:0}
.cpv-ratelist__v{flex:none;text-align:right;font-size:15px;font-variant-numeric:tabular-nums}
html:has(dialog.cpv-dlg[open]){overflow:hidden}

/* Escritorio: la calculadora conserva su ancho y el desglose y las tasas quedan siempre a la vista, al lado */
@container (min-width:820px){
	.cpv-grid{grid-template-columns:440px minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 28px;max-width:none;align-items:start}
	.cpv-aside{grid-column:2;grid-row:1 / span 2;padding-top:62px}
	.cpv-foot{grid-column:1;justify-content:flex-start;padding-inline:2px}
	.cpv-break,.cpv-break.is-closed,.cpv-ratesbox{display:block}
	.cpv-break{padding:10px 20px 14px;border-radius:24px}
	.cpv-break h4.cpv-break__title{display:flex;align-items:center;min-height:40px;margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--cpv-ink)}
	.cpv-break__title+section h4{margin-top:0}
	.cpv-ratesbox{padding:10px 20px 8px;border:1px solid var(--cpv-line);border-radius:24px;background:#fff}
	.cpv-ratesbox__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;font-size:15px;letter-spacing:-.01em}
	.cpv-ratesbox .cpv-ratelist li{min-height:44px;padding:5px 0}
	.cpv-ratesbox .cpv-option__t strong{font-size:14px}
	.cpv-ratesbox .cpv-ratelist__v{font-size:14px}
	.cpv-ratesbox li.is-current .cpv-ratelist__v{color:var(--cpv-accent)}
	.cpv-link[data-act="break"],.cpv-foot [data-act="rates"]{display:none}
	.cpv-link[data-act="break"]~.cpv-link::before{content:none!important}
}
@media (min-width:600px){
	.cpv-dlg{margin:auto}
	.cpv-dlg__box{border-radius:24px;box-shadow:0 30px 80px rgba(1,30,72,.35)}
}
@media (max-width:360px){
	.cpv-surface{padding:10px 13px 8px;border-radius:18px}
	.cpv-label,.cpv-pick{font-size:13px}
	.cpv-share{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	.cpv *,.cpv-dlg[open]{transition:none!important;animation:none!important}
}

/* Entorno inmediato en la página de la calculadora: sin solaparse con la cabecera, sobre el fondo suave del sitio */
.cp-hero:has(+.cp-calcwrap .cpv){padding-top:clamp(28px,4vw,56px)!important;padding-bottom:calc(clamp(12px,2vw,24px) + var(--cp-wave,48px))!important}
.cp-calcwrap:has(.cpv){margin-top:0!important;padding-top:clamp(16px,2.5vw,28px)!important;padding-bottom:clamp(28px,4vw,48px)!important;background:var(--cp-soft,#F3F7FB)}
.cp-calcwrap:has(.cpv) .cp-note{max-width:440px;margin-inline:auto}

/* Entrada de la página de la calculadora: una sola sección continua con el tratamiento de las cabeceras del sitio
 * (degradado «hero» y haces de luz del tema). El azul acompaña al texto y a la calculadora y termina en una diagonal
 * bajo la tarjeta; el botón y las acciones quedan sobre el fondo suave. La diagonal va anclada al botón, así que
 * sigue a la tarjeta cuando crece (envío dividido, avisos). */
.cp-calctop{position:relative;isolation:isolate;overflow:hidden;margin-top:0!important;padding-top:20px!important;padding-bottom:26px!important;--cp-corte:34px;background:
	linear-gradient(118deg,transparent 0 52%,rgba(255,255,255,.055) 52% 64%,transparent 64%),
	linear-gradient(118deg,transparent 0 66%,rgba(255,255,255,.04) 66% 80%,transparent 80%),
	var(--wp--preset--gradient--hero,linear-gradient(180deg,#121661 0%,#1E5FB8 55%,#1F9ADB 100%))}
.cp-calctop__grid{display:grid;gap:14px;max-width:440px;margin-inline:auto!important}
.cp-calctop__grid>*,.cp-calctop__intro>*{margin-block:0!important;min-width:0}
.cp-calctop__intro,.cp-calctop .cp-veyra{position:relative;z-index:1}
.cp-calctop__intro{padding-bottom:6px;text-align:center}
.cp-calctop h1{max-width:11.5em;margin-inline:auto!important;font-size:clamp(26px,7vw,29px)!important;line-height:1.12!important;letter-spacing:-.02em;text-wrap:balance}
.cp-calctop h1,.cp-calctop h1 mark{background-color:transparent!important;color:#fff!important}
.cp-calctop .cp-lead{max-width:30ch;margin:6px auto 0!important;font-size:15px!important;line-height:1.4!important;color:rgba(255,255,255,.92)}
.cp-calctop .cp-lead--larga,.cp-calctop .cp-note{display:none}
/* Fondo suave desde la diagonal hacia abajo */
.cp-calctop .cpv-actions{position:relative}
.cp-calctop .cpv-actions::before{content:"";position:absolute;z-index:-1;left:-100vw;width:300vw;top:calc(var(--cp-corte) * -1.5 - 4px);height:6000px;background:var(--cp-soft,#F3F7FB);clip-path:polygon(0 calc(var(--cp-corte) * 3),100% 0,100% 100%,0 100%);pointer-events:none}
/* Lo que queda fuera de la tarjeta, sobre el azul */
.cp-calctop .cpv-tabs{background:rgba(255,255,255,.93)}
.cp-calctop .cpv-sub{color:rgba(255,255,255,.88)}
.cp-calctop .cpv-sub input:checked+span{color:#fff}
.cp-calctop .cpv-error{margin-bottom:8px;padding:8px 12px;border-radius:12px;background:#fff}
.cp-calctop .cpv-hint{margin-bottom:8px}

/* Distintivo de Veyra Convert: mismo tamaño en móvil y escritorio */
.cp-veyra{margin-top:-8px!important;line-height:0;text-align:center}
.cp-veyra__badge{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 15px 0 10px;border:1px solid rgba(1,30,72,.12);border-radius:11px;background:#fff;color:var(--cp-navy,#011E48)!important;text-decoration:none!important;font-family:var(--cp-head,inherit);transition:background .15s}
.cp-veyra__badge:hover{background:#EEF4FC}
.cp-veyra__badge:focus-visible{outline:3px solid rgba(7,68,193,.5);outline-offset:3px}
.cp-veyra__logo{display:block;flex:none;width:26px;height:26px}
.cp-veyra__t{display:grid;gap:1px;text-align:left}
.cp-veyra__t small{font-size:10.5px;font-weight:600;line-height:1.1;letter-spacing:.03em;color:var(--cp-muted,#5B6475)}
.cp-veyra__t strong{font-size:14.5px;font-weight:600;line-height:1.15;letter-spacing:-.005em;color:var(--cp-navy,#011E48)}

@media (min-width:960px){
	.cp-calctop{padding-top:clamp(36px,4.4vw,64px)!important;padding-bottom:clamp(36px,4vw,56px)!important;--cp-corte:clamp(90px,8vw,120px)}
	.cp-calctop__grid{max-width:none;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto auto 1fr;column-gap:clamp(36px,5vw,72px);row-gap:0;align-items:start}
	.cp-calctop__intro{grid-column:1;grid-row:1;padding:74px 0 0;text-align:left}
	.cp-calctop .cpv{grid-column:2;grid-row:1/4;width:100%}
	.cp-veyra{grid-column:1;grid-row:2;margin-top:28px!important;text-align:left}
	.cp-veyra__badge{border-color:transparent}
	.cp-veyra__badge:focus-visible{outline-color:#fff}
	.cp-calctop h1{max-width:none;margin-inline:0!important;font-size:clamp(36px,3.6vw,50px)!important;line-height:1.06!important}
	.cp-calctop .cp-lead--corta{display:none}
	.cp-calctop .cp-lead--larga{display:block;max-width:34ch;margin:18px 0 0!important;font-size:19px!important;line-height:1.5!important}
}


/* Microajuste 2026-11-11: acciones iguales y marca WhatsApp sin doble contorno. */
.cpv-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.cpv-actions .cpv-main,.cpv .cpv-actions a.cpv-wa{width:100%;min-width:0;min-height:52px;box-sizing:border-box}
.cpv svg.cpv-i--wa{fill:currentColor;stroke:none}
@container (max-width:340px){.cpv-actions{grid-template-columns:1fr}}