https://urcity.com/es/tools/Recent content in Herramientas de Reubicación Gratuitas on URCity — Encuentra tu ciudad. Conoce el costo realHugoes-ESSun, 28 Jun 2026 00:00:00 +0000https://urcity.com/es/tools/cost-of-living-calculator/Sun, 28 Jun 2026 00:00:00 +0000https://urcity.com/es/tools/cost-of-living-calculator/<h2 id="calculadora-de-costo-de-vida">Calculadora de Costo de Vida</h2> <p>Compara el costo de vida entre dos ciudades para ver cuánto ahorrarás o gastarás.</p> <div class="calculator-widget" id="col-calc"> <div class="calc-header"> <div class="calc-icon blue"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="12" y1="1" x2="12" y2="23"/> <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/> </svg> </div> <div class="calc-title-group"> <h3>Comparación de Costo de Vida</h3> <p class="calc-subtitle">Compara dos ciudades lado a lado</p> </div> </div> <div class="calc-inputs-row"> <div class="calc-field"> <label for="col-city-a"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> Ciudad A </label> <select id="col-city-a"> <option value="akron-oh" data-col="88.5" data-housing="68.5" data-name="Akron">Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-housing="88.2" data-name="Albuquerque">Albuquerque, NM</option> <option value="amsterdam-nl" data-col="82.1" data-housing="135" data-name="Amsterdam">Amsterdam, NH</option> <option value="anaheim-ca" data-col="148.5" data-housing="212.4" data-name="Anaheim">Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-housing="128.4" data-name="Anchorage">Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-housing="118.2" data-name="Ann Arbor">Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-housing="108.5" data-name="Asheville">Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-housing="118.3" data-name="Atlanta">Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-housing="78.5" data-name="Augusta">Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-housing="118.2" data-name="Aurora">Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-housing="159.2" data-name="Austin">Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-housing="98.4" data-name="Bakersfield">Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-housing="112.5" data-name="Baltimore">Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-housing="88.5" data-name="Baton Rouge">Baton Rouge, LA</option> <option value="belfast-gb" data-col="84.1" data-housing="80.5" data-name="Belfast">Belfast, NIR</option> <option value="bellingham-wa" data-col="115.2" data-housing="132.5" data-name="Bellingham">Bellingham, WA</option> <option value="bend-or" data-col="118.5" data-housing="142.5" data-name="Bend">Bend, OR</option> <option value="billings-mt" data-col="96.5" data-housing="92.5" data-name="Billings">Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-housing="78.5" data-name="Birmingham">Birmingham, AL</option> <option value="birmingham-gb" data-col="92.3" data-housing="94.7" data-name="Birmingham">Birmingham, ENG</option> <option value="boise-id" data-col="102.5" data-housing="112.5" data-name="Boise">Boise, ID</option> <option value="boston-ma" data-col="153.2" data-housing="231.5" data-name="Boston">Boston, MA</option> <option value="boulder-co" data-col="148.5" data-housing="228.4" data-name="Boulder">Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-housing="128.4" data-name="Bridgeport">Bridgeport, CT</option> <option value="bristol-gb" data-col="102.1" data-housing="108.5" data-name="Bristol">Bristol, ENG</option> <option value="buffalo-ny" data-col="92.5" data-housing="72.5" data-name="Buffalo">Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-housing="128.4" data-name="Burlington">Burlington, VT</option> <option value="calgary-ca" data-col="105.7" data-housing="108.2" data-name="Calgary">Calgary, AB</option> <option value="cardiff-gb" data-col="89.2" data-housing="88.7" data-name="Cardiff">Cardiff, WLS</option> <option value="chandler-az" data-col="108.5" data-housing="118.2" data-name="Chandler">Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-housing="118.2" data-name="Charleston">Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-housing="96.8" data-name="Charlotte">Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-housing="82.5" data-name="Chattanooga">Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-housing="105.2" data-name="Chesapeake">Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-housing="92.5" data-name="Cheyenne">Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-housing="132.5" data-name="Chicago">Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-housing="188.4" data-name="Chula Vista">Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-housing="82.5" data-name="Cincinnati">Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-housing="72.5" data-name="Cleveland">Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-housing="118.5" data-name="Colorado Springs">Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-housing="88.5" data-name="Columbia">Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-housing="84.5" data-name="Columbus">Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-housing="88.4" data-name="Corpus Christi">Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-housing="108.5" data-name="Dallas">Dallas, TX</option> <option value="delft-nl" data-col="75" data-housing="105" data-name="Delft">Delft, ZH</option> <option value="denver-co" data-col="128.5" data-housing="168.3" data-name="Denver">Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-housing="82.5" data-name="Des Moines">Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-housing="68.4" data-name="Detroit">Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-housing="95.2" data-name="Durham">Durham, NC</option> <option value="edinburgh-gb" data-col="105.8" data-housing="112.6" data-name="Edinburgh">Edinburgh, SCT</option> <option value="edmonton-ca" data-col="97.4" data-housing="96.8" data-name="Edmonton">Edmonton, AB</option> <option value="eindhoven-nl" data-col="74.5" data-housing="98" data-name="Eindhoven">Eindhoven, NB</option> <option value="el-paso-tx" data-col="88.5" data-housing="76.8" data-name="El Paso">El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-housing="158.4" data-name="Elk Grove">Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-housing="108.5" data-name="Eugene">Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-housing="82.5" data-name="Fargo">Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-housing="78.5" data-name="Fayetteville">Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-housing="72.5" data-name="Fort Wayne">Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-housing="95.2" data-name="Fort Worth">Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-housing="268.4" data-name="Fremont">Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-housing="98.5" data-name="Fresno">Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-housing="92.4" data-name="Garland">Garland, TX</option> <option value="glasgow-gb" data-col="88.4" data-housing="86.2" data-name="Glasgow">Glasgow, SCT</option> <option value="glendale-az" data-col="98.5" data-housing="95.2" data-name="Glendale">Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-housing="88.5" data-name="Grand Rapids">Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-housing="82.5" data-name="Greensboro">Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-housing="92.5" data-name="Greenville">Greenville, SC</option> <option value="groningen-nl" data-col="71" data-housing="85" data-name="Groningen">Groningen, GR</option> <option value="halifax-ca" data-col="93.5" data-housing="91.3" data-name="Halifax">Halifax, NS</option> <option value="henderson-nv" data-col="108.5" data-housing="118.2" data-name="Henderson">Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-housing="112.5" data-name="Hialeah">Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-housing="284.5" data-name="Honolulu">Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-housing="91.2" data-name="Houston">Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-housing="88.5" data-name="Huntsville">Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-housing="82.4" data-name="Indianapolis">Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-housing="228.4" data-name="Irvine">Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-housing="102.4" data-name="Irving">Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-housing="72.5" data-name="Jackson">Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-housing="92.4" data-name="Jacksonville">Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-housing="188.4" data-name="Jersey City">Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-housing="78.5" data-name="Kansas City">Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-housing="85.4" data-name="Kansas City">Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-housing="228.4" data-name="Key West">Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-housing="82.5" data-name="Knoxville">Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-housing="78.4" data-name="Laredo">Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-housing="108.2" data-name="Las Vegas">Las Vegas, NV</option> <option value="leeds-gb" data-col="91.7" data-housing="93.1" data-name="Leeds">Leeds, ENG</option> <option value="leiden-nl" data-col="76" data-housing="110" data-name="Leiden">Leiden, ZH</option> <option value="lexington-ky" data-col="94.2" data-housing="88.5" data-name="Lexington">Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-housing="85.2" data-name="Lincoln">Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-housing="78.5" data-name="Little Rock">Little Rock, AR</option> <option value="liverpool-gb" data-col="86.5" data-housing="84.3" data-name="Liverpool">Liverpool, ENG</option> <option value="london-gb" data-col="135.2" data-housing="168.4" data-name="London">London, ENG</option> <option value="long-beach-ca" data-col="142.5" data-housing="198.5" data-name="Long Beach">Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-housing="261.4" data-name="Los Angeles">Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-housing="82.1" data-name="Louisville">Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-housing="76.8" data-name="Lubbock">Lubbock, TX</option> <option value="maastricht-nl" data-col="74" data-housing="92" data-name="Maastricht">Maastricht, LI</option> <option value="madison-wi" data-col="104.2" data-housing="112.5" data-name="Madison">Madison, WI</option> <option value="manchester-gb" data-col="98.5" data-housing="102.3" data-name="Manchester">Manchester, ENG</option> <option value="manchester-nh" data-col="108.5" data-housing="118.2" data-name="Manchester">Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-housing="74.2" data-name="Memphis">Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-housing="108.4" data-name="Mesa">Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-housing="198.3" data-name="Miami">Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-housing="86.4" data-name="Milwaukee">Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-housing="118.2" data-name="Minneapolis">Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-housing="78.5" data-name="Mobile">Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-housing="102.4" data-name="Modesto">Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-housing="78.5" data-name="Montgomery">Montgomery, AL</option> <option value="montreal-ca" data-col="98.3" data-housing="101.5" data-name="Montreal">Montreal, QC</option> <option value="myrtle-beach-sc" data-col="96.5" data-housing="88.5" data-name="Myrtle Beach">Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-housing="105.2" data-name="Nashville">Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-housing="95.2" data-name="New Orleans">New Orleans, LA</option> <option value="nyc" data-col="187.2" data-housing="294.7" data-name="New York City">New York City, NY</option> <option value="newark-nj" data-col="118.5" data-housing="128.4" data-name="Newark">Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-housing="92.4" data-name="Norfolk">Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-housing="218.5" data-name="Oakland">Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-housing="78.5" data-name="Oklahoma City">Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-housing="82.8" data-name="Omaha">Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-housing="95.2" data-name="Orlando">Orlando, FL</option> <option value="ottawa-ca" data-col="101.2" data-housing="104.8" data-name="Ottawa">Ottawa, ON</option> <option value="oxnard-ca" data-col="138.5" data-housing="188.4" data-name="Oxnard">Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-housing="118.3" data-name="Philadelphia">Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-housing="124.6" data-name="Phoenix">Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-housing="78.5" data-name="Pittsburgh">Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-housing="118.2" data-name="Plano">Plano, TX</option> <option value="portland-me" data-col="112.5" data-housing="128.4" data-name="Portland">Portland, ME</option> <option value="portland-or" data-col="118.2" data-housing="142.5" data-name="Portland">Portland, OR</option> <option value="providence-ri" data-col="118.5" data-housing="128.4" data-name="Providence">Providence, RI</option> <option value="quebec-city-ca" data-col="87.2" data-housing="79.6" data-name="Quebec City">Quebec City, QC</option> <option value="raleigh-nc" data-col="102.4" data-housing="108.5" data-name="Raleigh">Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-housing="118.2" data-name="Reno">Reno, NV</option> <option value="richmond-va" data-col="98.5" data-housing="92.4" data-name="Richmond">Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-housing="142.5" data-name="Riverside">Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-housing="72.5" data-name="Rochester">Rochester, NY</option> <option value="rotterdam-nl" data-col="78.9" data-housing="115" data-name="Rotterdam">Rotterdam, ZH</option> <option value="sacramento-ca" data-col="118.5" data-housing="138.5" data-name="Sacramento">Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-housing="108.5" data-name="Saint Paul">Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-housing="98.5" data-name="Salem">Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-housing="118.2" data-name="Salt Lake City">Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-housing="85.3" data-name="San Antonio">San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-housing="102.4" data-name="San Bernardino">San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-housing="234.5" data-name="San Diego">San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-housing="432.1" data-name="San Francisco">San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-housing="342.1" data-name="San Jose">San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-housing="198.5" data-name="Santa Ana">Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-housing="128.4" data-name="Santa Fe">Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-housing="92.5" data-name="Savannah">Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-housing="142.5" data-name="Scottsdale">Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-housing="245.8" data-name="Seattle">Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-housing="82.5" data-name="Sioux Falls">Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-housing="92.4" data-name="Spokane">Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-housing="108.4" data-name="St. Petersburg">St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-housing="128.4" data-name="Stockton">Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-housing="128.4" data-name="Tacoma">Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-housing="88.5" data-name="Tallahassee">Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-housing="108.5" data-name="Tampa">Tampa, FL</option> <option value="the-hague-nl" data-col="75.6" data-housing="118" data-name="The Hague">The Hague, ZH</option> <option value="tilburg-nl" data-col="73" data-housing="88" data-name="Tilburg">Tilburg, NB</option> <option value="toledo-oh" data-col="88.5" data-housing="68.4" data-name="Toledo">Toledo, OH</option> <option value="toronto-ca" data-col="128.4" data-housing="152.7" data-name="Toronto">Toronto, ON</option> <option value="tucson-az" data-col="95.8" data-housing="88.5" data-name="Tucson">Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-housing="78.2" data-name="Tulsa">Tulsa, OK</option> <option value="utrecht-nl" data-col="76.5" data-housing="122" data-name="Utrecht">Utrecht, UT</option> <option value="vancouver-ca" data-col="142.6" data-housing="178.3" data-name="Vancouver">Vancouver, BC</option> <option value="victoria-ca" data-col="112.4" data-housing="118.6" data-name="Victoria">Victoria, BC</option> <option value="virginia-beach-va" data-col="104.2" data-housing="112.5" data-name="Virginia Beach">Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-housing="228.4" data-name="Washington DC">Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-housing="74.5" data-name="Wichita">Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-housing="95.2" data-name="Wilmington">Wilmington, NC</option> <option value="winnipeg-ca" data-col="88.6" data-housing="82.4" data-name="Winnipeg">Winnipeg, MB</option> <option value="winston-salem-nc" data-col="92.5" data-housing="82.5" data-name="Winston-Salem">Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-housing="128.4" data-name="Worcester">Worcester, MA</option> </select> </div> <div class="calc-swap-btn" onclick="swapCities()" title="Intercambiar ciudades"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <polyline points="17 1 21 5 17 9"/> <path d="M3 11V9a4 4 0 0 1 4-4h14"/> <polyline points="7 23 3 19 7 15"/> <path d="M21 13v2a4 4 0 0 1-4 4H3"/> </svg> </div> <div class="calc-field"> <label for="col-city-b"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> Ciudad B </label> <select id="col-city-b"> <option value="akron-oh" data-col="88.5" data-housing="68.5" data-name="Akron">Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-housing="88.2" data-name="Albuquerque">Albuquerque, NM</option> <option value="amsterdam-nl" data-col="82.1" data-housing="135" data-name="Amsterdam">Amsterdam, NH</option> <option value="anaheim-ca" data-col="148.5" data-housing="212.4" data-name="Anaheim">Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-housing="128.4" data-name="Anchorage">Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-housing="118.2" data-name="Ann Arbor">Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-housing="108.5" data-name="Asheville">Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-housing="118.3" data-name="Atlanta">Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-housing="78.5" data-name="Augusta">Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-housing="118.2" data-name="Aurora">Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-housing="159.2" data-name="Austin">Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-housing="98.4" data-name="Bakersfield">Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-housing="112.5" data-name="Baltimore">Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-housing="88.5" data-name="Baton Rouge">Baton Rouge, LA</option> <option value="belfast-gb" data-col="84.1" data-housing="80.5" data-name="Belfast">Belfast, NIR</option> <option value="bellingham-wa" data-col="115.2" data-housing="132.5" data-name="Bellingham">Bellingham, WA</option> <option value="bend-or" data-col="118.5" data-housing="142.5" data-name="Bend">Bend, OR</option> <option value="billings-mt" data-col="96.5" data-housing="92.5" data-name="Billings">Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-housing="78.5" data-name="Birmingham">Birmingham, AL</option> <option value="birmingham-gb" data-col="92.3" data-housing="94.7" data-name="Birmingham">Birmingham, ENG</option> <option value="boise-id" data-col="102.5" data-housing="112.5" data-name="Boise">Boise, ID</option> <option value="boston-ma" data-col="153.2" data-housing="231.5" data-name="Boston">Boston, MA</option> <option value="boulder-co" data-col="148.5" data-housing="228.4" data-name="Boulder">Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-housing="128.4" data-name="Bridgeport">Bridgeport, CT</option> <option value="bristol-gb" data-col="102.1" data-housing="108.5" data-name="Bristol">Bristol, ENG</option> <option value="buffalo-ny" data-col="92.5" data-housing="72.5" data-name="Buffalo">Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-housing="128.4" data-name="Burlington">Burlington, VT</option> <option value="calgary-ca" data-col="105.7" data-housing="108.2" data-name="Calgary">Calgary, AB</option> <option value="cardiff-gb" data-col="89.2" data-housing="88.7" data-name="Cardiff">Cardiff, WLS</option> <option value="chandler-az" data-col="108.5" data-housing="118.2" data-name="Chandler">Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-housing="118.2" data-name="Charleston">Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-housing="96.8" data-name="Charlotte">Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-housing="82.5" data-name="Chattanooga">Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-housing="105.2" data-name="Chesapeake">Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-housing="92.5" data-name="Cheyenne">Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-housing="132.5" data-name="Chicago">Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-housing="188.4" data-name="Chula Vista">Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-housing="82.5" data-name="Cincinnati">Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-housing="72.5" data-name="Cleveland">Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-housing="118.5" data-name="Colorado Springs">Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-housing="88.5" data-name="Columbia">Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-housing="84.5" data-name="Columbus">Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-housing="88.4" data-name="Corpus Christi">Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-housing="108.5" data-name="Dallas">Dallas, TX</option> <option value="delft-nl" data-col="75" data-housing="105" data-name="Delft">Delft, ZH</option> <option value="denver-co" data-col="128.5" data-housing="168.3" data-name="Denver">Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-housing="82.5" data-name="Des Moines">Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-housing="68.4" data-name="Detroit">Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-housing="95.2" data-name="Durham">Durham, NC</option> <option value="edinburgh-gb" data-col="105.8" data-housing="112.6" data-name="Edinburgh">Edinburgh, SCT</option> <option value="edmonton-ca" data-col="97.4" data-housing="96.8" data-name="Edmonton">Edmonton, AB</option> <option value="eindhoven-nl" data-col="74.5" data-housing="98" data-name="Eindhoven">Eindhoven, NB</option> <option value="el-paso-tx" data-col="88.5" data-housing="76.8" data-name="El Paso">El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-housing="158.4" data-name="Elk Grove">Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-housing="108.5" data-name="Eugene">Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-housing="82.5" data-name="Fargo">Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-housing="78.5" data-name="Fayetteville">Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-housing="72.5" data-name="Fort Wayne">Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-housing="95.2" data-name="Fort Worth">Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-housing="268.4" data-name="Fremont">Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-housing="98.5" data-name="Fresno">Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-housing="92.4" data-name="Garland">Garland, TX</option> <option value="glasgow-gb" data-col="88.4" data-housing="86.2" data-name="Glasgow">Glasgow, SCT</option> <option value="glendale-az" data-col="98.5" data-housing="95.2" data-name="Glendale">Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-housing="88.5" data-name="Grand Rapids">Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-housing="82.5" data-name="Greensboro">Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-housing="92.5" data-name="Greenville">Greenville, SC</option> <option value="groningen-nl" data-col="71" data-housing="85" data-name="Groningen">Groningen, GR</option> <option value="halifax-ca" data-col="93.5" data-housing="91.3" data-name="Halifax">Halifax, NS</option> <option value="henderson-nv" data-col="108.5" data-housing="118.2" data-name="Henderson">Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-housing="112.5" data-name="Hialeah">Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-housing="284.5" data-name="Honolulu">Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-housing="91.2" data-name="Houston">Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-housing="88.5" data-name="Huntsville">Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-housing="82.4" data-name="Indianapolis">Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-housing="228.4" data-name="Irvine">Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-housing="102.4" data-name="Irving">Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-housing="72.5" data-name="Jackson">Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-housing="92.4" data-name="Jacksonville">Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-housing="188.4" data-name="Jersey City">Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-housing="78.5" data-name="Kansas City">Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-housing="85.4" data-name="Kansas City">Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-housing="228.4" data-name="Key West">Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-housing="82.5" data-name="Knoxville">Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-housing="78.4" data-name="Laredo">Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-housing="108.2" data-name="Las Vegas">Las Vegas, NV</option> <option value="leeds-gb" data-col="91.7" data-housing="93.1" data-name="Leeds">Leeds, ENG</option> <option value="leiden-nl" data-col="76" data-housing="110" data-name="Leiden">Leiden, ZH</option> <option value="lexington-ky" data-col="94.2" data-housing="88.5" data-name="Lexington">Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-housing="85.2" data-name="Lincoln">Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-housing="78.5" data-name="Little Rock">Little Rock, AR</option> <option value="liverpool-gb" data-col="86.5" data-housing="84.3" data-name="Liverpool">Liverpool, ENG</option> <option value="london-gb" data-col="135.2" data-housing="168.4" data-name="London">London, ENG</option> <option value="long-beach-ca" data-col="142.5" data-housing="198.5" data-name="Long Beach">Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-housing="261.4" data-name="Los Angeles">Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-housing="82.1" data-name="Louisville">Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-housing="76.8" data-name="Lubbock">Lubbock, TX</option> <option value="maastricht-nl" data-col="74" data-housing="92" data-name="Maastricht">Maastricht, LI</option> <option value="madison-wi" data-col="104.2" data-housing="112.5" data-name="Madison">Madison, WI</option> <option value="manchester-gb" data-col="98.5" data-housing="102.3" data-name="Manchester">Manchester, ENG</option> <option value="manchester-nh" data-col="108.5" data-housing="118.2" data-name="Manchester">Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-housing="74.2" data-name="Memphis">Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-housing="108.4" data-name="Mesa">Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-housing="198.3" data-name="Miami">Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-housing="86.4" data-name="Milwaukee">Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-housing="118.2" data-name="Minneapolis">Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-housing="78.5" data-name="Mobile">Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-housing="102.4" data-name="Modesto">Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-housing="78.5" data-name="Montgomery">Montgomery, AL</option> <option value="montreal-ca" data-col="98.3" data-housing="101.5" data-name="Montreal">Montreal, QC</option> <option value="myrtle-beach-sc" data-col="96.5" data-housing="88.5" data-name="Myrtle Beach">Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-housing="105.2" data-name="Nashville">Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-housing="95.2" data-name="New Orleans">New Orleans, LA</option> <option value="nyc" data-col="187.2" data-housing="294.7" data-name="New York City">New York City, NY</option> <option value="newark-nj" data-col="118.5" data-housing="128.4" data-name="Newark">Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-housing="92.4" data-name="Norfolk">Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-housing="218.5" data-name="Oakland">Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-housing="78.5" data-name="Oklahoma City">Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-housing="82.8" data-name="Omaha">Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-housing="95.2" data-name="Orlando">Orlando, FL</option> <option value="ottawa-ca" data-col="101.2" data-housing="104.8" data-name="Ottawa">Ottawa, ON</option> <option value="oxnard-ca" data-col="138.5" data-housing="188.4" data-name="Oxnard">Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-housing="118.3" data-name="Philadelphia">Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-housing="124.6" data-name="Phoenix">Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-housing="78.5" data-name="Pittsburgh">Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-housing="118.2" data-name="Plano">Plano, TX</option> <option value="portland-me" data-col="112.5" data-housing="128.4" data-name="Portland">Portland, ME</option> <option value="portland-or" data-col="118.2" data-housing="142.5" data-name="Portland">Portland, OR</option> <option value="providence-ri" data-col="118.5" data-housing="128.4" data-name="Providence">Providence, RI</option> <option value="quebec-city-ca" data-col="87.2" data-housing="79.6" data-name="Quebec City">Quebec City, QC</option> <option value="raleigh-nc" data-col="102.4" data-housing="108.5" data-name="Raleigh">Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-housing="118.2" data-name="Reno">Reno, NV</option> <option value="richmond-va" data-col="98.5" data-housing="92.4" data-name="Richmond">Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-housing="142.5" data-name="Riverside">Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-housing="72.5" data-name="Rochester">Rochester, NY</option> <option value="rotterdam-nl" data-col="78.9" data-housing="115" data-name="Rotterdam">Rotterdam, ZH</option> <option value="sacramento-ca" data-col="118.5" data-housing="138.5" data-name="Sacramento">Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-housing="108.5" data-name="Saint Paul">Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-housing="98.5" data-name="Salem">Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-housing="118.2" data-name="Salt Lake City">Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-housing="85.3" data-name="San Antonio">San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-housing="102.4" data-name="San Bernardino">San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-housing="234.5" data-name="San Diego">San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-housing="432.1" data-name="San Francisco">San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-housing="342.1" data-name="San Jose">San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-housing="198.5" data-name="Santa Ana">Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-housing="128.4" data-name="Santa Fe">Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-housing="92.5" data-name="Savannah">Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-housing="142.5" data-name="Scottsdale">Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-housing="245.8" data-name="Seattle">Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-housing="82.5" data-name="Sioux Falls">Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-housing="92.4" data-name="Spokane">Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-housing="108.4" data-name="St. Petersburg">St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-housing="128.4" data-name="Stockton">Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-housing="128.4" data-name="Tacoma">Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-housing="88.5" data-name="Tallahassee">Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-housing="108.5" data-name="Tampa">Tampa, FL</option> <option value="the-hague-nl" data-col="75.6" data-housing="118" data-name="The Hague">The Hague, ZH</option> <option value="tilburg-nl" data-col="73" data-housing="88" data-name="Tilburg">Tilburg, NB</option> <option value="toledo-oh" data-col="88.5" data-housing="68.4" data-name="Toledo">Toledo, OH</option> <option value="toronto-ca" data-col="128.4" data-housing="152.7" data-name="Toronto">Toronto, ON</option> <option value="tucson-az" data-col="95.8" data-housing="88.5" data-name="Tucson">Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-housing="78.2" data-name="Tulsa">Tulsa, OK</option> <option value="utrecht-nl" data-col="76.5" data-housing="122" data-name="Utrecht">Utrecht, UT</option> <option value="vancouver-ca" data-col="142.6" data-housing="178.3" data-name="Vancouver">Vancouver, BC</option> <option value="victoria-ca" data-col="112.4" data-housing="118.6" data-name="Victoria">Victoria, BC</option> <option value="virginia-beach-va" data-col="104.2" data-housing="112.5" data-name="Virginia Beach">Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-housing="228.4" data-name="Washington DC">Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-housing="74.5" data-name="Wichita">Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-housing="95.2" data-name="Wilmington">Wilmington, NC</option> <option value="winnipeg-ca" data-col="88.6" data-housing="82.4" data-name="Winnipeg">Winnipeg, MB</option> <option value="winston-salem-nc" data-col="92.5" data-housing="82.5" data-name="Winston-Salem">Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-housing="128.4" data-name="Worcester">Worcester, MA</option> </select> </div> </div> <button class="btn btn-primary btn-large" onclick="compareCOL()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> Comparar Ciudades </button> <div class="calc-result" id="col-result" style="display:none;"> <div class="result-header"> <h4>Resultados de Comparación</h4> <span class="result-badge" id="col-winner-badge"></span> </div> <div class="city-cards"> <div class="city-card" id="city-card-a"> <div class="city-card-name" id="col-a-name">City A</div> <div class="city-card-col" id="col-a-value">100</div> <div class="city-card-label">Índice de Costo de Vida</div> </div> <div class="city-card-vs">VS</div> <div class="city-card" id="city-card-b"> <div class="city-card-name" id="col-b-name">Ciudad A</div> <div class="city-card-col" id="col-b-value">100</div> <div class="city-card-label">Índice de Costo de Vida</div> </div> </div> <div class="comparison-bars"> <div class="comp-bar-section"> <div class="comp-bar-section-title">Costo de Vida General</div> <div class="comp-bar-row"> <span class="comp-bar-city" id="bar-label-a-col">City A</span> <div class="comp-bar-track"> <div class="comp-bar-fill" id="bar-a-col"></div> <div class="comp-bar-baseline" style="left:50%"></div> </div> <span class="comp-bar-value" id="bar-val-a-col">100</span> </div> <div class="comp-bar-row"> <span class="comp-bar-city" id="bar-label-b-col">City B</span> <div class="comp-bar-track"> <div class="comp-bar-fill" id="bar-b-col"></div> <div class="comp-bar-baseline" style="left:50%"></div> </div> <span class="comp-bar-value" id="bar-val-b-col">100</span> </div> </div> <div class="comp-bar-section"> <div class="comp-bar-section-title">Índice de Vivienda</div> <div class="comp-bar-row"> <span class="comp-bar-city" id="bar-label-a-housing">City A</span> <div class="comp-bar-track"> <div class="comp-bar-fill" id="bar-a-housing"></div> <div class="comp-bar-baseline" style="left:50%"></div> </div> <span class="comp-bar-value" id="bar-val-a-housing">100</span> </div> <div class="comp-bar-row"> <span class="comp-bar-city" id="bar-label-b-housing">City B</span> <div class="comp-bar-track"> <div class="comp-bar-fill" id="bar-b-housing"></div> <div class="comp-bar-baseline" style="left:50%"></div> </div> <span class="comp-bar-value" id="bar-val-b-housing">100</span> </div> </div> </div> <div class="result-summary" id="col-summary"></div> </div> </div> <script> const colCalcI18n = { isCheaper: '%CHEAPER% es más barato', sameCost: 'Mismo costo', cheaperMsg: '\\u003cstrong\\u003e%CHEAPER%\\u003c\/strong\\u003e es \\u003cstrong\\u003e%PCT% más barato\\u003c\/strong\\u003e que %EXPENSIVE%. Si te mudas, tu dinero rinde más en vivienda, comestibles, servicios públicos y gastos diarios.', sameMsg: 'El costo de vida es aproximadamente el mismo en ambas ciudades.', }; Object.keys(colCalcI18n).forEach(function(k) { colCalcI18n[k] = colCalcI18n[k].replace(/\\u003c/g, '<').replace(/\\u003e/g, '>'); }); function swapCities() { const a = document.getElementById('col-city-a'); const b = document.getElementById('col-city-b'); const temp = a.selectedIndex; a.selectedIndex = b.selectedIndex; b.selectedIndex = temp; } function getBarColor(value) { if (value <= 100) return 'var(--color-success)'; if (value <= 120) return 'var(--color-accent)'; return 'var(--color-danger)'; } function compareCOL() { const optA = document.getElementById('col-city-a').selectedOptions[0]; const optB = document.getElementById('col-city-b').selectedOptions[0]; const nameA = optA.dataset.name; const nameB = optB.dataset.name; const colA = parseFloat(optA.dataset.col) || 100; const colB = parseFloat(optB.dataset.col) || 100; const housingA = parseFloat(optA.dataset.housing) || 100; const housingB = parseFloat(optB.dataset.housing) || 100; const maxScale = 200; document.getElementById('col-a-name').textContent = nameA; document.getElementById('col-b-name').textContent = nameB; document.getElementById('col-a-value').textContent = colA; document.getElementById('col-b-value').textContent = colB; document.getElementById('bar-label-a-col').textContent = nameA; document.getElementById('bar-label-b-col').textContent = nameB; document.getElementById('bar-label-a-housing').textContent = nameA; document.getElementById('bar-label-b-housing').textContent = nameB; document.getElementById('bar-val-a-col').textContent = colA; document.getElementById('bar-val-b-col').textContent = colB; document.getElementById('bar-val-a-housing').textContent = housingA; document.getElementById('bar-val-b-housing').textContent = housingB; const colAPct = Math.min(colA / maxScale * 100, 100); const colBPct = Math.min(colB / maxScale * 100, 100); const housingAPct = Math.min(housingA / maxScale * 100, 100); const housingBPct = Math.min(housingB / maxScale * 100, 100); const barACol = document.getElementById('bar-a-col'); const barBCol = document.getElementById('bar-b-col'); const barAHousing = document.getElementById('bar-a-housing'); const barBHousing = document.getElementById('bar-b-housing'); barACol.style.width = colAPct + '%'; barACol.style.backgroundColor = getBarColor(colA); barBCol.style.width = colBPct + '%'; barBCol.style.backgroundColor = getBarColor(colB); barAHousing.style.width = housingAPct + '%'; barAHousing.style.backgroundColor = getBarColor(housingA); barBHousing.style.width = housingBPct + '%'; barBHousing.style.backgroundColor = getBarColor(housingB); const colDiff = Math.round(((colB - colA) / colA) * 100); const cheaper = colA < colB ? nameA : nameB; const moreExpensive = colA < colB ? nameB : nameA; const savings = Math.abs(colDiff); const badge = document.getElementById('col-winner-badge'); if (savings > 0) { badge.textContent = colCalcI18n.isCheaper.replace('%CHEAPER%', cheaper).replace('%PCT%', savings + '%'); badge.className = 'result-badge badge-success'; } else { badge.textContent = colCalcI18n.sameCost; badge.className = 'result-badge badge-neutral'; } if (savings > 0) { document.getElementById('col-summary').innerHTML = '<div class="summary-icon">💰</div><p>' + colCalcI18n.cheaperMsg.replace('%CHEAPER%', cheaper).replace('%PCT%', savings + '%').replace('%EXPENSIVE%', moreExpensive) + '</p>https://urcity.com/es/tools/home-ownership-calculator/Sun, 28 Jun 2026 00:00:00 +0000https://urcity.com/es/tools/home-ownership-calculator/<h2 id="calculadora-de-propiedad-de-vivienda">Calculadora de Propiedad de Vivienda</h2> <p>Comprar una vivienda es más que un pago de hipoteca. Ve la imagen completa con nuestra calculadora del Costo Real de la Propiedad de Vivienda.</p> <div class="calculator-widget" id="home-calc"> <div class="calc-header"> <div class="calc-icon green"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" > <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /> <polyline points="9 22 9 12 15 12 15 22" /> </svg> </div> <div class="calc-title-group"> <h3>Costo Real de la Propiedad de Vivienda</h3> <p class="calc-subtitle"> Descubre cuánto pagarás realmente en 30 años </p>https://urcity.com/es/tools/salary-equivalence-calculator/Sun, 28 Jun 2026 00:00:00 +0000https://urcity.com/es/tools/salary-equivalence-calculator/<h2 id="calculadora-de-equivalencia-salarial">Calculadora de Equivalencia Salarial</h2> <p>¿Te mudas a una nueva ciudad? Descubre qué salario necesitas para mantener tu estilo de vida.</p> <div class="calculator-widget" id="salary-calc"> <div class="calc-header"> <div class="calc-icon amber"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <rect x="2" y="7" width="20" height="14" rx="2"/> <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/> </svg> </div> <div class="calc-title-group"> <h3>Calculadora de Equivalencia Salarial</h3> <p class="calc-subtitle">Descubre cuánto necesitas ganar para mantener tu estilo de vida</p> </div> </div> <div class="calc-inputs-row three-col"> <div class="calc-field"> <label for="current-salary"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> Salario Actual </label> <div class="input-prefix"> <span class="prefix" id="salary-prefix">$</span> <input type="number" id="current-salary" value="100000" min="0" step="1000"> </div> </div> <div class="calc-field"> <label for="from-city"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> Ciudad de Origen </label> <select id="from-city"> <option value="akron-oh" data-col="88.5" data-name="Akron" >Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-name="Albuquerque" >Albuquerque, NM</option> <option value="amsterdam-nl" data-col="82.1" data-name="Amsterdam" >Amsterdam, NH</option> <option value="anaheim-ca" data-col="148.5" data-name="Anaheim" >Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-name="Anchorage" >Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-name="Ann Arbor" >Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-name="Asheville" >Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-name="Atlanta" >Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-name="Augusta" >Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-name="Aurora" >Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-name="Austin" >Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-name="Bakersfield" >Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-name="Baltimore" >Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-name="Baton Rouge" >Baton Rouge, LA</option> <option value="belfast-gb" data-col="84.1" data-name="Belfast" >Belfast, NIR</option> <option value="bellingham-wa" data-col="115.2" data-name="Bellingham" >Bellingham, WA</option> <option value="bend-or" data-col="118.5" data-name="Bend" >Bend, OR</option> <option value="billings-mt" data-col="96.5" data-name="Billings" >Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-name="Birmingham" >Birmingham, AL</option> <option value="birmingham-gb" data-col="92.3" data-name="Birmingham" >Birmingham, ENG</option> <option value="boise-id" data-col="102.5" data-name="Boise" >Boise, ID</option> <option value="boston-ma" data-col="153.2" data-name="Boston" >Boston, MA</option> <option value="boulder-co" data-col="148.5" data-name="Boulder" >Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-name="Bridgeport" >Bridgeport, CT</option> <option value="bristol-gb" data-col="102.1" data-name="Bristol" >Bristol, ENG</option> <option value="buffalo-ny" data-col="92.5" data-name="Buffalo" >Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-name="Burlington" >Burlington, VT</option> <option value="calgary-ca" data-col="105.7" data-name="Calgary" >Calgary, AB</option> <option value="cardiff-gb" data-col="89.2" data-name="Cardiff" >Cardiff, WLS</option> <option value="chandler-az" data-col="108.5" data-name="Chandler" >Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-name="Charleston" >Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-name="Charlotte" >Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-name="Chattanooga" >Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-name="Chesapeake" >Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-name="Cheyenne" >Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-name="Chicago" >Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-name="Chula Vista" >Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-name="Cincinnati" >Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-name="Cleveland" >Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-name="Colorado Springs" >Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-name="Columbia" >Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-name="Columbus" >Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-name="Corpus Christi" >Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-name="Dallas" >Dallas, TX</option> <option value="delft-nl" data-col="75" data-name="Delft" >Delft, ZH</option> <option value="denver-co" data-col="128.5" data-name="Denver" >Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-name="Des Moines" >Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-name="Detroit" >Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-name="Durham" >Durham, NC</option> <option value="edinburgh-gb" data-col="105.8" data-name="Edinburgh" >Edinburgh, SCT</option> <option value="edmonton-ca" data-col="97.4" data-name="Edmonton" >Edmonton, AB</option> <option value="eindhoven-nl" data-col="74.5" data-name="Eindhoven" >Eindhoven, NB</option> <option value="el-paso-tx" data-col="88.5" data-name="El Paso" >El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-name="Elk Grove" >Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-name="Eugene" >Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-name="Fargo" >Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-name="Fayetteville" >Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-name="Fort Wayne" >Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-name="Fort Worth" >Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-name="Fremont" >Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-name="Fresno" >Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-name="Garland" >Garland, TX</option> <option value="glasgow-gb" data-col="88.4" data-name="Glasgow" >Glasgow, SCT</option> <option value="glendale-az" data-col="98.5" data-name="Glendale" >Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-name="Grand Rapids" >Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-name="Greensboro" >Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-name="Greenville" >Greenville, SC</option> <option value="groningen-nl" data-col="71" data-name="Groningen" >Groningen, GR</option> <option value="halifax-ca" data-col="93.5" data-name="Halifax" >Halifax, NS</option> <option value="henderson-nv" data-col="108.5" data-name="Henderson" >Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-name="Hialeah" >Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-name="Honolulu" >Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-name="Houston" >Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-name="Huntsville" >Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-name="Indianapolis" >Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-name="Irvine" >Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-name="Irving" >Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-name="Jackson" >Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-name="Jacksonville" >Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-name="Jersey City" >Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-name="Kansas City" >Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-name="Kansas City" >Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-name="Key West" >Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-name="Knoxville" >Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-name="Laredo" >Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-name="Las Vegas" >Las Vegas, NV</option> <option value="leeds-gb" data-col="91.7" data-name="Leeds" >Leeds, ENG</option> <option value="leiden-nl" data-col="76" data-name="Leiden" >Leiden, ZH</option> <option value="lexington-ky" data-col="94.2" data-name="Lexington" >Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-name="Lincoln" >Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-name="Little Rock" >Little Rock, AR</option> <option value="liverpool-gb" data-col="86.5" data-name="Liverpool" >Liverpool, ENG</option> <option value="london-gb" data-col="135.2" data-name="London" >London, ENG</option> <option value="long-beach-ca" data-col="142.5" data-name="Long Beach" >Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-name="Los Angeles" >Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-name="Louisville" >Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-name="Lubbock" >Lubbock, TX</option> <option value="maastricht-nl" data-col="74" data-name="Maastricht" >Maastricht, LI</option> <option value="madison-wi" data-col="104.2" data-name="Madison" >Madison, WI</option> <option value="manchester-gb" data-col="98.5" data-name="Manchester" >Manchester, ENG</option> <option value="manchester-nh" data-col="108.5" data-name="Manchester" >Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-name="Memphis" >Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-name="Mesa" >Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-name="Miami" >Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-name="Milwaukee" >Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-name="Minneapolis" >Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-name="Mobile" >Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-name="Modesto" >Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-name="Montgomery" >Montgomery, AL</option> <option value="montreal-ca" data-col="98.3" data-name="Montreal" >Montreal, QC</option> <option value="myrtle-beach-sc" data-col="96.5" data-name="Myrtle Beach" >Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-name="Nashville" >Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-name="New Orleans" >New Orleans, LA</option> <option value="nyc" data-col="187.2" data-name="New York City" selected>New York City, NY</option> <option value="newark-nj" data-col="118.5" data-name="Newark" >Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-name="Norfolk" >Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-name="Oakland" >Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-name="Oklahoma City" >Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-name="Omaha" >Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-name="Orlando" >Orlando, FL</option> <option value="ottawa-ca" data-col="101.2" data-name="Ottawa" >Ottawa, ON</option> <option value="oxnard-ca" data-col="138.5" data-name="Oxnard" >Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-name="Philadelphia" >Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-name="Phoenix" >Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-name="Pittsburgh" >Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-name="Plano" >Plano, TX</option> <option value="portland-me" data-col="112.5" data-name="Portland" >Portland, ME</option> <option value="portland-or" data-col="118.2" data-name="Portland" >Portland, OR</option> <option value="providence-ri" data-col="118.5" data-name="Providence" >Providence, RI</option> <option value="quebec-city-ca" data-col="87.2" data-name="Quebec City" >Quebec City, QC</option> <option value="raleigh-nc" data-col="102.4" data-name="Raleigh" >Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-name="Reno" >Reno, NV</option> <option value="richmond-va" data-col="98.5" data-name="Richmond" >Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-name="Riverside" >Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-name="Rochester" >Rochester, NY</option> <option value="rotterdam-nl" data-col="78.9" data-name="Rotterdam" >Rotterdam, ZH</option> <option value="sacramento-ca" data-col="118.5" data-name="Sacramento" >Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-name="Saint Paul" >Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-name="Salem" >Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-name="Salt Lake City" >Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-name="San Antonio" >San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-name="San Bernardino" >San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-name="San Diego" >San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-name="San Francisco" >San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-name="San Jose" >San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-name="Santa Ana" >Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-name="Santa Fe" >Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-name="Savannah" >Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-name="Scottsdale" >Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-name="Seattle" >Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-name="Sioux Falls" >Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-name="Spokane" >Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-name="St. Petersburg" >St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-name="Stockton" >Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-name="Tacoma" >Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-name="Tallahassee" >Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-name="Tampa" >Tampa, FL</option> <option value="the-hague-nl" data-col="75.6" data-name="The Hague" >The Hague, ZH</option> <option value="tilburg-nl" data-col="73" data-name="Tilburg" >Tilburg, NB</option> <option value="toledo-oh" data-col="88.5" data-name="Toledo" >Toledo, OH</option> <option value="toronto-ca" data-col="128.4" data-name="Toronto" >Toronto, ON</option> <option value="tucson-az" data-col="95.8" data-name="Tucson" >Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-name="Tulsa" >Tulsa, OK</option> <option value="utrecht-nl" data-col="76.5" data-name="Utrecht" >Utrecht, UT</option> <option value="vancouver-ca" data-col="142.6" data-name="Vancouver" >Vancouver, BC</option> <option value="victoria-ca" data-col="112.4" data-name="Victoria" >Victoria, BC</option> <option value="virginia-beach-va" data-col="104.2" data-name="Virginia Beach" >Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-name="Washington DC" >Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-name="Wichita" >Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-name="Wilmington" >Wilmington, NC</option> <option value="winnipeg-ca" data-col="88.6" data-name="Winnipeg" >Winnipeg, MB</option> <option value="winston-salem-nc" data-col="92.5" data-name="Winston-Salem" >Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-name="Worcester" >Worcester, MA</option> </select> </div> <div class="calc-field"> <label for="to-city"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> Ciudad de Destino </label> <select id="to-city"> <option value="akron-oh" data-col="88.5" data-name="Akron" >Akron, OH</option> <option value="albuquerque-nm" data-col="94.5" data-name="Albuquerque" >Albuquerque, NM</option> <option value="amsterdam-nl" data-col="82.1" data-name="Amsterdam" >Amsterdam, NH</option> <option value="anaheim-ca" data-col="148.5" data-name="Anaheim" >Anaheim, CA</option> <option value="anchorage-ak" data-col="118.5" data-name="Anchorage" >Anchorage, AK</option> <option value="ann-arbor-mi" data-col="108.5" data-name="Ann Arbor" >Ann Arbor, MI</option> <option value="asheville-nc" data-col="102.5" data-name="Asheville" >Asheville, NC</option> <option value="atlanta-ga" data-col="104.7" data-name="Atlanta" >Atlanta, GA</option> <option value="augusta-ga" data-col="90.5" data-name="Augusta" >Augusta, GA</option> <option value="aurora-co" data-col="108.5" data-name="Aurora" >Aurora, CO</option> <option value="austin-tx" data-col="119.3" data-name="Austin" selected>Austin, TX</option> <option value="bakersfield-ca" data-col="102.5" data-name="Bakersfield" >Bakersfield, CA</option> <option value="baltimore-md" data-col="108.4" data-name="Baltimore" >Baltimore, MD</option> <option value="baton-rouge-la" data-col="94.5" data-name="Baton Rouge" >Baton Rouge, LA</option> <option value="belfast-gb" data-col="84.1" data-name="Belfast" >Belfast, NIR</option> <option value="bellingham-wa" data-col="115.2" data-name="Bellingham" >Bellingham, WA</option> <option value="bend-or" data-col="118.5" data-name="Bend" >Bend, OR</option> <option value="billings-mt" data-col="96.5" data-name="Billings" >Billings, MT</option> <option value="birmingham-al" data-col="90.5" data-name="Birmingham" >Birmingham, AL</option> <option value="birmingham-gb" data-col="92.3" data-name="Birmingham" >Birmingham, ENG</option> <option value="boise-id" data-col="102.5" data-name="Boise" >Boise, ID</option> <option value="boston-ma" data-col="153.2" data-name="Boston" >Boston, MA</option> <option value="boulder-co" data-col="148.5" data-name="Boulder" >Boulder, CO</option> <option value="bridgeport-ct" data-col="118.5" data-name="Bridgeport" >Bridgeport, CT</option> <option value="bristol-gb" data-col="102.1" data-name="Bristol" >Bristol, ENG</option> <option value="buffalo-ny" data-col="92.5" data-name="Buffalo" >Buffalo, NY</option> <option value="burlington-vt" data-col="112.5" data-name="Burlington" >Burlington, VT</option> <option value="calgary-ca" data-col="105.7" data-name="Calgary" >Calgary, AB</option> <option value="cardiff-gb" data-col="89.2" data-name="Cardiff" >Cardiff, WLS</option> <option value="chandler-az" data-col="108.5" data-name="Chandler" >Chandler, AZ</option> <option value="charleston-sc" data-col="108.5" data-name="Charleston" >Charleston, SC</option> <option value="charlotte-nc" data-col="98.2" data-name="Charlotte" >Charlotte, NC</option> <option value="chattanooga-tn" data-col="92.5" data-name="Chattanooga" >Chattanooga, TN</option> <option value="chesapeake-va" data-col="102.5" data-name="Chesapeake" >Chesapeake, VA</option> <option value="cheyenne-wy" data-col="96.5" data-name="Cheyenne" >Cheyenne, WY</option> <option value="chicago-il" data-col="110.8" data-name="Chicago" >Chicago, IL</option> <option value="chula-vista-ca" data-col="138.5" data-name="Chula Vista" >Chula Vista, CA</option> <option value="cincinnati-oh" data-col="92.8" data-name="Cincinnati" >Cincinnati, OH</option> <option value="cleveland-oh" data-col="90.2" data-name="Cleveland" >Cleveland, OH</option> <option value="colorado-springs-co" data-col="105.2" data-name="Colorado Springs" >Colorado Springs, CO</option> <option value="columbia-sc" data-col="94.5" data-name="Columbia" >Columbia, SC</option> <option value="columbus-oh" data-col="92.1" data-name="Columbus" >Columbus, OH</option> <option value="corpus-christi-tx" data-col="92.5" data-name="Corpus Christi" >Corpus Christi, TX</option> <option value="dallas-tx" data-col="101.3" data-name="Dallas" >Dallas, TX</option> <option value="delft-nl" data-col="75" data-name="Delft" >Delft, ZH</option> <option value="denver-co" data-col="128.5" data-name="Denver" >Denver, CO</option> <option value="des-moines-ia" data-col="90.5" data-name="Des Moines" >Des Moines, IA</option> <option value="detroit-mi" data-col="92.8" data-name="Detroit" >Detroit, MI</option> <option value="durham-nc" data-col="98.5" data-name="Durham" >Durham, NC</option> <option value="edinburgh-gb" data-col="105.8" data-name="Edinburgh" >Edinburgh, SCT</option> <option value="edmonton-ca" data-col="97.4" data-name="Edmonton" >Edmonton, AB</option> <option value="eindhoven-nl" data-col="74.5" data-name="Eindhoven" >Eindhoven, NB</option> <option value="el-paso-tx" data-col="88.5" data-name="El Paso" >El Paso, TX</option> <option value="elk-grove-ca" data-col="128.5" data-name="Elk Grove" >Elk Grove, CA</option> <option value="eugene-or" data-col="104.2" data-name="Eugene" >Eugene, OR</option> <option value="fargo-nd" data-col="90.5" data-name="Fargo" >Fargo, ND</option> <option value="fayetteville-nc" data-col="90.5" data-name="Fayetteville" >Fayetteville, NC</option> <option value="fort-wayne-in" data-col="86.5" data-name="Fort Wayne" >Fort Wayne, IN</option> <option value="fort-worth-tx" data-col="98.5" data-name="Fort Worth" >Fort Worth, TX</option> <option value="fremont-ca" data-col="178.5" data-name="Fremont" >Fremont, CA</option> <option value="fresno-ca" data-col="102.5" data-name="Fresno" >Fresno, CA</option> <option value="garland-tx" data-col="96.5" data-name="Garland" >Garland, TX</option> <option value="glasgow-gb" data-col="88.4" data-name="Glasgow" >Glasgow, SCT</option> <option value="glendale-az" data-col="98.5" data-name="Glendale" >Glendale, AZ</option> <option value="grand-rapids-mi" data-col="94.5" data-name="Grand Rapids" >Grand Rapids, MI</option> <option value="greensboro-nc" data-col="92.4" data-name="Greensboro" >Greensboro, NC</option> <option value="greenville-sc" data-col="96.5" data-name="Greenville" >Greenville, SC</option> <option value="groningen-nl" data-col="71" data-name="Groningen" >Groningen, GR</option> <option value="halifax-ca" data-col="93.5" data-name="Halifax" >Halifax, NS</option> <option value="henderson-nv" data-col="108.5" data-name="Henderson" >Henderson, NV</option> <option value="hialeah-fl" data-col="108.5" data-name="Hialeah" >Hialeah, FL</option> <option value="honolulu-hi" data-col="185.2" data-name="Honolulu" >Honolulu, HI</option> <option value="houston-tx" data-col="95.8" data-name="Houston" >Houston, TX</option> <option value="huntsville-al" data-col="94.5" data-name="Huntsville" >Huntsville, AL</option> <option value="indianapolis-in" data-col="91.5" data-name="Indianapolis" >Indianapolis, IN</option> <option value="irvine-ca" data-col="158.5" data-name="Irvine" >Irvine, CA</option> <option value="irving-tx" data-col="100.5" data-name="Irving" >Irving, TX</option> <option value="jackson-ms" data-col="88.5" data-name="Jackson" >Jackson, MS</option> <option value="jacksonville-fl" data-col="96.8" data-name="Jacksonville" >Jacksonville, FL</option> <option value="jersey-city-nj" data-col="142.5" data-name="Jersey City" >Jersey City, NJ</option> <option value="kansas-city-ks" data-col="90.5" data-name="Kansas City" >Kansas City, KS</option> <option value="kansas-city-mo" data-col="92.8" data-name="Kansas City" >Kansas City, MO</option> <option value="key-west-fl" data-col="158.5" data-name="Key West" >Key West, FL</option> <option value="knoxville-tn" data-col="92.5" data-name="Knoxville" >Knoxville, TN</option> <option value="laredo-tx" data-col="88.5" data-name="Laredo" >Laredo, TX</option> <option value="las-vegas-nv" data-col="102.4" data-name="Las Vegas" >Las Vegas, NV</option> <option value="leeds-gb" data-col="91.7" data-name="Leeds" >Leeds, ENG</option> <option value="leiden-nl" data-col="76" data-name="Leiden" >Leiden, ZH</option> <option value="lexington-ky" data-col="94.2" data-name="Lexington" >Lexington, KY</option> <option value="lincoln-ne" data-col="92.5" data-name="Lincoln" >Lincoln, NE</option> <option value="little-rock-ar" data-col="88.5" data-name="Little Rock" >Little Rock, AR</option> <option value="liverpool-gb" data-col="86.5" data-name="Liverpool" >Liverpool, ENG</option> <option value="london-gb" data-col="135.2" data-name="London" >London, ENG</option> <option value="long-beach-ca" data-col="142.5" data-name="Long Beach" >Long Beach, CA</option> <option value="los-angeles-ca" data-col="173.3" data-name="Los Angeles" >Los Angeles, CA</option> <option value="louisville-ky" data-col="91.2" data-name="Louisville" >Louisville, KY</option> <option value="lubbock-tx" data-col="88.5" data-name="Lubbock" >Lubbock, TX</option> <option value="maastricht-nl" data-col="74" data-name="Maastricht" >Maastricht, LI</option> <option value="madison-wi" data-col="104.2" data-name="Madison" >Madison, WI</option> <option value="manchester-gb" data-col="98.5" data-name="Manchester" >Manchester, ENG</option> <option value="manchester-nh" data-col="108.5" data-name="Manchester" >Manchester, NH</option> <option value="memphis-tn" data-col="88.5" data-name="Memphis" >Memphis, TN</option> <option value="mesa-az" data-col="102.5" data-name="Mesa" >Mesa, AZ</option> <option value="miami-fl" data-col="145.6" data-name="Miami" >Miami, FL</option> <option value="milwaukee-wi" data-col="95.2" data-name="Milwaukee" >Milwaukee, WI</option> <option value="minneapolis-mn" data-col="106.5" data-name="Minneapolis" >Minneapolis, MN</option> <option value="mobile-al" data-col="90.5" data-name="Mobile" >Mobile, AL</option> <option value="modesto-ca" data-col="108.5" data-name="Modesto" >Modesto, CA</option> <option value="montgomery-al" data-col="90.5" data-name="Montgomery" >Montgomery, AL</option> <option value="montreal-ca" data-col="98.3" data-name="Montreal" >Montreal, QC</option> <option value="myrtle-beach-sc" data-col="96.5" data-name="Myrtle Beach" >Myrtle Beach, SC</option> <option value="nashville-tn" data-col="100.5" data-name="Nashville" >Nashville, TN</option> <option value="new-orleans-la" data-col="98.5" data-name="New Orleans" >New Orleans, LA</option> <option value="nyc" data-col="187.2" data-name="New York City" >New York City, NY</option> <option value="newark-nj" data-col="118.5" data-name="Newark" >Newark, NJ</option> <option value="norfolk-va" data-col="98.5" data-name="Norfolk" >Norfolk, VA</option> <option value="oakland-ca" data-col="158.4" data-name="Oakland" >Oakland, CA</option> <option value="oklahoma-city-ok" data-col="88.2" data-name="Oklahoma City" >Oklahoma City, OK</option> <option value="omaha-ne" data-col="91.5" data-name="Omaha" >Omaha, NE</option> <option value="orlando-fl" data-col="98.5" data-name="Orlando" >Orlando, FL</option> <option value="ottawa-ca" data-col="101.2" data-name="Ottawa" >Ottawa, ON</option> <option value="oxnard-ca" data-col="138.5" data-name="Oxnard" >Oxnard, CA</option> <option value="philadelphia-pa" data-col="108.5" data-name="Philadelphia" >Philadelphia, PA</option> <option value="phoenix-az" data-col="108.2" data-name="Phoenix" >Phoenix, AZ</option> <option value="pittsburgh-pa" data-col="94.5" data-name="Pittsburgh" >Pittsburgh, PA</option> <option value="plano-tx" data-col="108.5" data-name="Plano" >Plano, TX</option> <option value="portland-me" data-col="112.5" data-name="Portland" >Portland, ME</option> <option value="portland-or" data-col="118.2" data-name="Portland" >Portland, OR</option> <option value="providence-ri" data-col="118.5" data-name="Providence" >Providence, RI</option> <option value="quebec-city-ca" data-col="87.2" data-name="Quebec City" >Quebec City, QC</option> <option value="raleigh-nc" data-col="102.4" data-name="Raleigh" >Raleigh, NC</option> <option value="reno-nv" data-col="108.5" data-name="Reno" >Reno, NV</option> <option value="richmond-va" data-col="98.5" data-name="Richmond" >Richmond, VA</option> <option value="riverside-ca" data-col="118.5" data-name="Riverside" >Riverside, CA</option> <option value="rochester-ny" data-col="92.5" data-name="Rochester" >Rochester, NY</option> <option value="rotterdam-nl" data-col="78.9" data-name="Rotterdam" >Rotterdam, ZH</option> <option value="sacramento-ca" data-col="118.5" data-name="Sacramento" >Sacramento, CA</option> <option value="saint-paul-mn" data-col="104.2" data-name="Saint Paul" >Saint Paul, MN</option> <option value="salem-or" data-col="102.5" data-name="Salem" >Salem, OR</option> <option value="salt-lake-city-ut" data-col="108.5" data-name="Salt Lake City" >Salt Lake City, UT</option> <option value="san-antonio-tx" data-col="92.4" data-name="San Antonio" >San Antonio, TX</option> <option value="san-bernardino-ca" data-col="108.5" data-name="San Bernardino" >San Bernardino, CA</option> <option value="san-diego-ca" data-col="154.2" data-name="San Diego" >San Diego, CA</option> <option value="san-francisco-ca" data-col="269.3" data-name="San Francisco" >San Francisco, CA</option> <option value="san-jose-ca" data-col="214.5" data-name="San Jose" >San Jose, CA</option> <option value="santa-ana-ca" data-col="142.8" data-name="Santa Ana" >Santa Ana, CA</option> <option value="santa-fe-nm" data-col="112.5" data-name="Santa Fe" >Santa Fe, NM</option> <option value="savannah-ga" data-col="96.5" data-name="Savannah" >Savannah, GA</option> <option value="scottsdale-az" data-col="118.5" data-name="Scottsdale" >Scottsdale, AZ</option> <option value="seattle-wa" data-col="172.1" data-name="Seattle" >Seattle, WA</option> <option value="sioux-falls-sd" data-col="90.5" data-name="Sioux Falls" >Sioux Falls, SD</option> <option value="spokane-wa" data-col="98.5" data-name="Spokane" >Spokane, WA</option> <option value="st-petersburg-fl" data-col="102.5" data-name="St. Petersburg" >St. Petersburg, FL</option> <option value="stockton-ca" data-col="112.5" data-name="Stockton" >Stockton, CA</option> <option value="tacoma-wa" data-col="112.5" data-name="Tacoma" >Tacoma, WA</option> <option value="tallahassee-fl" data-col="96.5" data-name="Tallahassee" >Tallahassee, FL</option> <option value="tampa-fl" data-col="102.8" data-name="Tampa" >Tampa, FL</option> <option value="the-hague-nl" data-col="75.6" data-name="The Hague" >The Hague, ZH</option> <option value="tilburg-nl" data-col="73" data-name="Tilburg" >Tilburg, NB</option> <option value="toledo-oh" data-col="88.5" data-name="Toledo" >Toledo, OH</option> <option value="toronto-ca" data-col="128.4" data-name="Toronto" >Toronto, ON</option> <option value="tucson-az" data-col="95.8" data-name="Tucson" >Tucson, AZ</option> <option value="tulsa-ok" data-col="88.5" data-name="Tulsa" >Tulsa, OK</option> <option value="utrecht-nl" data-col="76.5" data-name="Utrecht" >Utrecht, UT</option> <option value="vancouver-ca" data-col="142.6" data-name="Vancouver" >Vancouver, BC</option> <option value="victoria-ca" data-col="112.4" data-name="Victoria" >Victoria, BC</option> <option value="virginia-beach-va" data-col="104.2" data-name="Virginia Beach" >Virginia Beach, VA</option> <option value="washington-dc" data-col="152.1" data-name="Washington DC" >Washington DC, DC</option> <option value="wichita-ks" data-col="86.8" data-name="Wichita" >Wichita, KS</option> <option value="wilmington-nc" data-col="98.5" data-name="Wilmington" >Wilmington, NC</option> <option value="winnipeg-ca" data-col="88.6" data-name="Winnipeg" >Winnipeg, MB</option> <option value="winston-salem-nc" data-col="92.5" data-name="Winston-Salem" >Winston-Salem, NC</option> <option value="worcester-ma" data-col="118.5" data-name="Worcester" >Worcester, MA</option> </select> </div> </div> <button class="btn btn-primary btn-large" onclick="calculateSalary()"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> Calcular Salario Equivalente </button> <div class="calc-result" id="salary-result" style="display:none;"> <div class="result-header"> <h4>Salario Equivalente</h4> <span class="result-badge badge-neutral" id="salary-badge">Resultado</span> </div> <div class="salary-cards"> <div class="salary-card from"> <div class="salary-card-label">Actual</div> <div class="salary-card-city" id="from-city-display">Ciudad A</div> <div class="salary-card-amount" id="from-salary-display">$100,000</div> </div> <div class="salary-arrow"> <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> <div class="salary-arrow-label" id="salary-change-pct">0%</div> </div> <div class="salary-card to"> <div class="salary-card-label">Necesitas</div> <div class="salary-card-city" id="to-city-display">Ciudad B</div> <div class="salary-card-amount" id="needed-salary">$100,000</div> </div> </div> <div class="result-summary" id="salary-difference"></div> </div> </div> <script> const salaryCalcI18n = { needMore: 'Necesitas más', saveMoney: 'Ahorra dinero', same: 'Igual', saveMsg: 'Ahorrarías \\u003cstrong\\u003e%AMOUNT%\/año\\u003c\/strong\\u003e al mudarte a %CITY%. Tu salario actual rinde más ahí.', needMsg: 'Necesitarías \\u003cstrong\\u003e%AMOUNT%\/año más\\u003c\/strong\\u003e en %CITY% para mantener tu estilo de vida actual.', sameMsg: 'El costo de vida es aproximadamente el mismo. Tu salario tendría poder adquisitivo similar.', }; Object.keys(salaryCalcI18n).forEach(function(k) { salaryCalcI18n[k] = salaryCalcI18n[k].replace(/\\u003c/g, '<').replace(/\\u003e/g, '>'); }); function calculateSalary() { const salary = parseFloat(document.getElementById('current-salary').value); const optFrom = document.getElementById('from-city').selectedOptions[0]; const optTo = document.getElementById('to-city').selectedOptions[0]; const colFrom = parseFloat(optFrom.dataset.col) || 100; const colTo = parseFloat(optTo.dataset.col) || 100; const nameFrom = optFrom.dataset.name; const nameTo = optTo.dataset.name; const neededSalary = Math.round(salary * (colTo / colFrom)); const diff = salary - neededSalary; const pct = Math.round(((neededSalary - salary) / salary) * 100); const settings = window.URCitySettings; const currencySymbol = settings ? settings.getCurrencySymbol(settings.getState().currency) : '$'; document.getElementById('from-city-display').textContent = nameFrom; document.getElementById('to-city-display').textContent = nameTo; document.getElementById('from-salary-display').textContent = currencySymbol + salary.toLocaleString(); document.getElementById('needed-salary').textContent = currencySymbol + neededSalary.toLocaleString(); const prefixEl = document.getElementById('salary-prefix'); if (prefixEl) prefixEl.textContent = currencySymbol; const arrowLabel = document.getElementById('salary-change-pct'); const badge = document.getElementById('salary-badge'); if (pct > 0) { arrowLabel.textContent = '+' + pct + '%'; arrowLabel.className = 'salary-arrow-label negative'; badge.textContent = salaryCalcI18n.needMore; badge.className = 'result-badge badge-warning'; } else if (pct < 0) { arrowLabel.textContent = pct + '%'; arrowLabel.className = 'salary-arrow-label positive'; badge.textContent = salaryCalcI18n.saveMoney; badge.className = 'result-badge badge-success'; } else { arrowLabel.textContent = '0%'; arrowLabel.className = 'salary-arrow-label'; badge.textContent = salaryCalcI18n.same; badge.className = 'result-badge badge-neutral'; } const diffEl = document.getElementById('salary-difference'); const sym = currencySymbol; if (diff > 0) { diffEl.innerHTML = '<div class="summary-icon">🎉</div><p>' + salaryCalcI18n.saveMsg.replace('%AMOUNT%', sym + diff.toLocaleString()).replace('%CITY%', nameTo) + '</p>